css3

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


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/


CSS3 Flexbox Complete Guide

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

CSS3 Flexbox Complete Guide:
http://css-tricks.com/snippets/css/a-guide-to-flexbox/


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 wyśrodkowywanie okienek

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

Różne metody wyśrodkowywania okienek (np. modalnych) w CSS3:
http://blog.themeforest.net/tutorials/vertical-centering-with-css/


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 – pseudoselectors

Kwiecień 23rd, 2014 | Posted in cookbook, css3 | | Komentowanie nie jest możliwe

CSS3 pseudoselectors:
http://css-tricks.com/pseudo-class-selectors/


CSS3 HexTool Color Generator

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

CSS3 HexTool Color Generator:
http://hexcolortool.com/


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/


CSS3 animation generator

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

CSS3 animation generator:
http://coveloping.com/tools/css-animation-generator


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


CSS3 Grid Responsive Layout

Marzec 6th, 2014 | Posted in css3 | | Komentowanie nie jest możliwe

ciekawe linki, polecam:
1. http://www.adamkaplan.me/grid/
2. http://www.adamkaplan.me/projects/units-of-measure.html


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/


Myth.IO bardzo ciekawy preprocesor CSS

Grudzień 19th, 2013 | Posted in css3 | | Komentowanie nie jest możliwe

Myth.IO bardzo ciekawy preprocesor CSS:
http://www.myth.io/


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 …


Javascript: To Hell with jQuery ;-)

Listopad 3rd, 2013 | Posted in css3, javascript | | Komentowanie nie jest możliwe

Całkowicie się zgadzam, słowa klucze: css3, css3 selectors ;-)
Brawo Karolina!
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/


CSS3 – selektory, które warto znać i zapamiętać

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

CSS3 – selektory, które warto znać i zapamiętać
1. http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/
2. http://www.bt4.pl/dokumentacje/css/css3-selektory/


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


CSS3 – Full Text Search

Wrzesień 12th, 2013 | Posted in blog, cookbook, css3 | | Komentowanie nie jest możliwe

Bardzo ciekawy mechanizm wyszukiwania treści (Full Text Search) w html za pomocą selektorów CSS3:
http://redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html?utm_source=dlvr.it&utm_medium=twitter


Kolory vs Psychologia

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

Bardzo ciekawa infografika pokazująca wpływ i znaczenie kolorów na odbiór przez użytkownika:
http://www.amara.com/luxpad/inspiration/colour-psychology/
Read more …


CSS3 Selectors

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

Kilka linków dotyczących tematu selektorów w CSS3 – potężne narzędzie ;-)

1. http://learn.shayhowe.com/advanced-html-css/complex-selectors
2. http://www.w3schools.com/cssref/css_selectors.asp
3. http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/


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 …


CSS3 – kompresory online

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

Bardzo dobre kompresory online dla plików css3:
1. http://refresh-sf.com/yui/
2. http://devilo.us/


CSS3 – generowanie siatki pomocniczej

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

CSS3 – poniżej przykład jak wygenerować siatkę pomocniczą do wyświetlenia w tle strony (w czystym CSS3, bez zewnętrznych wspomagaczy).
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/


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.