Archiwum tagu: css3

Button Maker

Darmowy i prosty w użyciu generator przycisków w CSS3. Możemy zdefiniować w nim wszystko, począwszy od kolorów po wielkość dopełnienia. Po dostosowaniu przycisku, wystarczy na niego kliknąć, by uzyskać wygenerowany kod.

impress.js

Najpopularniejszy polski skrypt wśród web developerów. Dzięki impress.js prezentacja nabiera zupełnie innego kształtu, bardziej nowoczesnego, gdzie granica między slajdami się zaciera. Impress.js pozwala na stworzenie multimedialnej prezentacji w przeglądarce opierając się jedynie na CSS3 oraz HTML5. Korzystanie ze skryptu zostało wyjaśnione w źródle dema, którego efektowności nie jestem w stanie opisać 😉

CSS3 Maker

CSS3 Maker jest bezpłatnym narzędziem do eksperymentowania z właściwości oraz funkcjami CSS jakie nam oferuje od wersji nr 3. Możemy zmieniać wartości odpowiednich parametrów oraz podpatrywać nasze zmiany na generowanym podglądzie. Narzędzie pozwala na zabawę z obramowaniem, tekstem, animacją, przezroczystością, gradientem, cieniem itd. Każda funkcjonalność jest opatrzona ikonkami, które pokazują, w jakich przeglądarkach będzie prawidłowo…[Czytaj Dalej]

CSS3 Gradient Generator

Funkcjonalny generator gradientu w CSS3, który swymi możliwościami przypomina Photoshopa. Do dyspozycji mamy kilkadziesiąt gotowych gradientów utrzymanych w stylu Web 2.0. Możemy oczywiście skomponować własny gradient. Generator pozwala na łatwą zmianę kolorów czy przezroczystości, któregoś z nich, a także na wybór orientacji gradientu. Ciekawym rozwiązaniem jest importowanie gradientu z dowolnego pliku graficznego. Po ukończeniu edycji…[Czytaj Dalej]

Wiele obrazów w tle

CSS3 pozwala na umieszczenie kilku obrazów w tle bez kombinowania z dodatkowymi elementami układu (np. divami), tak jak było to w starszej wersji. Kod arkusza można zapisać na dwa sposoby: dłuższy i krótszy. W tym wpisie przedstawię oba. Poszczególne właściwości tła można określić na osobnych warstwach. Sprawia to wrażenie bardziej przejrzystego i zgrabnego kodu, ale…[Czytaj Dalej]