Pionowe wyśrodkowanie tekstu w buttonach

Dziś opiszę problem z którym spotkałem się ostatnio, a mianowicie wyśrodkowanie w pionie tekstu w buttonach. Jak wiemy większość przeglądarek domyślnie ustawia zawartość przycisku na środku, po za Firefoxem. Co się dzieje? Spójrzmy na przykłady na żywo:

Czytaj więcej

Ruchome koło w CSS3

Jak kończą się niewinne zabawy z CSS3? Wynalezieniem koła :D. Wszystko oparte o jeden div i kilku nowościach takich jak transition (transition opisał już Damian na swoim blogu więc odsyłam do niego), transform i gradient. Z tego co ja dostrzegłem, to Firefox 4 o wiele lepiej poradził sobie z gradientem po skosie aniżeli chrome.

CSS3: Selektory interfejsu użytkownika

Jedną z ciekawych grup nowych selektorów w CSS3 są tzw. selektory interfejsu użytkownika (CSS 3 UI Module). Dzięki nim dostajemy możliwość nadawania stylów elementom formularza, w zależności od stanu w jakim się znajdują. Do tych pseudoklas należą:

  • :disabled
  • :enabled
  • :checked
  • :invalid
  • :valid
  • :read-write
  • :read-only
  • :required
  • :optional
Czytaj więcej

CSS3: pseudoklasa :target

Siłą CSS są selektory, dzięki którym w łatwy sposób możemy odwołać się do konkretnego elementu w naszym dokumencie HTML, choćby przez jego identyfikator lub klasę. Wraz z nadejściem CSS3, dostajemy do dyspozycji kolejne możliwości, dzięki którym uzyskujemy większą swobodę tworząc nasze arkusze stylów. Jedną z nich jest pseudoklasa :target i jej poświęciłem dzisiejszy wpis.

Czytaj więcej

Dlaczego warto resetować domyślne style CSS?

Nie od dziś wiadomo że przeglądarki mają zdefiniowane domyślne style dla elementów HTML i używają ich wtedy gdy my sami ich nie zdefiniujemy. Dla przykładu wystarczy utworzyć plik .html i zdefiniować w nim np nagłówek <h1>. Wynik wszyscy znają. Tak samo jest w przypadku innych elementów, takich jak np. bloków <div> lub paragrafów <p>. Choć wydaje się to dobrym rozwiązaniem, są takie elementy, które musimy za każdym razem ustawiać inaczej.

Czytaj więcej

LESS: szczuplejsze arkusze CSS

Każdy z szanujących się webmasterów zapewne zna bardzo dobrze skrót CSS. Tak to Kaskadowe arkusze stylów (ang. Cascading Style Sheets), prosty w obsłudze język pozwalający nam formatować dowolny znacznik w naszym dokumencie HTML. Ameryki nie odkryłem prawda :)? Wraz z rozwojem CSS3 dostajemy kolejne właściwości mające nam ułatwić życie, takie jak zaokrąglanie rogów, podwójne tła, obrazkowe obramowanie czy choćby takie dobrodziejstwo jak transitions. Patrząc na to wszystko z uśmiechem na twarzy stwierdzamy, że nic nam więcej do szczęścia nie potrzeba. A co gdyby można było jednak coś jeszcze ulepszyć, choćby sam proces tworzenia arkuszy?

Czytaj więcej
Strona 2 z 212