Reklama
Projektowanie stron internetowych może nie być najbardziej dostępnym obszarem dla wszystkich, ale CSS i HTML mogą być bardzo przydatne, a są to dwie części kodowania, które są naprawdę łatwe. Mam na myśli zmianę koloru twojej czcionki, wystarczy wpisać: „kolor: czerwony”, czy to staje się łatwiejsze?
Właściwie jest coraz trudniej, ale warto się temu przyjrzeć, ponieważ możesz dostosować wszystko, od swojego bloga po dokumenty Dokumentów Google, z odrobiną wiedzy CSS. Rzućmy okiem na to, gdzie uczysz się css online za darmo i otrzymujesz samouczki CSS dla początkujących.
W3Schools
W3Schools to świetna strona. Mają wiele samouczków od HTML do PHP i możesz być pewien, że wszystko, co czytasz, jest zgodne ze standardami, ponieważ witryna jest zarządzana przez W3C, odpowiedzialnego za dzisiejsze standardy sieciowe.
Lekcje CSS są dość szczegółowe i poprowadzą Cię przez większość tego, co musisz wiedzieć, ale ponieważ tak jest więcej na stronie technicznej zobaczysz mniej przykładów niż gdzie indziej, a przykłady, które mają, są trochę ograniczony.
Jeśli znasz już trochę CSS, jest to świetne źródło informacji.
Tizag
Często spotykałem się z tą witryną, gdy szukałem różnych rzeczy, i zapoznałem się z ich samouczkami CSS, które okazały się nieco lepiej zorganizowane niż W3School. Podstawowe informacje są takie same, ale jeśli jesteś absolutnym początkującym, możesz zacząć tutaj.
Tizag w moich oczach jest nieco mniej formalne. Wydaje mi się, że ich przykłady są bliższe prawdziwemu życiu, a ton jest bardziej przyjazny. Przydatne są także samouczki na temat wielu innych języków, takich jak HTML i MySQL, więc jeśli podobał Ci się bit CSS, możesz pozostać przy tej samej jakości w innych językach.
CSS Zen Garden
Ta strona bardzo różni się od stron z samouczkami, o których wspomniałem wcześniej. Na CSS Zen Garden możesz sprawdzić swoją wiedzę lub uczyć się na podstawie kodu napisanego przez innych. Cały pomysł polega na tym, że istnieje jeden statyczny i niezmienny plik HTML i trzeba go utworzyć osobno, używając tylko CSS.
Możesz przesłać swoją pracę, która zostanie zaprezentowana, a także możesz pobrać pliki innych osób, aby zobaczyć, jak oni to zrobili. Jest to bardzo przydatne, ponieważ sam nauczyłem się o wiele więcej poprzez przykład niż przez naukę. To samo dotyczy szablonów WordPress - jeśli ci się podoba, pobierz go i zajrzyj do style.css, aby zobaczyć, jak się to robi.
CSS Play [już niedostępny]
CSS Play to strona internetowa pomiędzy Zen Garden a stronami z samouczkami, ponieważ prezentuje określone funkcje w CSS i umożliwia przeglądanie kodu źródłowego.
Zamiast mieć całą stronę lub całą witrynę, możesz przejrzeć przykłady wysuwanego menu, przykłady krycia, obejścia specyficzne dla IE i tak dalej.
Jeśli potrzebujesz konkretnej funkcjonalności i chcesz się dowiedzieć, ta strona może być najlepszym miejscem na rozpoczęcie. Ma spory udział reklam, które mogą być nieco rozpraszające, ale informacje tam są solidne i wiele razy kod, a przynajmniej metoda jest bardzo dokładnie wyjaśniona.
Zgadza się, zwyczajnie stary Wyszukiwarka Google może być doskonałym towarzyszem nauki CSS online i znajdowania samouczków CSS dla początkujących. Oprócz tego, że oczywiście możesz badać potrzebne rzeczy, możesz także sprawdzić, jak działają określone właściwości CSS. Nie wiesz, jakie wartości może mieć „przepełnienie”? Wystarczy wpisać „przepełnienie css” lub „właściwość przepełnienia css”, a pierwszy wynik powie ci, co musisz wiedzieć.
To samo dotyczy właściwie wszystkich języków programowania, używam tego również w PHP i MySQL i nie sądzę, że pierwszy wynik jeszcze mnie zawiódł.
Więc nie ma już wymówek, czas nauczyć się CSS! Możesz dodawać własne szablony Dokumentów Google, modyfikować szablony WordPress i robić o wiele więcej, szczęśliwy CSS-ing!