Mi recomendación de hoy es un libro cuyo autor es Javi Jimenez, Fundador de Tapquo, empresa especializada en el desarrollo de la movilidad con HTML5, con más de 15 años de experiencia en el mundo del código, los pixeles y la creatividad.
Promete ser una lectura amena y entretenida, pero que al mismo tiempo nos ayude a convertirnos en mejores desarrolladores, al menos en lo que a JavaScript se refiere.
Es un libro corto, pero prometedor, esta disponible para su descarga en Leanpub.
A pesar de que los gobiernos han impuesto sus absurdamente restrictivas leyes sobreprotectoras de la industria basada en la propiedad intelectual con el fin de poner cerco a la creatividad y a la capacidad del ser humano de compartir su conocimiento por el bien de las grandes industrias y el bolsillo de su junta de socios, el volumen de información que se publica en la red es, cada vez, más apabullante, y es gracias a este espíritu de libertad que traigo a ustedes mi recomendación de hoy.
Su autor es Marcin Treder, quien es un entusiasta del diseño, y ha dedicado gran empeño a trabajar sobre los aspectos que refieren a la experiencia de usuario.
Este libro no esta orientado al desarrollador de software, como suele suceder con mis recomendaciones, en este caso esta orientado a aquellas personas que tienen la difícil tarea de diseñar las interfaces web.
Web Design Book of Trends es un libro diferente, su contenido es grafico y colorido, que guía al lector a través de las nuevas tendencias en el diseño web, tomando como base ejemplos que han sido elegidos con gran cuidado a fin de exponer claramente sus objetivos.
Es un libro que esta disponible de forma gratuita y pueden obtenerlo en UXPIN
La recomendación de hoy trata de un área que en lo personal me llama mucho la atención, el desarrollo de videojuegos, y es que a pesar de no contar con el tiempo para dedicarle a esta rama del desarrollo, es un sueño que no pienso abandonar.
Mi recomendado es el curso de Desarrollo de Video Juegos, que actualmente va en su segunda edición, y que es auspiciada por la Universidad Castilla La Mancha.
Lo que más me gusta de este curso, es que es material de calidad, no solo en cuanto a contenido, sino también en cuanto a maquetación y diseño de los libros; totalmente en español e incluye las fuentes de los ejemplos desarrollados y es totalmente gratuito.
El modelo de negocio está en impartir los cursos presenciales, los cuales se apoyan en los libros que ya he mencionado, creo firmemente que deberían existir más iniciativas de este tipo, donde el conocimiento se difunda de una forma libre, pero que al mismo tiempo permita a sus autores y auspiciantes percibir ingresos que les permitan continuar con sus valiosas labores como escritores y difusores de conocimiento.
El curso está compuesto por cuatro libros:
Volumen 1 - Arquitectura del Motor
Escrito por David Vallejo Fernández y Cleto Martin, trata los siguientes temas:
Escrito por Carlos González Morcillo, Javier Albusac, Cesar Mora Castro y Sergio Fernández Duran, trata los siguientes temas:
Escrito por David Villa, Sergio Pérez, Francisco Moya, Miguel Redondo, Jorge López, Félix Villanueva, Cesar Mora, Miguel García y José González trata los siguientes temas:
Escrito por Francisco Jurado, Javier Albusac, José Jesús Castro, David Vallejo, Luis Jiménez, Félix Villanueva, David Villa, Carlos González, Guillermo Simmross y David Frutos, cubre los siguientes temas:
Es sin duda un material de excelente calidad, que no debería faltar en nuestra biblioteca virtual, los afortunados que viven en España podrán tomar las clases presenciales, pero para los que no tenemos esta oportunidad, acá les dejo el enlace al sitio oficial.
En esta ocasión mi recomendación esta recién salida del horno, y se trata de una obra de Arturo Muñoz de la Torre, en la se pretenden establecer unas líneas de aprendizaje de la plataforma Node a través de un recorrido interactivo por sus principales módulos, tanto propios como de terceras partes, con el que introducirse y asentar sus principios básicos de funcionamiento.
Es un libro bastante interesante, al menos en lo que a mi respecta, me atrae la idea de aprender a través de la practica, además que es una iniciativa libre, es decir, que se dispone de el material fuente, y es posible colaborar en el proyecto, ampliando al información, aportando recomendaciones de mejora y mucho mas.
Pueden encontrar mas información respecto de este maravilloso proyecto acá, si desean descargar el libro, o las fuentes.
Resultado de estar siempre buscando fuentes de información (de preferencia libres), me he encontrado con este manual, de la autoría de Antonio Navajas, he de aclarar que no es precisamente una guía para novatos, pero es de bastante utilidad.
En esta completa guía, el autor nos muestra el uso de los nuevos selectores, los pseudo elementos, las pseudo clases y toda una serie de efectos estéticos que abarcan desde la tipografía a las transformaciones 3D.
La mejor parte, es que es material de libre distribución, así que nuestro bolsillo lo agradecerá, esta guía esta disponible para su descarga desde el sitio del autor, o desde acá.
<input type="range" id="puntaje" min="1" max="10"/>
Para aquellos que quieran empezar con JQuery, hoy les traigo una lectura recomendada, su autora goza de gran reconocimiento en el área de desarrollo web, y no cabe duda que el material es de gran calidad, y sobre todo, completamente libre.
Originalmente fue publicado en ingles, y esta disponible acá, debido a la buena acogida que esta iniciativa tuvo, Leandro D'Onofrio se dio a la tarea de traducir el libro, el cual se encuentra disponible en www.librojquery.com, también lo pueden obtener junto con las fuentes de los ejemplos en la pagina de GitHub del proyecto, o acá directamente.
Tengan en cuenta que es un proyecto que aun esta activo y se esta actualizando con frecuencia, por lo tanto es recomendable darse una vuelta por su sitio con alguna frecuencia en busca de actualizaciones.
<audio>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
<source src="audio.wav" type="audio/wav">
Su navegador no soporta HTML5
</audio>
<audio controls="controls" preload="auto">
....
</audio>
<div>
<h1>Lista de compras</h1>
<section id="editable" contenteditable="true">
<p>Apuntar los artículos que se deben comprar</p>
<ul>
<li>Carne</li>
<li>Pollo</li>
<li>Naranjas</li>
<li>Zanahoria</li>
</ul>
</section>
</div>
# Manifiesto v1.0 # Este es el manifiesto de mi pagina web de pruebas CACHE MANIFEST manifiesto.html estilos.css images/imagen.png scripts/script.js NETWORK: log.aspx prueba.aspx FALLBACK: img/imagen.png archivo.aspx
<html manifiest="manifiesto.cache">
.....
</html>
<canvas id="myCanvas" height="200" width="200">El navegador no soporta HTML5</canvas>
Esta etiqueta es nueva en HTML5, y tiene como finalidad resaltar el texto enmarcado dentro de ella, y puede ser de utilidad por ejemplo en una búsqueda para resaltar los resultados que contienen los criterios de búsqueda.
No deben olvidar las cosas importantes.
Su uso es en realidad muy sencillo
<p>No deben olvidar las cosas <mark>importantes</mark>.</p>
<div itemscope itemtype="http://schema.org/Person"> <span itemprop="name">Fabián Becerra</span> <span itemprop="jobTitle">Software Architect</span> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress"> 1234 La dirección </span> <span itemprop="addressLocality">Localidad</span>, <span itemprop="addressRegion">Región</span> <span itemprop="postalCode">0005</span> </div> <span itemprop="telephone">(123) 123-4567</span> <a href="mailto:myemail@dominio.com" itemprop="email">myemail@dominio.com</a> Web Site: <a href="http://www.mypage.com" itemprop="url">mypage.com</a> </div>
<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Fabián Becerra</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<progress min="0" max="100" value="50">El navegador no soporta HTML5</progress>
<meter low="-5" high="100" min="10" max="80" optimum="40" value="25"> El navegador que usa actualmente no soporta HTML5 </meter>
<script src="js/prefixfree.min.js"></script>
div{ width: 960px; margin:10px 0; -webkit-box-shadow: 5px; /*Chrome y Safari*/ -moz-box-shadow: 5px; /*Mozilla*/ -ms-box-shadow: 5px; /*IE9 o superior*/ -o-box-shadow: 5px; /*Opera*/ -khtml-box-shadow: 5px; /*Konqueror*/ box-shadow: 5px; -webkit-border-radius:15px; /*Chrome y Safari*/ -moz-border-radius:15px; /*Mozilla*/ -ms-border-radius:15px; /*IE9 o superior*/ -o-border-radius:15px; /*Opera*/ -khtml-border-radius:15px; /*Konqueror*/ border-radius:15px; }
div{ width: 960px; margin:10px 0; box-shadow: 5px; border-radius:15px; }
Esta etiqueta es nueva, es de tipo semántico y tiene como finalidad englobar la información que corresponde al pie de pagina.
Su uso es muy sencillo.
<footer>Este es el pie de pagina de mi web</footer>
<aside> <h1>Eventos</h1> <p>Marzo 12 - Capacitación HTML5 y CSS3 para desarrolladores web</p> </aside>
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="utf-8"> <title>Prueba modernizr</title> <script src="modernizr.js"></script> </head> <body> <div id="Contenedor">Texto de prueba</div> </body> </html>
<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity
no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions
video audio cufon-active fontface cufon-ready">
/** * Estilo por defecto del contenedor. */ #Contenedor { padding : 2em; margin : 2em; text-align : center; border : 1px solid #000; } /** * Estilos usados de acuerdo al navegador. */ .rgba #Contenedor { border-color : green; color : green; } .no-rgba #Contenedor { border-color : red; color : red; }
Esta es una etiqueta nueva en HTML5 y es una etiqueta semántica, se usa para enmarcar contenido, por ejemplo un articulo de prensa. su uso es muy sencillo:
<article>
<h1>Noticia del día</h1>
<p>Hoy ha dado inicio en las vegas el SEMA Show.....</p>
</article>