Archiwa tagu: CSS

PrimaryCSS – generator layoutu w CSS

primarycss

Dzięki PrimaryCSS zaoszczędzimy 10 min pracy na przygotowaniu głównego układu strony (nagłówka, menu, stopki itp.).  Wystarczy że skopiujemy potrzebny layoutu, style CSS, a koniec zostaną nam już tylko drobne potrawki i gotowe.  Do wyboru mamy 22 layouty, wszystkie mają domyślą szerokość 960px. Layouty są kompatybilne ze wszystkimi głównymi przeglądarkami.

primarycss

Link: http://www.primarycss.com/
Licencja: Darmowa

ezMark – zmień nudny formularz dzięki jQuery

ezmark jquery css

Jeżeli znudziły się Tobie standardowe kontrolki formularza, ten skrypt w prosty sposób może to zmienić. Dzięki jQuery, możemy nadać nowy wygląd kontrolkom formularza radio i selecte. Działa to w ten sposób ze sama kontrolka jest niewidoczna a jej tło wypełnia obrazek ramki i zaznaczenia. W ten sposób podmieniając obrazek możemy zmienić wygląd kontrolek nie bawiąc się w style CSS, które nie zawsze działają dobrze w kontrolkach na wszystkich przeglądarkach.

ezmark jquery css

Wymagania: jQuery
Demo: http://www.itsalif.info/content/demo-ezmark-jquery-plugin/
Licencja: MIT

Równej wysokości pola bez względu na zawartość

CSS równej wysokości

Może ten post będzie trochę inny od reszty. Nie zaprezentuje tu żadnego komponentu, ale pewien sposób użycia CSS. Często gdy projektowałem strony WWW, pojawiał się problem gdy strona była zbudowana z samych znaczników <div>. Otóż kiedy było tworzone lewa i prawa część strony (na przykład menu i środek strony ), obie części nie były równej wysokości. Kiedy przybywało lub ubywało treści z któreś ze stron, również pojawiał się problem. Oczywiście problem można rozwiązać używając znaczników <table> ale jak się chce szpanować na wielkiego znawce XHTML to wypadało by nie używać <table> :). Sprawdzałem osobiście kompatybilność z przeglądarkami FF, IE8, Opera, Chrome oraz Safari.

CSS równej wysokości

Link: http://vivee.info/2008/01/10/kolumny-rownej-wysokosci-za-pomoca-css/