7 օգտակար ռեսուրսներ CSS սովորողների համար

2024 Հեղինակ: Malcolm Clapton | [email protected]. Վերջին փոփոխված: 2023-12-17 04:00

Կասկադային ոճի թերթիկները ձանձրալի HTML-ը գրավիչ են դարձնում: Lifehacker-ը ընտրել է ռուսերեն և անգլալեզու կայքեր, ինչպես նաև վեբ հանրագիտարաններ, որոնք կօգնեն ձեզ ավելի լավ հասկանալ CSS-ը:

Համաշխարհային ցանցի կոնսորցիումը (W3C) առաջարկել է CSS (Cascading Style Sheets) տեխնոլոգիան 1996 թվականին: Այդ ժամանակվանից վեբ ծրագրավորողները օգտագործում են կասկադային ոճային թերթիկներ՝ կայքի եզակի դիզայներ ստեղծելու համար:

Քսան տարի առաջ մշակողները խաղում էին տառատեսակների, տեքստի ատրիբուտների և էջի տարրերի գույների հետ: Մեր օրերում անիմացիաներ, ստվերներ, գրադիենտներ, հակաալիզինգ և շատ այլ առաջադեմ բաներ ընթացքի մեջ են:

Տեղադրեք Chrome-ի ընդլայնում կամ Firefox հավելում, որպեսզի հիանաք ձեր սիրելի կայքերից՝ առանց կասկադային ոճերի:

Փոփոխությունները կտրուկ կլինեն, թեև ոչ միշտ։ Օրինակ, նորությունների ագրեգատորը դժվար թե փոխվի. այն նույնքան պարզ է, որքան երկու և երկու: Այնուամենայնիվ, ռեսուրսը դիտվում է ամսական ավելի քան 150 միլիոն անգամ:

Որտեղ սովորել CSS-ի ավելի նուրբ կետերը

1. HTMLbook

Եկեք հետևողական լինենք և սկսենք ամուր տեսական հիմքից։ Դրա համար մենք դիմում ենք գրքի հեղինակ և վեբ ծրագրավորող Վլադ Մերժևիչին, ով պահպանում է մի քանի որակյալ ռեսուրսներ վեբ էջերի դասավորության և ոճավորման վերաբերյալ:

Այստեղ դուք կգտնեք ինքնաբացատրվող ձեռնարկ և կասկադային ոճի թերթիկների մասին հանրաճանաչ հարցերի պատասխանները: Կան նաև ուսումնական հոդվածներ ընթացիկ երրորդ CSS ճշգրտման վերաբերյալ:

2. WebReference

առաջարկում է այբբենական հղում CSS-ին: Յուրաքանչյուր հատկություն ունի կարճ նկարագրություն, շարահյուսություն և կենդանի օրինակ: Մի հապաղեք հարցեր տալ՝ նախագծի հեղինակները կապվում են և պատրաստակամորեն քննարկում մանրամասները:

3. CSS հղում

Բացի ռուսալեզու ձեռնարկներից, մենք կավելացնենք արտասահմանյան կայքեր։ Նրանց օգնությամբ որոշ ուսանողների համար ավելի հեշտ է խորանալ մասնագիտության մեջ և ընդունել դրա տերմինաբանությունը: Ուստի ամբողջ ուշադրությունը բևեռված է։ Կայքում ավելորդ ոչինչ չկա՝ CSS հատկություններ, բացատրություններ և գործողություն: Հաճելի փոքրիկ բաներից մենք նշում ենք արագ որոնումը և սեփականության պատճենումը clipboard-ում մկնիկի սեղմումով:

4. CSS Design Awards

Կրթությունը երկար և երբեմն ձանձրալի բիզնես է: Լավ կլինի դժվար պահերին օգնելու մոտիվացիա գտնել։ Մենք կոգեշնչվենք այլ վեբ դիզայներներից, ավելի ճիշտ՝ կայքում։ Այստեղ ամեն օր ներկայացվում է որակյալ նախագիծ, որը ծառայում է որպես մոդել, ինչին արժե ձգտել։ Հաղթողներից շատերն իսկապես զարմացնում են: Մի մոռացեք մտնել և քվեարկել ձեր սիրելի թեկնածուների օգտին:

5. CSS Zen Garden

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

Բեռնեք հղումը HTML-ը, ավելացրեք ձեր ոճավորումը և ուղարկեք այն ամենը: Թերևս ձեր մոտեցումը լավագույնը կլինի: Ի դեպ, կարող եք ներբեռնել ուրիշի տարբերակը և տեսնել, թե ինչպես է այն իրականացվում։

6. CSSPplay

Պարզ է, որ դուք կցանկանաք կիրառել այնպիսի մի բան, որը կգրավի բոլորի ուշադրությունը: Չգիտենք՝ կա՞ նման բան, բայց տասնյակ ու հարյուրավոր հետաքրքիր հնարքներ հաստատ կային։

7. CSS Lint

Մեզ ինչի՞ն է պետք ուրիշի ձեռքը, եթե մեր ձեռքերն ուղիղ են։ Արդյոք դա իսկապես ցույց է տալիս: Ի լրումն հիմնական CSS շարահյուսության ստուգման, վեբ ծառայությունը ստուգում է համապատասխանությունը կանոններին, որոնք ազդում են էջի բեռնման արագության վրա: Արդյունքը գեղեցիկ է, բրաուզերի համար հարմար CSS: