Categories
Dizajn Webdesign

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/
Categories
Dizajn Webdesign

Landing page

tomuto vravím pekná a nenásilná landing page. http://www.copyblogger.com/content-marketing/

landingpage

Categories
Webdesign

Treejack

http://www.optimalworkshop.com/treejack.htm

Categories
Dizajn Webdesign

Ikony

http://thenounproject.com/

Categories
Dizajn Webdesign

Ikony

http://dryicons.com

Categories
Dizajn GUI Použiteľnosť Webdesign

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.

Categories
Webdesign

Ako sa naučiť HTML a CSS

http://www.dontfeartheinternet.com/

Categories
Dizajn Použiteľnosť Webdesign Wordpress

WordPress frameworky

http://underscores.me/

http://themehybrid.com/hybrid-core

Categories
CSS 3 Dizajn Použiteľnosť Webdesign

responsive lightbox

http://www.frescojs.com/

Categories
Dizajn Webdesign

Responsive webdesign patterny

http://bradfrost.github.com/this-is-responsive/patterns.html

Categories
Dizajn Photoshop Webdesign

Papierové pozadia

http://www.demilked.com/free-paper-textures-backgrounds/

Categories
Dizajn Webdesign

Screenshot webu jednoducho

http://screenshotmachine.com/

Categories
Webdesign

Open source ikony

http://iconmonstr.com/

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
Použiteľnosť Webdesign Wordpress

Design pattern wordpres theme

http://pea.rs/

Categories
Webdesign

CSS gradient generátor

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

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