Օնլայն գործիքներ վեբ ծրագրավորողների համար [ֆրոնտենդ]

Այսօր ցանկանում են ձեզ հետ կիսվել մի քանի օնլայն գործիքների հղումներով, որոնք կարող են օգտակար լինել ֆրոնտենդ դեվելոփեռներին։ Անհրաժեշտ է հաշվի առնել, որ օնլայն գործիքներից շատ բան պետք չէ պահանջել։ Բայց անհերքելի փաստ է, որ դրանք կարող են արագացնել և հեշտացնել աշխատանքային պրոցեսը ։

Խորհուրդ եմ տալիս մի կես ժամ տրամադրել այս գործիքների ուսումնասիրությանը։

CSS3 էֆեկտների գեներատորներ

ստվերներ, տրանսֆորմացիաներ, շրջանակներ , գրադիենտ, անիմացիա և էլի մի ահագին բան

• http://www.css3maker.com/

• http://css3generator.com/

Ստեղներ (button) պատրաստելու գործիք մաքուր css3-ով, առանց պատկերների

• http://www.cssbuttongenerator.com/

Առանց ջավասքրիփթ կախովի մենյու

• http://purecssmenu.com/

css3 3d էֆեկտներ պատրաստող գործիք

• http://tridiv.com/

Գրադիենտ գեներատոր

• http://www.colorzilla.com/gradient-editor/

Շրջանակների (border-radius) գեներատոր

• http://border-radius.com/

Ռեսփոսնիվ և ադապտիվ դիզայն

Օնլայն գործիքներ, որոնց միջոցով կարող եք դիտել թե ինչպես կերևա ձեր կայքը տարբեր չափի բռաուզեռներում

• http://responsivetest.net/

• http://deviceponsive.com/

• http://ami.responsivedesign.is/

Ստուգում տարբեր բռաուզեռների, օպերացիոն համակարգերի և չափերի համար

• https://www.browserstack.com/

Բռաուզեռի չափերի փոփոխիչ

• http://resizemybrowser.com/

Տեքստերի գեներատորներ

Հաճախ անհրաժեշտ է լինում լցնել «ձուգը»(պայմանական դիզայնը) որևէ տեքստով։ Այստեղ օգնության է գալիս Lorem Ipsum-ը, ահա մի քանի լոռեմիփսումների գեներատորներ

Այստեղ կա հայերեն և այլ լեզուներով

• http://hy.lipsum.com/

Այստեղից կարելի է վերցնել արդեն որոշ HTML նշագրմամբ Lorem Ipsum-ներ

• http://html-ipsum.com/

Յանդեքսի անիմաստ տեքստերի գեներատոր

• http://referats.yandex.ru/

Աշխատանք պատկերների հետ

Պրոֆեսիոնալ լոգոն թանկ հաճույք է, սակայն բավականին հետաքրքիր ավտոմատ գեներացված լոգոներ կարելի է ստանալ այստեղից

• http://logotypecreator.com/

Այստեղ էլ կարելի է պատկերից արագ գեներացնել ֆավիքոն

• http://www.favicon.cc/

Սա էլ պատկերներից css սփրայթեր պատրաստելու համար

• http://www.spritebox.net/

Նաև օնլայն «ֆոտոշոփ», եթե հանկարծ ձեռքի տակ չկա պատկերների խմբագրիչ

• http://pixlr.com/editor/

Վալիդացիա

և իհարկե վալիդացիա

• http://validator.w3.org/nu/