Wszystkie posty z kategori "CSS"

Walidacja formularzy HTML5 za pomocą JS

W ostatnim poście stworzyliśmy podstawę walidacji, którą udostępnia nam HTML5.

W chwili obecnej walidacja taka ma jednak trochę niedoróbek i nie działa tak jak byśmy chcieli. Po pierwsze nie mamy kontroli nad tym, czy walidacja ta ma być widoczna od razu po wejściu na stronę. Po drugie nie mamy kontroli nad zachowaniem tej walidacji (chociażby na wygląd podpowiedzi). Po trzecie nie działa ona dla wszystkich pól formularzy (nie działa z checkboxami). Wreszcie po czwarte nie działa ona na IE8 nie mówiąc o starszych przeglądarkach.

:after i :before

Pseudo selektory :before i :after służą odpowiednio do umieszczania kontentu przed i za danym elementem.

Stosuje się je z właściwością content, za pomocą której wstawia się do dokumentu dodatkowy kontent. W praktyce za pomocą tych prostych poleceń można dokonywać prawdziwych czarów. Tym właśnie będziemy się dzisiaj zajmowali. Czarowaniem. Prawie.

CSS Sprites

Gdy łączymy się ze stroną, przeglądarka wysyła do niej żądania (HTTP request) o pobranie różnych plików – grafik, skryptów itp. Następnie otrzymuje zwrot w postaci odpowiednich danych. Tak to wygląda w największym skrócie. Im więcej takich requestów, tym logicznie nasza przeglądarka musi wysłać z domu do serwera więcej requestów, i tym samym strona ładuje się wolniej.

My jako webmasterzy powinniśmy starać się by takich połączeń było jak najmniej.

Stylowanie input file

Z jednej strony jestem praktycznie 100% fanem nie stylowania formularzy, z drugiej strony męczące jest to, jak mało jest nam dane. Stylowanie checkboxów? A może ruszymy select czy file input? Zapomnij. Nawet nie chodzi mi tutaj o wysublimowane efekty, ale o zwykłą zmianę tła…

Oczywiście możemy zrobić nie jedno cudo za pomocą js, ale nie tędy powinna iść nasza droga.
Wszystko to jak wiadomo dla naszego dobra. I tak sobie myślę – szkoda, że nikt nie wpadł na pomysł certyfikatów dla wyglądu. Masz certyfikat autentyczności? Możesz zmieniać wygląd.