CSS үйрөнгөндөр үчүн 7 пайдалуу ресурстар

2024 Автор: Malcolm Clapton | [email protected]. Акыркы өзгөртүү: 2023-12-17 04:03

Каскаддык стилдердин баракчалары кызыксыз HTMLди жагымдуу кылат. Lifehacker орус жана англис тилдериндеги сайттарды, ошондой эле CSSти жакшыраак түшүнүүгө жардам бере турган веб энциклопедияларды тандап алды.

World Wide Web Consortium (W3C) 1996-жылы CSS (Cascading Style Sheets) технологиясын сунуштаган. Ошондон бери веб-иштеп чыгуучулар уникалдуу сайт дизайнын түзүү үчүн каскаддык стилдердин баракчаларын колдонуп келишет.

Жыйырма жыл мурун, иштеп чыгуучулар шрифт параметрлери, текст атрибуттары жана бет элементтеринин түстөрү менен ойношкон. Учурда анимациялар, көлөкөлөр, градиенттер, антиалиасинг жана башка көптөгөн өркүндөтүлгөн нерселер аткарылууда.

Сүйүктүү сайттарыңызга каскаддык стилдер таблицалары жок суктануу үчүн Chrome кеңейтүүсүн же Firefox кошумчасын орнотуңуз.

Өзгөрүүлөр дайыма болбосо да, кескин болот. Мисалы, жаңылык агрегатору дээрлик өзгөрбөйт: ал эки жана эки сыяктуу жөнөкөй. Ошого карабастан, ресурс ай сайын 150 миллиондон ашуун жолу каралат.

CSSтин эң жакшы жактарын кайдан үйрөнсө болот

1. HTMLbook

Келгиле, ырааттуу бололу жана бекем теориялык негизден баштайлы. Бул үчүн биз Влад Мержевичке кайрылабыз, китептин автору жана веб-иштеп чыгуучу, ал веб-баракчалардын макети жана стили боюнча бир нече сапаттуу ресурстарды колдойт.

Бул жерден сиз өзүн-өзү түшүндүрүүчү окуу куралын жана каскаддык стилдердин баракчалары жөнүндө популярдуу суроолорго жооп таба аласыз. Учурдагы үчүнчү CSS спецификациясы боюнча үйрөтүүчү макалалар да бар.

2. WebReference

CSS алфавиттик шилтемени сунуштайт. Ар бир мүлктүн кыскача сүрөттөмөсү, синтаксиси жана жандуу мисалы бар. Суроолорду берүүдөн тартынбаңыз - долбоордун авторлору байланышып, деталдарды даярдуулук менен талкуулашат.

3. CSS маалымдамасы

Орус тилдүү окуу куралдарынан тышкары чет элдик сайттарды да кошобуз. Алардын жардамы менен кээ бир студенттер үчүн кесипке тереңдеп кирип, анын терминологиясын кабыл алуу оңой болот. Ошондуктан, бардык көңүл бурулуп жатат. Сайтта ашыкча эч нерсе жок: CSS касиеттери, түшүндүрмөлөрү жана аракети. Жагымдуу майда нерселердин ичинен биз чычканды чыкылдатуу менен тез издөөнү жана касиетти алмашуу буферине көчүрүүнү белгилейбиз.

4. CSS Дизайн сыйлыктары

Билим берүү - узак жана кээде кызыксыз бизнес. Кыйын учурларда жардам берүү үчүн мотивация тапса жакшы болмок. Биз башка веб-дизайнерлерден, тагыраак айтканда, сайттан шыктанабыз. Бул жерде күн сайын сапаттуу долбоор сунушталат, ал умтулууга татыктуу нерсеге үлгү болуп саналат. Жеңүүчүлөрдүн көбү таң калыштуу. Кирип, сүйүктүү талапкерлериңизге добуш берүүнү унутпаңыз.

5. CSS Zen Garden

Билимге жана маякка ээ болуу менен, бизнесте күчүңүздү сынап көрүүгө убакыт келди. Ал эми жолду көпкө тандап албаш үчүн сизди баракчага багыттайбыз. Ал өзгөрүлбөс HTML файлын камтыйт, аны дүйнөнүн бардык колдонуучулары каскаддык стилдердин баракчаларын колдонуу менен өзгөчө дизайн берүүгө аракет кылышат.

HTML шилтемесин жүктөңүз, стилиңизди кошуп, баарын кайра жөнөтүңүз. Балким сиздин мамилеңиз эң жакшы болот. Айтмакчы, сиз башка бирөөнүн версиясын жүктөп алып, анын кандайча ишке ашырылып жатканын көрө аласыз.

6. CSSPlay

Ар бир адамдын көңүлүн бура турган кандайдыр бир нерсени колдонгуңуз келери анык. Андай нерсе бар-жогун билбейбиз, бирок ондогон жана жүздөгөн кызык трюктар бар болчу.

7. CSS Lint

Өз колубуз түз өссө, бизге башканын эмне кереги бар? Чын эле көрсөтөбү. Негизги CSS синтаксисин текшерүүдөн тышкары, веб кызматы баракчаны жүктөө ылдамдыгына таасир этүүчү эрежелердин сакталышын текшерет. Чыгуу жакшы, браузерге ылайыктуу CSS.