Categories
Webdesign

Open source ikony

http://iconmonstr.com/

Categories
Použiteľnosť

Analytické nástroje

http://www.kissmetrics.com/

http://www.crazyegg.com/

http://www.clicktale.com/

Categories
Fotografia

CC search

http://search.creativecommons.org/

Categories
Typografia

keď raz budem písať knihu

http://easybook-project.org/

Categories
Uncategorized Webdesign

html5 boilerplate, bootstrap, responsive za pár sekúnd

Príprava skriptov na začiatok projektu

http://www.initializr.com/

Categories
Webdesign

Neštandardné písma na webe pomocou google webfonts so slovenskou diakritikou

Oswald
Marck Script
Ubuntu Mono
Play
Sorts Mill Goudy
Abrill Farface
Andika
Gentium Book Basic
Istok Web
Open Sans Condensed
Open Sans
Varela
Francois One
Playfair Display
Modern Antiqua
EB Garamond
Kelly Slab
Forum
Neuton
Anonymous Pro
Ruslan Display
Tenor Sans
Lobster
Caudex
Anton
Cardo
Patrick Hand
Didact Gothic
MedievalSharp
Gentium Basic
Jura

Categories
Uncategorized Webdesign

nástroj na sprites – spritecow.com

http://www.spritecow.com/

Categories
Grafika

ikony 16 x 16

http://p.yusukekamiyamane.com/

Categories
Photoshop

Skratky do photoshopu

http://webdesignerwall.com/tutorials/photoshop-secret-shortcuts

Categories
Použiteľnosť Webdesign Wordpress

Design pattern wordpres theme

http://pea.rs/

Categories
Použiteľnosť

Tvorba newsletterov – prehľad podporovaných tagov a štýlov v rôznych emailových klientoch

http://www.campaignmonitor.com/css/

Categories
Typografia

Užitočné tooly na písmo

http://fontdragr.com/

http://www.extensis.com/en/WebINK/fontdropper/

Categories
Webdesign

CSS gradient generátor

http://www.colorzilla.com/gradient-editor/

Categories
Typografia

Anatómia písma

Silne odporúčam túto stránku http://typomil.com/anatomie/

Text je v anglickom a českom jazyku.

Categories
Branding

Zbierka rôznych identít – super inšpirácia

http://www.brandingserved.com/

Categories
Dizajn Wordpress Zo života

Nový dizajn blogu

Po dlhej dobe som prehodil tému tohto blogu. Pri aktualizácii wordpressu, ktorý mám tak rád som zistil, že vynovili default tému twenty ten na  twenty eleven. No a páči sa mi. Tak som zrušil moju fotku, upravil štruktúru, zaktualizoval niektoré údaje a ešte to chcem celé prepojiť s firemnou stránkou, twitterom a facebookom. Že by sme to mohli nazvať ako znovuzrodenie blogu? Mesačne sem príde 2000 unikátov, tak nech to tu aj vyzerá trochu. No a o obsah sa budem snažiť starať čo najviac a najčastejšie ak pracovné povinnosti umožnia. Mám veľa noviniek. Tak zatiaľ. Vidíme sa na pohode.

Categories
Webdesign

Browser CSS hacks

 
/***** Selector Hacks ******/ 

/* IE6 and below */ 
* html #uno  { color: red } 

/* IE7 */ 
*:first-child+html #dos { color: red } 

/* IE7, FF, Saf, Opera  */ 
html>body #tres { color: red } 

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */ 
html>/**/body #cuatro { color: red } 

/* Opera 9.27 and below, safari 2 */ 
html:first-child #cinco { color: red } 

/* Safari 2-3 */ 
html[xmlns*=""] body:last-child #seis { color: red } 

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */ 
body:nth-of-type(1) #siete { color: red } 

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */ 
body:first-of-type #ocho {  color: red } 

/* saf3+, chrome1+ */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #diez  { color: red  } 
} 

/* iPhone / mobile webkit */ 
@media screen and (max-device-width: 480px) { 
 #veintiseis { color: red  } 
} 

/* Safari 2 - 3.1 */ 
html[xmlns*=""]:root #trece  { color: red  } 

/* Safari 2 - 3.1, Opera 9.25 */ 
*|html[xmlns*=""] #catorce { color: red  } 

/* Everything but IE6-8 */ 
:root *> #quince { color: red  } 

/* IE7 */ 
*+html #dieciocho {  color: red } 

/* Firefox only. 1+ */ 
#veinticuatro,  x:-moz-any-link  { color: red } 

/* Firefox 3.0+ */ 
#veinticinco,  x:-moz-any-link, x:default  { color: red  } 

/* FF 3.5+ */ 
body:not(:-moz-handler-blocked) #cuarenta { color: red; } 

/***** Attribute Hacks ******/ 

/* IE6 */ 
#once { _color: blue } 

/* IE6, IE7 */ 
#doce { *color: blue; /* or #color: blue */ } 

/* Everything but IE6 */ 
#diecisiete { color/**/: blue } 

/* IE6, IE7, IE8 */ 
#diecinueve { color: blue\9; } 

/* IE7, IE8 */ 
#veinte { color/*\**/: blue\9; } 

/* IE6, IE7 -- acts as an !important */ 
#veintesiete { color: blue !ie; } /* string after ! can be anything */ 

/* IE8, IE9 */ 
#anotherone  {color: blue\0/;} /* must go at the END of all rules */
Categories
GUI

Ste človek?

Zaujímavý webový formulár, ktorý som našiel na webe. Ste človek?

Categories
Chrome jquery Webdesign

Google chrome extensions pre web development

Google chrome je môj najobľúbenejší prehliadač stránok na windowsoch. Používam ho od jeho prvej verzie. Jediné čo mi na ňom chýbalo boli nástroje na developovanie webových stránok. Pre tieto účely som vždy zapínal firefox. Tento problém vyriešili extensiony. Bohužial firebug sa dá používať len vo verzii lite a nie je implementovaný ako extension ale len ako doplnkový javascript, ktorý musíte vložiť ručne do stránok. Ešte jeden krôčik a firefox nezapnem.
Web Developer
Categories
CSS 3

Zaujímavé čítanie o CSS 3 a táák

Zaujímavé cross browser tipy pre buttony a gradiendy

http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/

http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/

Facebook like button plugin pre wordpress

http://wordpress.org/extend/plugins/wordpress-facebook-like/