Archiwum tagu: css3

Button Maker

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

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

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

CSS 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

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]