7 sumber daya yang berguna bagi mereka yang belajar CSS

2024 Pengarang: Malcolm Clapton | [email protected]. Terakhir diubah: 2023-12-17 04:00

Lembar gaya berjenjang membuat HTML yang membosankan menjadi menarik. Lifehacker telah memilih situs berbahasa Rusia dan Inggris, serta ensiklopedia web yang akan membantu Anda lebih memahami CSS.

World Wide Web Consortium (W3C) merekomendasikan teknologi CSS (Cascading Style Sheets) pada tahun 1996. Sejak itu, pengembang web telah menggunakan lembar gaya berjenjang untuk membuat desain situs yang unik.

Dua puluh tahun yang lalu, pengembang bermain dengan opsi font, atribut teks, dan warna elemen halaman. Saat ini animasi, bayangan, gradien, anti-aliasing, dan banyak hal canggih lainnya sedang berlangsung.

Instal ekstensi Chrome atau add-on Firefox untuk mengagumi situs favorit Anda tanpa membuat lembar gaya berjenjang.

Perubahan akan dramatis, meskipun tidak selalu. Misalnya, agregator berita hampir tidak akan berubah: sesederhana dua dan dua. Namun demikian, sumber daya dilihat lebih dari 150 juta kali setiap bulan.

Di mana mempelajari poin-poin penting CSS

1. Buku HTML

Mari kita konsisten dan mulai dengan landasan teori yang kuat. Untuk itu, kami beralih ke Vlad Merzhevich, penulis buku dan pengembang web, yang mengelola beberapa sumber daya berkualitas tentang tata letak dan gaya halaman web.

Di sini Anda akan menemukan tutorial yang cukup jelas dan jawaban atas pertanyaan populer tentang cascading style sheets. Ada juga artikel tutorial tentang spesifikasi CSS ketiga saat ini.

2. Referensi Web

menawarkan referensi abjad ke CSS. Setiap properti memiliki deskripsi singkat, sintaks, dan contoh langsung. Jangan ragu untuk mengajukan pertanyaan - penulis proyek menghubungi dan dengan senang hati mendiskusikan detailnya.

3. Referensi CSS

Selain tutorial berbahasa Rusia, kami akan menambahkan situs asing. Dengan bantuan mereka, lebih mudah bagi beberapa siswa untuk mempelajari profesi dan menerima terminologinya. Karena itu, semua perhatian tertuju. Tidak ada yang berlebihan di situs: properti CSS, penjelasan, dan tindakan. Dari hal-hal kecil yang menyenangkan, kami mencatat pencarian cepat dan penyalinan properti ke clipboard dengan mengklik mouse.

4. Penghargaan Desain CSS

Pendidikan adalah bisnis yang panjang dan terkadang membosankan. Akan menyenangkan untuk menemukan motivasi untuk membantu di masa-masa sulit. Kami akan terinspirasi oleh desainer web lain, atau lebih tepatnya di situs. Proyek berkualitas disajikan di sini setiap hari, yang berfungsi sebagai model untuk apa yang layak diperjuangkan. Banyak dari pemenang yang benar-benar mengejutkan. Jangan lupa untuk mampir dan memilih nominasi favorit Anda.

5. Taman Zen CSS

Setelah mengamankan pengetahuan dan suar, saatnya menguji kekuatan Anda dalam bisnis. Dan agar tidak memilih jalan untuk waktu yang lama, kami akan mengarahkan Anda ke halaman. Ini berisi file HTML yang tidak berubah, di mana pengguna dari seluruh dunia mencoba memberikan desain yang luar biasa menggunakan lembar gaya berjenjang.

Muat HTML referensi, tambahkan gaya Anda dan kirimkan semuanya kembali. Mungkin pendekatan Anda akan menjadi yang terbaik. Omong-omong, Anda dapat mengunduh versi orang lain dan melihat bagaimana penerapannya.

6. CSSPlay

Jelas bahwa Anda ingin menerapkan sesuatu yang akan menarik perhatian semua orang. Kami tidak tahu apakah ada hal seperti itu, tetapi puluhan dan ratusan trik aneh pasti ada di sana.

7. CSS Lint

Mengapa kita membutuhkan orang lain, jika tangan kita sendiri tumbuh lurus? Apakah itu benar-benar menunjukkan. Selain pemeriksaan sintaksis CSS dasar, layanan web memeriksa kepatuhan terhadap aturan yang memengaruhi kecepatan pemuatan halaman. Outputnya bagus, CSS ramah browser.