Taller de media query, jquery mobile & selectores de User Agent (para IDEP)
Trabajar en la misma hoja de estilos usando media querys:
En el pasado ya habíamos usado min-width y max-width:
/* si el ancho máximo es menor de 600 */
@media screen and (max-width: 600px) {
/* STYLES GO HERE */
}
Observemos la diferencia entre: min-width y min-device-width
/*iPad en portrait & landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { /* STYLES GO HERE */}
/*iPad en landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}
Bibliografía sobre SVG
Que es un SVG:
http://www.w3schools.com/svg/default.asp
Un programa de escritorio:
http://es.wikipedia.org/wiki/Inkscape
Un conversor on-line:
http://imagen.online-convert.com/es/convertir-a-svg
No es igual pero se le parece:
http://www.outsharked.com/imagemapster/default.aspx?demos.html#usaejemplo Mapa
Fontface (para IDEP)
Utilizar grupos de tipografía proporcionados por Google.
http://www.google.com/webfonts
Google permite seleccionar grupos de tipografías, y proporciona una url para «vincular» las mismas a nuestras paginas html. En este ejemplo he seleccionado 3 tipografías diferentes (‘Share Tech’,’Offside’ y ‘Chela One’).
La url que Google me proporciona para incluir en el <head> de mis páginas html es:
<link href=’http://fonts.googleapis.com/css?family=Share+Tech|Offside|Chela+One’ rel=’stylesheet’ type=’text/css’>
[...]El arte del diseño web
Este video narra la historia del diseño en la web y las técnicas que se usaban en aquellos sitios pioneros hasta la actualidad (<table> incluidos): desde las cavernas del HTML, la llegada del CSS, la era del Flash, el renacimiento de JavaScript, la Internet móvil… hasta llegar al HTML5 actual.
Vía: microsiervos.com
Cómo empezar a utilizar Adobe Edge Web Fonts en tres pasos
Adobe Edge Web Fonts es un amplio catálogo con cientos de tipografías listas para utilizar, de forma gratuita e ilimitada, en cualquier página web (de forma similar a como funciona Adobe Typekit) facilitando enormemente el uso de tipografías en la Web más-allá-de-las-letras-de-siempre, que al fin y al cabo el diseño Web es 95% tipografía.
En TNW explican cómo empezar a utilizar Adobe Edge Web Fonts en tres pasos sencillos que sólo requieren algo de conocimiento de los lenguajes HTML y CSS.
[...]