chevron-left chevron-right

Piotr Nalepa Frontend, architektura i AI

[Web] Niesamowite możliwości języków webowych – zestaw 1

Ta wersja
blog.piotrnalepa.pl/2013/07/20/web-niesamowite-mozliwosci-jezykow-webowych-zestaw-1
Opublikowano
Autor
, Staff Software Engineer
Kategoria
HTML5
Uwagi
Napisz do mnie · Napisz na X

Ten wpis ma 13 lat. Od tego czasu przeglądarki i narzędzia mogły się zmienić, więc zanim użyjesz kodu, sprawdź go z aktualną dokumentacją.

Postanowiłem stworzyć nową serię wpisów na blogu. Będzie to seria artykułów dotyczących możliwości jakie dają obecne języki webowe.

Bardzo często nawet nie zdajemy sobie sprawy z tego jak wiele różnych rzeczy mniej lub bardziej użytecznych można stworzyć za pomocą JS, HTML5 i CSS3. Dzisiejszy zestaw efektów to znaleziska odkryte w Internecie i w sieciach społecznościowych.

Sekcja 11. Symulacja cieczy i wzory Turringa

HTML5 symulacja cieczy

Ten efekt zadziała w przeglądarkach, które wspierają technologię WebGL, np. Firefox.

Sekcja 22. Dynamiczne animacje w stylu klubowych laserów

HTML5 laserowe stroboskopy

Ten przykład najlepiej oglądać w Google Chrome.

Sekcja 33. Eksperyment ze światłem i muzyką

HTML5 muzyka i światła

Jeden z moich ulubionych. Działa w Firefox i Google Chrome.

Sekcja 44. Generowanie realistycznie wyglądającej postaci za pomocą biblioteki three.js

Three.js - realistyczne modele ludzi

Kiedyś była to sfera zarezerwowana tylko i wyłącznie dla języków programowania gier, typu C++ i bibliotek DirectX. Teraz podobne efekty można osiągnąć za pomocą WebGL i JS. Niesamowita sprawa.

Sekcja 55. Kolejny przykład animacji 3D

Efekt 3D w canvas

Tu mamy do czynienia z nieco prostszym przykładem, ale równie efektownym.

Sekcja 6Podsumowanie

Mam nadzieję, że podoba Ci się taka idea serii wpisów w których będę zamieszczał swoje znaleziska. Dzięki nim można znaleźć inspirację do swoich prac, a także podpatrzeć sposoby pisania kodu CSS czy też JS, aby osiagnąć zamierzone efekty.
Co sądzisz o takiej formie wpisów? Zapraszam do komentowania 🙂

Udostępnij
Uwagi

O autorze

Staff Software Engineer

Piszę na tym blogu od 2009 roku, a strony i aplikacje webowe tworzę zawodowo od 14 lat. Obecnie w Bishop Fox prowadzę frontend platformy Cosmos, od samego początku projektu. Wcześniej pracowałem m.in. w OLX, KUDO, Auto1 i eZ Systems. Piszę tu o tym, czego nauczyłem się w praktyce: o JavaScripcie, TypeScripcie, Reakcie, CSS-ie i architekturze frontendu. Występowałem też jako prelegent na konferencjach w Polsce i Europie. Masz pytanie albo pomysł na wpis? Daj znać!