7 полезни ресурса за тези, които изучават CSS

2024 Автор: Malcolm Clapton | [email protected]. Последно модифициран: 2023-12-17 03:47

Каскадните стилови таблици правят скучния HTML привлекателен. Lifehacker избра сайтове на руски и английски език, както и уеб енциклопедии, които ще ви помогнат да разберете по-добре CSS.

Консорциумът на World Wide Web (W3C) препоръча технологията CSS (Cascading Style Sheets) през 1996 г. Оттогава уеб разработчиците използват каскадни стилови таблици за създаване на уникален дизайн на сайтове.

Преди двадесет години разработчиците играха с опции за шрифт, текстови атрибути и цветове на елементите на страницата. В днешно време са в ход анимации, сенки, градиенти, антиалиасинг и много други усъвършенствани неща.

Инсталирайте разширение за Chrome или добавка за Firefox, за да се възхищавате на любимите си сайтове без каскадни стилови таблици.

Промените ще бъдат драматични, макар и не винаги. Например агрегаторът на новини едва ли ще се промени: той е толкова прост като две и две. Въпреки това ресурсът се разглежда над 150 милиона пъти месечно.

Къде да научите фините точки на CSS

1. HTML книга

Нека бъдем последователни и да започнем със солидна теоретична основа. За това се обръщаме към Влад Мержевич, автор на книги и уеб разработчик, който поддържа няколко качествени ресурса за оформление и стил на уеб страници.

Тук ще намерите самообясняващ урок и отговори на популярни въпроси относно каскадните стилови таблици. Има и уроци за текущата трета CSS спецификация.

2. WebReference

предлага препратка към CSS по азбучен ред. Всяко свойство има кратко описание, синтаксис и пример на живо. Не се колебайте да задавате въпроси - авторите на проекта се свързват и с готовност обсъждат подробностите.

3. CSS справка

В допълнение към уроци на руски език, ще добавим чужди сайтове. С тяхна помощ за някои студенти е по-лесно да се ровят в професията и да приемат нейната терминология. Следователно цялото внимание е насочено. В сайта няма нищо излишно: CSS свойства, обяснения и действия. От приятните малки неща отбелязваме бързо търсене и копиране на свойство в клипборда с едно щракване на мишката.

4. CSS Design Awards

Образованието е дълъг и понякога скучен бизнес. Би било хубаво да намерите мотивация, за да помогнете в трудни моменти. Ще бъдем вдъхновени от други уеб дизайнери, или по-скоро от сайта. Тук всеки ден се представя качествен проект, който служи като модел за това, към което си струва да се стремите. Много от победителите са наистина изненадващи. Не забравяйте да се включите и да гласувате за любимите си номинации.

5. CSS Дзен градина

Имайки подсигурени знания и маяк, е време да изпробвате силата си в бизнеса. И за да не избирате дълго пътя, ще ви насочим към страницата. Той съдържа непроменен HTML файл, който потребителите от цял свят се опитват да придадат необикновен дизайн, използвайки каскадни стилови таблици.

Заредете референтния HTML, добавете своя стил и го изпратете обратно. Може би вашият подход ще бъде най-добрият. Между другото, можете да изтеглите версия на някой друг и да видите как се изпълнява.

6. CSSPlay

Ясно е, че ще искате да приложите нещо от рода, което ще привлече вниманието на всички. Не знаем дали има такова нещо, но със сигурност имаше десетки и стотици любопитни трикове.

7. CSS Lint

Защо имаме нужда от някой друг, ако собствените ни ръце растат прави? Показва ли наистина. В допълнение към основната проверка на синтаксиса на CSS, уеб услугата проверява за съответствие с правилата, които влияят върху скоростта на зареждане на страницата. Резултатът е приятен, удобен за браузър CSS.