Narożniki CSS3, gradienty, cienie i nie tylko…

css3 właściwości

Cascading Style Sheets (CSS) to niesamowita technologia, umożliwiająca łatwe oddzielenie treści od projektu. Nadal współpracujemy z firmami, które mają zakodowane witryny i interfejsy, zmuszając je do polegania na programistach przy wprowadzaniu jakichkolwiek zmian. Jeśli tam jest Twoja firma, musisz krzyczeć na swój zespół programistów (lub zdobyć nowy). Pierwsze wydanie CSS miało miejsce 14 lat temu! Jesteśmy teraz w trzeciej iteracji CSS3.

CSS3 jest teraz zaadoptowany i obsługiwany we wszystkich najnowszych popularnych wersjach przeglądarek i nadszedł czas, aby to wykorzystać! Jeśli nie zdawałeś sobie sprawy, co jest możliwe dzięki CSS3, jeden ekstrapiksel przygotował fajną infografikę na temat kluczowych funkcji udostępnianych przez CSS3 - w tym stosowanie promienia obramowania (zaokrąglone rogi), krycie (możliwość widzenia przez element), obrazy obramowania, wiele obrazów tła, gradienty, przejścia kolorów, cienie elementów i cienie czcionek. Jest kilka niesamowitych efektów, które możesz uzyskać dzięki połączenie HTML5 i CSS3.

Dlaczego CSS3 jest ważny? Obecnie projektanci wykorzystują kombinację grafiki, HTML i CSS, aby w pełni projektować strony internetowe, które są estetyczne. Gdy wszystkie elementy graficzne będą już obsługiwane, możliwe, że w końcu uda się zrezygnować z programu Illustrator lub Photoshop i poprosić przeglądarkę o renderowanie grafiki i warstw tak, jak byśmy tego chcieli. Może to jeszcze potrwać dekadę - ale im bliżej będziemy, tym ładniejsze strony będziemy mogli rozwijać i tym łatwiej będzie je rozwijać w locie.

css3 infografika pełna

Jeśli obawiasz się przyjęcia CSS3, ponieważ Twoi użytkownicy lub odwiedzający nadal używają starszych przeglądarek, istnieją biblioteki JavaScript, takie jak Mondernizr tam możesz dołączyć do swoich projektów HTML5 i CSS3, które pomogą starszym przeglądarkom dokładnie renderować elementy.

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.