Genera Plantillas con HTML5 en Initializr

Si  eres un programador web y quieres iniciarte fuertemente en  HTML5, dejame presentarte Initializr es un generador de plantillas o templates en HTML5 totalmente gratis y de manera instantánea.

Te descargas en solo 1 segundo una plantilla limpia con la estructura básica de la web. En la segunda opción puedes  descargar en 15 segundos una plantilla un poco más funcional  con elementos básicos como librería jQuery, un template con los parámetros definidos como son el footer, el head, y el panel de navegación, además la opción de incluir el robot de Google. La tercera opción es un poco para los que tienen un conocimiento mas avanzados y completo en un minuto podrán seleccionar los módulos que deseen en la plantilla.

Fuente | Initializr – Ver ejemplo online de la plantilla

Via

HAML y Sass

Haml - markup haikuSass - style with attitude

HAML, es un lenguaje de marcado ligero con el cual podemos generar HTML y XHTML a partir de un sencillo DSL. Haml busca limpiar  las plantillas y deshacerse de los lenguajes “feos” que venimos utilizando en nuestras plantillas HTML. Haml evita la necesidad de codificar explícitamente XHTML en la plantilla, ya que es en sí mismo una descripción de los XHTML, con algo de código para generar contenido dinámico.


HAML

#profile
  .left.column
    #date= print_date
    #address= current_user.address
  .right.column
    #email= current_user.email
    #bio= current_user.bio

Sass:Es un tipo CSS Syntactically Awesome Stylesheets. que trabaja para HAML, como si se tratara de HTML Y CSS pero en este caso es HAML Y Sass  

Ya puedes jugar Mario Bros en HTML5

Robert Kleffner es el nombre del del gran programador  que se puso a  hacer un port de Infinite Mario, juego originalmente desarrollado en Java por el reconocido programador Markus Persson.

Kleffner lo integró conFacebook como para que el resto de tus amigos se enteren de qué tan bueno eres jugando Mario Infinito.

Fuente: Infinite Mario Bros (Vía Opera News)

Por lo menos Hace 20 años se publicó el primer sitio web de la Historia

El 6 de agosto de 1991 nació la World Wide Web, cuando el magnifico físico de 36 años, Tim Berners-Lee, publicó el primer sitio web del mundo. Berners-Lee trabajaba en el CERN, y el sitio que creó estaba bajo el alero del centro de investigación quien dio gran interes a esta investigacion. Asi que no te confundas, no fue google la primera pagina echa en la historia.

El CERN explica:

Info.cern.ch era la dirección del primer sitio web y el primer servidor, corriendo en un computador NeXT en el CERN. La dirección de la primera página era http://info.cern.ch/hypertext/WWW/TheProject.html, que estaba centrada en información sobre el proyecto WWW. Los visitantes podían aprender sobre html , detalles técnicos para crear sus propias webs de forma rapida , e incluso explicaciones sobre cómo buscar información dentro de la página. No hay pantallazos de la página original, y en todo caso, los cambios a la información disponible se hacían todos los días, a medida que el proyecto WWW se desarrollaba.

Las únicas personas que surfeaban en la  web, eran Berners-Lee y sus colegas científicos en el CERN quienes tambien fueron participe del proyecto, mientras el resto del mundo se mantenía en la ignorancia sobre lo que acababa de nacer ahí osea todos pasaban por la profunda pena hasta yo . Con la instalación de más servidores y la aparición de los navegadores, la web empezó a masificarse y todos a darse cuenta del  gran descubrimiento. El gran paso se dio en 1993, con el lanzamiento del navegador Mosaic, que ayudó inmensamente a popularizar la web.

En 1994, Berners-Lee fundó el World Wide Web Consortium (también conocido como W3C) en el Massachusetts Institute of Technology (MIT) para crear un estándar que permitiera que los sitios funcionaran de la misma manera – problema que se sigue resolviendo hoy con sistemas como el HTML5 por ejemplo. Berners-Lee sigue siendo el director del organismo, que ha guiado la formación de la web como la conocemos hoy.

Link: 20 years ago today: The first website is published (Wired vía CHW)

El Logo HTML 5 ya es oficial

En Mashable dieron el eco a seguir  hace un moneto . mostrando lo que es la presentacion del logo HTML5. , dando el visto bueno del consorcio W3C, del que dicen lo siguiente sito textualmente:

Firme y verdaderao, resistente y universal como el markup que escribes. Resplandece tan brillante ygrueso como la visión de futuro de desarrolladores web como tu. Es el estándar del estándar, un banderín para el progreso. Y no utiliza tablas para maquetar. Presentamos el logotipo de HTML5.

Michael Nieling, uno de los diseñadores encargado  de Ocupop, traduce  el logo y su forma diciendo que trata de simbolizar como HTML5 es el icono  del movimiento tecnológico actual —entendemos  que a nivel web—, y también como este está enmarcado en una insignia que trata de expresar el honor de un escudo de armas que simbolizael espíritu de unos estándares y comunidad Open Web .

Este nuevo logo llega también el merchandising y los banners para indicar que tu sitio utiliza HTML, los cuales ya se pueden descargar en la página web del consorcio W3C.

Particularmente me parece sinple  elegante pero a su vez bastante moderno y adecuado a estos tiempos .

Fuente:

Fuente: Mashable

 

Aprende HTML5 y CSS gratis Online por medio de Mozilla y la P2P University


Se esta terminando  el año, comienza  el momento de tomar nuevas decisiones .  Si quieres ser desarrollador web y encuentras que todos los cursos donde vas  son muy caros, aquí te muestra  una oportunidad mucho más barata. osea gratis sin moverte de tu hogar .

Se trata del proyecto  “School of Webcraft”,  desarrollado por la P2P University con apoyo de Mozilla que consiste en cursos online completamente gratis sobre diversas herramientas de desarrollo web. Al inscribirte en el curso, te dan un link al sitio correspondiente a tu “CURSO ELEGIDO”, en el que puedes encontrar material gratuito y diversas herramientas que te ayudaran en el aprendizaje. Nota: Hay otros cursos disponibles

Los cursos, tratan temas variados de  “Lectura de código” o “Implementación de redes sociales en la educación”, tienen generalmente una duración de entre 8 y 10 semanas. La idea es que haya cursos atractivos para Principiantes  y para expertos, por lo que también hay ramos dedicados a enseñar temas como HTML5.

Ahora, si eres una persona que tiene mucho conocimiento en este aspecto, tú mismo puedes hacer un curso. Te inscribes, presentas un proyecto y la universidad te apoya con material y la organización. Así compartas  tu conocimiento con la sociedad mundial.

Mozilla da entender con esto que  la educación tecnológica a nivel escolar e incluso universitaria deja mucho que desear, por lo que es una buena idea pasarle la tarea a gente que sabe del tema y que puede hacer estos cursos de manera gratuita, para que lleguen a la mayor cantidad de gente posible.

El semestre pasado hubo 15 cursos. Mozilla tiene previsto que para el próximo haya al menos 30 cursos . La inscripción para los nuevos cursos comienza el 8 de enero y las “clases” comienzan el 26 del mismo mes. Si quieres enseñar un curso, puedes inscribirlo desde ya. Realmente es una buena forma  para que otras personas tengan  el conocimiento sobre diversos temas de la web.

Nota:Sean un poco persistente y pacientes hasta nuevo aviso la pagina tiene algunos inconvenientes para entrar, si este no es su caso desestime este mensaje. Gracias

Link: P2P University

54 Cheat sheets para desarrolladores y diseñadores web

Bueno se considera que no todos somos perfecto y que tendemos a olvidar, digo esto por el motivo de que aprenderse de memoria todo lo relaciona con lenguajes de programacion resulta un poco dificil y canson como dicen en mi pais, es por eso que pude investigar un poco y encontrar un pagina que provee informacion o recopilacion de Cheat Sheets O algo asi como Chuleta. Estas son guias de suma importancia con informaciones utiles o funciones en diferentes de lenguajes de programacion.

Se han recopilado 54 Cheats Sheets convirtiendose esto en una guia de suma utilidad para los que trabajamos o desarrollamos web.

Link de Enlace TrazosWeb