CSS3 – 10 przykładów i 5 narzędzi



CSS3 - 10 przykładów i 5 narzędzi

Wiele się słyszy, od dłuższego czasu, o CSS3 i HTML5 i muszę przyznać, że naprawdę oba te standardy niosą ze sobą wielki potencjał. Dzisiaj zajmiemy się CSS3. Czy kiedykolwiek używaliście CSS3 w swoich stronach? Czy jednak przeszkadza wam wsparcie tylko dla najnowszych przeglądarek?

Dzisiaj zademonstruje 10 przykładów wykorzystania CSS3, które być może zachęcą was do zainteresowania się tematem (naprawdę warto!). A jak już wzbudzę waszą ciekawość, przedstawię 5 narzędzi, które ułatwiają pracę z CSS3

Przykłady w CSS3

Zacznijmy od obejrzenia powodów, dla których warto zainteresować się (już nie takimi) nowymi stylami CSS3.

1. Our Solar System


Przykłady w CSS3

2. CSS3-Man


Przykłady w CSS3

3. Reklama w CSS3 vs. Reklama Flash


Przykłady w CSS3

4. Człowiek z Hollywood


Przykłady w CSS3

5. Anigma


Przykłady w CSS3

6. Wysuwane płyty winylowe za pomocą CSS3


Przykłady w CSS3

7. Polaroid i CSS3


Przykłady w CSS3

8. CSS3 Flash Light


Przykłady w CSS3

9. Page Flip effect


Przykłady w CSS3

10. 3D SearchBox


Przykłady w CSS3

Narzędzia do CSS3

Skoro już wiemy co możemy osiągnąć za pomocą CSS3, nadszedł czas żeby zapoznać się z kilkoma naprawdę ciekawymi narzędziami.

1. CSS3 generator

Bardzo przyjemny generator styli CSS3.


Narzędzia do CSS3

2. CSS3 Pie

Przydatne narzędzie sprawia, że w IE 6-8 możliwym staje się wykorzystanie wielu głównych opcji dostępnych wraz z CSS3.


Narzędzia do CSS3

3. Generator gradientów w CSS3

Prosty i łatwy w użyciu generator gradientów z wykorzystaniem CSS3.


Narzędzia do CSS3

4. Web Designer’s checklist

Bardzo dobrze zrobiona ściąga rozpisująca wsparcie dla CSS3 w różnych przeglądarkach.


Narzędzia do CSS3

5. CSS-Tricks’ button maker

Łatwy i szybki sposób by przygotować button w CSS3


Narzędzia do CSS3

Gorąco zachęcam do okrywania możliwości CSS3, może wy znacie jakieś jeszcze inne świetne przykłady wykorzystania tego nowego standardu?

Related Posts with Thumbnails
Prześlij dalej:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

5 komentarze do “CSS3 – 10 przykładów i 5 narzędzi”

Kocham CSS3!

czy tylko mi strona css3pie nie działa na ie6 i ie7?

commenter

Uwielbiam CSS3. Z ciekawych przykładów zastosowania CSS3 znam jeszcze:
Logo Opera – http://desandro.com/articles/opera-logo-css/
Ikonki Social Media – http://www.nikesh.me/blog/2010/04/social-icons-in-css3/

Jest jeszcze generator do border-radius: http://border-radius.com/

commenter

Podoba mi się ten przykład z wyszukiwarką 3D. Nie wiem na ile kombinowania będzie z tym CSSem ale idea fajna :)

commenter

Akurat podane tutaj przykłady to nie tylko CSS3 ale też HTML5.

Zostaw komentarz:

Imię (wymagane):
Email:
Strona www:
Komentarz (wymagany):
XHTML: W komentarzach możesz korzystać z nastepujących tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
-