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

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.

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 */

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.