html5

JavaScript – form validation API

Maj 28th, 2014 | Posted in css3, html5, javascript | | Komentowanie nie jest możliwe

JavaScript – form validation API:
http://www.sitepoint.com/html5-forms-javascript-constraint-validation-api/


html5 css3 – responsive patterns

Maj 26th, 2014 | Posted in cookbook, css3, html5 | | Komentowanie nie jest możliwe

html5 css3 – responsive patterns:
http://bradfrost.github.io/this-is-responsive/patterns.html


HTML5 Web platform: Browser technologies

Maj 23rd, 2014 | Posted in html5 | | Komentowanie nie jest możliwe

HTML5 Web platform: Browser technologies:
http://platform.html5.org/


c3js świetna biblioteka do wykresów

Maj 17th, 2014 | Posted in cookbook, css3, html5, javascript | | Komentowanie nie jest możliwe

CSS3 + HTML5 + JS świetna biblioteka do wykresów:
http://c3js.org/


HTML5 Manifest / Cache Validator Online

Maj 15th, 2014 | Posted in html5, javascript | | Komentowanie nie jest możliwe

HTML5 Manifest / Cache Validator Online:
http://manifest-validator.com/


HTML5 Application Cache

Maj 15th, 2014 | Posted in cookbook, css3, html5, javascript, REST | | Komentowanie nie jest możliwe

HTML5 Application Cache:
1. http://www.html5rocks.com/en/tutorials/appcache/beginner/
2. http://blog.kamilbrenk.pl/tworzenie-aplikacji-z-html5-offline/


Social Media Buttons – load async

Maj 15th, 2014 | Posted in cookbook, css3, html5, javascript | | Komentowanie nie jest możliwe

Social Media Buttons – load async:
http://css-tricks.com/thinking-async/


Vanilla JS rulez (~jQuery) ;-)

Maj 8th, 2014 | Posted in css3, html5, javascript | | Komentowanie nie jest możliwe

0. http://youmightnotneedjquery.com/

1. http://flippinawesome.org/2014/05/05/replacing-jquery-with-vanilla-javascript/
2. http://alistapart.com/blog/post/choosing-vanilla-javascript
3. http://www.smashingmagazine.com/2013/10/06/inside-the-box-with-vanilla-javascript/
4. http://sighjavascript.tumblr.com/
5. https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o/edit?pli=1
;-)


CSS3 Template i Grid Layout

Maj 2nd, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

1. specyfikacja css3 template layout: http://www.w3.org/TR/css3-layout/

Zrzut ekranu 2014-05-02 o 10.09.03

Zrzut ekranu 2014-05-02 o 10.08.55

2. specyfikacja css3 grid layout: http://dev.w3.org/csswg/css-template/

Zrzut ekranu 2014-05-02 o 10.09.45

Zrzut ekranu 2014-05-02 o 10.09.33

Zrzut ekranu 2014-05-02 o 10.09.23


CSS3 FlexBox Layout

Maj 2nd, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

1. Eksplorer: http://bennettfeely.com/flexplorer/
2. Ciekawa prezentacja nt. flexbox: http://www.slideshare.net/stopsatgreen/the-home-of-tomorrow-css-layouts
3. Shims flexbox model dla starszych przeglądarek: https://github.com/doctyper/flexie
4. Wsparcie flexbox model dla przeglądarek: http://caniuse.com/#search=flexbox
5. Przykłady rozwiązań wzorców opartych na flexbox model: http://philipwalton.github.io/solved-by-flexbox/
6. O FlexBox model na stronach firmy Microsoft: http://msdn.microsoft.com/en-us/library/ie/hh673531(v=vs.85).aspx

Zrzut ekranu 2014-05-02 o 10.15.40

Zrzut ekranu 2014-05-02 o 10.15.26


CSS3 overlay modal window example

Kwiecień 17th, 2014 | Posted in cookbook, css3, html5 | | Komentowanie nie jest możliwe

CSS3 Overlay modal window example:
http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
http://demo.agektmr.com/dialog/


Responsive Email Pattern

Kwiecień 17th, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

Responsive Email Pattern:
http://responsiveemailpatterns.com/


html5 Iframe postmessage

Kwiecień 11th, 2014 | Posted in cookbook, html5, javascript | | Komentowanie nie jest możliwe

html5 Iframe postmessage:
http://benvinegar.github.io/seamless-talk/#/


Social Media Sharing Buttons

Kwiecień 8th, 2014 | Posted in blog, cookbook, css3, html5 | | Komentowanie nie jest możliwe

Social Media Sharing Buttons:
1. http://www.paulund.co.uk/social-sharing-links
2. http://andornagy.com/flat-social-sharing-buttons-with-css/


UX Design – zbiór ciekawych linków

Kwiecień 7th, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

UX Design – zbiór ciekawych linków:
https://medium.com/design-ux/799d16952a56


html5 – edycja stron www w przeglądarce

Kwiecień 5th, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

przykłady edycji strony www bezpośrednio w przeglądarce (tryb contenteditable):
1. http://www.quirksmode.org/dom/execCommand/
2. https://developer.mozilla.org/pl/docs/Rich-Text_Editing_in_Mozilla

przeglądarki obsługujące i wspierające tryb contenteditable:
http://caniuse.com/contenteditable


dialog – nowy element w html5

Kwiecień 5th, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

<dialog> – nowy element w html5 oraz przykłady użycia: http://demo.agektmr.com/dialog/


coveloping – ciekawe narządzia dla webdeveloperów

Kwiecień 5th, 2014 | Posted in css3, html5 | | Komentowanie nie jest możliwe

coveloping – ciekawe narządzia dla webdeveloperów:
http://coveloping.com/tools/css-animation-generator


Tuner do Gitary – html5

Luty 24th, 2014 | Posted in html5 | | Komentowanie nie jest możliwe

Tuner do strojenia Gitary – html5 rulez ;-)
http://www.freetuner.co/


Fajna strona o typografii w HTML5

Luty 24th, 2014 | Posted in html5 | | Komentowanie nie jest możliwe

Fajna strona o typografii w HTML5:
http://typequest.org/


HTML5 WebRTC

Luty 14th, 2014 | Posted in cloud computing, cookbook, html5 | | Komentowanie nie jest możliwe

Bardzo ciekawy artykuł o WebRTC w Html5:
http://www.html5rocks.com/en/tutorials/webrtc/datachannels/


HTML 5 JavaScript API Index

Styczeń 30th, 2014 | Posted in css3, html5, javascript | | Komentowanie nie jest możliwe

Fajna strona zawierająca Index JavaScript API dostępny w HTML5:

http://html5index.org/


JavaScript – zapomnij o jQuery

Grudzień 14th, 2013 | Posted in blog, html5 | | Komentowanie nie jest możliwe

Największą zaletą frameworka jQuery był łatwy sposób pobierania elementów drzewa DOM za pomocą selektorów CSS, np:

var elementy = $(„css_selector”);

zamiast tego można skorzystać z:

var elementy = document.querySelectorAll(„css_selector”); // pobierz wszystkie elementy css_selector
var element = document.querySelector(„css_selector”); // pobierz tylko pierwszy element


Handlebars – prekompilowane vs nieprekompilowane szablony

Grudzień 4th, 2013 | Posted in css3, html5, javascript | | Komentowanie nie jest możliwe

Ciekawy test pokazujący różnicę w wydajności renderowania szablonów Handlebars: prekompilowanych vs nieprekompilowanych:

http://jsperf.com/handlebars-compile-vs-precompile/3


Przeglądarki WWW ;-)

Listopad 29th, 2013 | Posted in blog, css3, html5 | | Komentowanie nie jest możliwe

źródło: http://img.wiocha.pl/images/2/3/2311cd984c4e47bfaa5fa1e76edffef6.jpg

Read more …


HTML5 – zbiór wszystkich zdarzeń (DOM Events Specification) w jednym miejscu

Listopad 1st, 2013 | Posted in cookbook, html5, javascript | | Komentowanie nie jest możliwe

Zbiór wszystkich zdarzeń występujących w przetwarzanych dokumentach html5 (tzw. DOM Events Specifications) w jednym miejscu (zawsze tego szukam):
Read more …


Latex To HTML5

Październik 30th, 2013 | Posted in cookbook, css3, html5 | | Komentowanie nie jest możliwe

Bardzo ciekawa biblioteka: http://latex2html5.com/


Introduction to WebRTC application

Październik 22nd, 2013 | Posted in cloud computing, html5, javascript | | Komentowanie nie jest możliwe

ciekawy wykład o WebRTC:

Read more …


JavaScript Closure

Październik 12th, 2013 | Posted in cookbook, html5, javascript | | Komentowanie nie jest możliwe

What Is A Closure?

Read more …


UX – user experience

Październik 11th, 2013 | Posted in css3, html5 | | Komentowanie nie jest możliwe

Kilka bardzo ciekawych wpisów i materiałów dotyczących UX:
http://uxbite.com/do-pobrania/


Mapy krajów w formacie SVG

Październik 10th, 2013 | Posted in css3, html5 | | Komentowanie nie jest możliwe

Mapy krajów w formacie SVG
https://github.com/djaiss/mapsicon


HTML5 – obsługa atrybutów pół formularzy

Wrzesień 19th, 2013 | Posted in cookbook, html5 | | Komentowanie nie jest możliwe

Test na sprawdzenie obsługi nowych atrybutów formularzy wprowadzonych w specyfikacji HTML5 przez przeglądarkę WWW:
https://www.miketaylr.com/code/input-type-attr.html


HTML5 – układ okresowy

Wrzesień 7th, 2013 | Posted in blog, html5 | | Komentowanie nie jest możliwe

Zbiór elementów HTML5 przedstawiony w postaci tablicy okresowej pierwiastków:
źródło: http://joshduck.com/periodic-table.html
Read more …


Sublime Text – Wersja 3

Sierpień 22nd, 2013 | Posted in cookbook, css3, git, html5, javascript, nginx, node.js | | Komentowanie nie jest możliwe

Sublime Text – Wersja 3 – jedno z moich ulubionych IDE i co najważniejsze: działa na wszystkich wiodących OS: http://www.sublimetext.com/3

Po zainstalowaniu kilku pluginów mamy naprawdę potężny kombajn ;-) W przypadku pracy potrzeby edycji plików na serwerze polecam plugin sftp i pracę przez tunel ssh.

W moim przypadku powoli wypiera Komodo, jeszcze przyglądam się z ciekawością edytorowi Brackets Sprint (oparty na javascript – jak się rozwinie z pluginami do poziomu sublime to się przesiądę ;-D)


CSS3 – FlexBox

Sierpień 9th, 2013 | Posted in blog, cookbook, css3, html5 | | Komentowanie nie jest możliwe

CSS3 FlexBox – jeden z ciekawszych sposobów budowania layoutów w HTML5, szczególnie na potrzeby Flat UI i MetroUI.
Read more …


HTML5 kompresory online

Sierpień 9th, 2013 | Posted in cookbook, html5 | | Komentowanie nie jest możliwe

Bardzo dobre kompresory online dla plików html5:
1. http://www.willpeavy.com/minifier/
2. http://htmlcompressor.com/compressor/
3. http://prettydiff.com/
4. http://kangax.github.io/html-minifier/


JavaScript Module Pattern

Sierpień 5th, 2013 | Posted in blog, cookbook, html5, javascript | | Komentowanie nie jest możliwe

Wzorzec modułu w JavaScript – przenośny, zgodny z AMD (Asynchronous Module Definition), uruchamia się w :Node.js, przeglądarce internetowej (zgodnej z ECMA5), oraz jako bilioteka rozszerzająca możliwości plv8 bazy PostgreSQL 9.2
Read more …


Anatomia Web Typografii

Sierpień 1st, 2013 | Posted in blog, css3, html5 | | Komentowanie nie jest możliwe

Anatomia Web Typografii – krótko, treściwie i na temat:
http://webdesign.tutsplus.com/articles/typography-articles/the-anatomy-of-web-typography/

Cała seria artykułów: http://webdesign.tutsplus.com/sessions/a-z-of-web-typography/


Natywne wsparcie Base64 w przeglądarce WWW

Lipiec 31st, 2013 | Posted in blog, cookbook, css3, html5, javascript | | Komentowanie nie jest możliwe

Natywne wsparcie kodowania Base64 w przeglądarce WWW:
https://developer.mozilla.org/en-US/docs/Web/API/window.atob
Read more …


HTML 5 Test Przeglądarki

Lipiec 20th, 2013 | Posted in blog, css3, html5 | | Komentowanie nie jest możliwe

Lista testów do przeglądarki w celu sprawdzenia stopnia obsługi standardu HTML5:

1. Obsługa hTML5: http://html5test.com

2. Obsługa CSS3: http://css3test.com

3. Obsługa WebSockets: http://websocketstest.com

4. A tutaj możemy sprawdzić na szybko czego i gdzie można używać / nieużywać: http://caniuse.com


HTML5 – „Bezpieczne” Kolory

Lipiec 15th, 2013 | Posted in blog, css3, html5 | | Komentowanie nie jest możliwe

Paleta „bezpiecznych” kolorów do stosowania na stronach HTML5:

1. http://websafecolors.info/

2. http://flatuicolors.com/

3. http://colours.neilorangepeel.com/


HTML5 CORS – Cross-Origin Resource Sharing

Lipiec 12th, 2013 | Posted in blog, cloud computing, html5, nginx, node.js, REST | | Komentowanie nie jest możliwe

Cross Origin Resource Sharing (CORS) to nowa metoda implementacji żądań AJAX pomiędzy domenami. Jeszcze do niedawna implementacja takich witryn napotykała spore problemy za sprawą polityki bezpieczeństwa przeglądarek internetowych (origin policy). Uwaga! Serwer musi wyrazić zgodę na udostępnienie swoich zasobów.

Read more …


REST API i Kody Statusów

Lipiec 5th, 2013 | Posted in blog, cloud computing, html5, REST | | Komentowanie nie jest możliwe

Wszystkim tworzącym serwisy RESTful polecam ten diagram obrazujący kiedy i w jakiej sytuacji otrzymamy dany kod statusu w odpowiedzi HTTP:

http-rest-headers-status

źrodło oraz obraz w lepszej jakości do ściągnięcia: http://viswaug.wordpress.com/2008/11/26/http-header-status/


Kursy UX: Metro UI / Windows 8

Czerwiec 15th, 2013 | Posted in blog, cookbook, css3, html5 | | Komentowanie nie jest możliwe

Podaję linki do świetnych i darmowych kursów tworzenia interefejsów UX w stylu MetroUI / Windows 8:

0. Kurs Windows 8 UI – http://www.eduweb.pl/kursy/windows/windows-8-ui.html
1. Projektowanie aplikacji w stylu Metro – http://channel9.msdn.com/Series/Projektowanie-aplikacji-w-stylu-Metro


Jak odczytać automatycznie wyliczaną wartość elementu LI wg reguł zdefiniowanych w CSS ?

Czerwiec 5th, 2013 | Posted in cookbook, css3, html5, javascript | | Komentowanie nie jest możliwe

W czasach obecnie nastającej mody na HTML5, CSS3 oraz wykorzystywania ich możliwości jakie nam oferują podczas budowania interfejsów webowych (natywne wsparcie w przeglądarce, responsywne layouty, itp) stajemy przed problem, jak dobrać się do tych dobrodziejstw z poziomu javascript ?

Read more …


Categories sidebar

This is a temporary sidebar. Please go to Appearance >> Widgets to configure it.