Zdarma obrázky na internete, kde stiahnem zadarmo obrázky?

  1. http://compfight.com/
  2. http://www.pics4learning.com/
  3. http://flickrcc.bluemountains.net/flickrCC/index.php
  4. http://www.fotopedia.com/search
  5. http://www.zoo-m.com/flickr-storm/
  6. http://pixabay.com/
  7. http://search.creativecommons.org/
  8. http://www.freephotobank.org/main.php
  9. http://mashable.com/2007/10/27/creative-commons/
  10. http://www.sitepoint.com/30-creative-commons-sources/
  11. http://copyrightfriendly.wikispaces.com/
  12. http://commons.wikimedia.org/wiki/Main_Page
  13. http://cwanamaker.hubpages.com/hub/List-of-Websites-for-Free-Creative-Commons-Images-Pictures-and-Photographs
  14. http://mediacommons.psu.edu/instruction/freemedia
  15. http://www.budgetstockphoto.com/creative_commons_images.html
  16. http://www.bluevertigo.com.ar/

Navigácia pomocou drobiek chleba, drobečková navigácia, omrvinková navigácia alebo breadcrumbs?

Dnes som testoval jeden slovenský produkt a v GUI som videl tvar, ktorý som ešte nikde nevidel. Je to často používaný webdizajn pattern a svieti skoro na každej webovej stránke. Veľa klientov to chce, respektíve im to odporúčame ale nevedia to pomenovať. Ťažko sa prekladá breadcrumbs do slovenčiny a hlavne doslovný preklad vôbec nevystihuje podľa mňa podstatu a metaforickosť anglického slova.

Môže vyzerať nejak takto:

Na stránke nemusí byť až taký viditeľný ako napríklad v tomto eshope s bižutériou.

Breadcrumbs v Čechách prekladajú ako drobečková navigace. U nás by bolo správnejšie podľa mňa omrvinková navigácia, ale určite NIE navigácia pomocou drobiek chleba. Ale prečo to preboha prekladať? Je to proste breadrumbs. A nie žiadne drobky ani iné patvary. A kľudne sa do mňa pustite slovenčinári.

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

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.