Archivo de la etiqueta: HTML

5 excelentes sitios web donde aprender HTML

http://www.robmelo.com/wp-content/uploads/2011/10/htmlx1.jpg

Una de las cosas que ha evolucionado mucho es la creación de servicios web, donde por ende tendrán un elemento clave como es el HTML.

Por eso hoy les traigo 5 excelentes recursos para los que están interesados en aprender cómo escribir y editar HTML,  todos ellos se pueden utilizar para el autoaprendizaje HTML.

1.- Guí del principiante para  HTML y CSS

2.- Codecademy: lecciones basicas de HTML

3.- Thimble: El servicio de Mozilla para editar código HTML

4.- W3Schools: Aprendiendo toda la normativa para editar en HTML

5.- Aprendiendo HTML en vídeo (YouTube)

Esperando que os pueda ser de gran ayuda!

tryjQuery: Curso gratuito para aprender JQuery

jQuery es una librería gratuita de que facilita muchísimo el al momento de trabajar con el de páginas y la más popular en el mundo JavaScript.

Aunque la librería y los métodos son expresivos, fáciles de usar y con una documentación completa y extensa nunca está de más tener a mano un buen tutorial práctico para comprender mejor su uso.

Para facilitarnos el aprendizaje tenemos tryjQuery, un sitio web creado por CodeSchool y jQuery para ayudarte paso a paso y de una manera muy práctica conocer jQuery a través de vídeos, una consola interactiva en la cual puedes escribir código jQuery directamente en el navegador.

Se empieza por supuesto desde lo más básico, como seleccionar elementos del DOM y progresivamente aumenta el nivel de dificulta al manejo de eventos y cambios en el estilo del HTML, está pensado lanzar la versión número 2 del curso/tutorial con temas más avanzados en algunas semanas.

Google Drive ahora permite a los desarrolladores compartir los sitios web alojados en el servicio

Google acaba de anunciar que permitirá a los desarrolladores web para compartir sitios web alojados por Google Drive. Todo lo que tienes que hacer es guardar el HTML, JavaScript y CSS, y luego compartir un enlace a su archivo de inicio HTML.

Esto es lo que tienes que hacer para conseguirlo:

  •      Cree una nueva carpeta en la drive y compártelo como “Público en la Web”.
  •      Sube tu HTML, JS y CSS archivos en esta carpeta.
  •      Abra el archivo HTML y verás “Preview” en la barra de herramientas.
  •      Comparte la URL que se parece a www.googledrive.com/host/ … desde la ventana de vista previa y todo el mundo puede ver su página web.

Se trata de una pequeña actualización, pero sin duda una bienvenida para los desarrolladores Web. Si se construye o sitios de diseño y la necesidad de demostración de su trabajo para clientes, esto debe ser una forma muy útil de demostrar lo que has conseguido hasta ahora.

El objetivo de Google es, por supuesto obtener más y más gente que utilice Google Drive sobre los servicios de la competencia.

Guía gratuita sobre HTML y CSS para principiantes

A Beginner’s Guide to HTML & CSS es un recurso web desarrollado por Herbert Howe, cuyo currículum revela que trabaja en la interfaz de usuario de Groupon entre otros proyectos.

Actualmente hay diez lecciones basadas en texto para los principiantes. Una vez que hayas dominado las lecciones de principiante entonces puede que te interese continuar en clases avanzadas.

Tres lecciones avanzadas están actualmente disponibles, y siete más están programadas para su publicación entre hoy y el 4 de marzo de 2013. Y de acuerdo con esta Tweet de Shay Howe, una versión impresa de estas lecciones pueden estar disponibles en el futuro.

Recuerda que también el curso gratuito y en español dictado en Codecademy.

Libro digital gratuito para aprender a crear aplicaciones para Windows 8

Windows 8 es uno de los grandes lanzamientos que Microsoft hizo durante el 2012, y con los pro o contra que tendrá el sistema operativo ya muchos usuarios lo tienen instalado.

http://blogs.msdn.com/cfs-filesystemfile.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-17-44-metablogapi/7776.9780735672611x_5F00_thumb_5F00_6E8B7D36.jpg

Pues bien al ritmo de instalación también los desarrolladores van creando sus aplicaciones, pero nunca viene mal tener a la mano libros que nos ayuden a conocer como crea aplicaciones para Windows 8.

Pensando en ello Microsoft ofrece ahora un libro gratuito para aprender a crear aplicaciones para Windows 8 con HTML, CSS y JavaScript. El libro cuenta con 17 capítulos que nos introduce en la creación de aplicaciones desde el punto de vista práctico.

También tenemos disponible una guía básica para desarrolladores, contando con las herramientas y SDK para Windows 8 en su Centro de desarrollo y hasta con un apartado para programadores de iOS donde redefinan sus implementaciones con la metodología de Microsoft.

Codecademy lanza nuevos curso en español para aprender HTML y CSS

Desde el blog oficial de Codeacademy me llega una nueva noticia, esta vez relacionada con el nuevo curso de HTML y CSS que podemos realizar de forma gratuita en la plataforma de educación online.

http://25.media.tumblr.com/6e90a8406c0f2f8b6fa712ef33e51781/tumblr_mfv0j3r1N11s0a0dko1_1280.png

Este no es la primera vez que Codecademy nos ofrece un curso de estos lenguajes, en el pasado también tuvimos posibilidad de realizarlo.

Lo interesante de esta nueva versión es que podremos tener los contenidos en español, puesto que muchas personas están colaborando en su traducción.

Para inscribirte en el curso puedes hacerlo desde el siguiente enlace (http://www.codecademy.com/es/tracks/html-css-latinamerica), así podrás iniciarte en los conceptos básicos de estos lenguajes de programación para la web.

Scratchpad.io: Programa HTML y CSS visualizando todo en tiempo real

Si eres un diseñador web que se esta iniciando, seguramente debes necesitar herramientas que te ayuden a perfeccionar tus habilidades.

Pues hoy te presento Scratchpad.io, una genial herramienta web que nos permite programar en HTML y CSS visualizando los resultados en tiempo real.

La herramienta tiene dos paneles verticales, en el derecho podemos programar nuestro código mientras en el derecho se ven los resultados de forma inmediata. Esto ayuda a que las cosas no queden incompletas por ejemplo.

Adicionalmente el sistema nos da una URL única, que podemos compartir con los clientes para que vayan visualizando los cambios en tiempo real y puedan realizar o sugerir cambios. No hace falta registrarse para utilizarla y se encuentra ya operativa!

Vanity jQuery Toolset: Añade efectos de HTML y JS de forma sencilla

cool js effects

Alguna vez has necesitado añadir algún efecto cool a tu sitio web sin tener que codificar mucho. Pues Enavu ha lanzado un conjunto de plugins llamado Vanity jQuery Toolset.

Vanity jQuery Toolset es un conjuntos de herramientas, que incluyen la funcionalidad básica que se ve en algunos de los sitios web más populares.

Esto incluye efectos como JSlider, jTabs, jPaginate y jSpotlight. Cada herramienta incluye la documentación completa y una demostración independiente para que pueda ver exactamente cómo el efecto funciona en el nivel de código, por lo que es muy útil para aquellos que recién están comenzando con HTML y Javascript.

Si bien no es un Framework como WYSIWYG, pero el código base es bastante simple para que cualquiera que sepa un poco de CSS  pueda tener estos efectos e integrarlos en su diseño web.

Mozilla Thimble App: Programa en HTML y visualiza los cambios en tiempo real

Mozilla Thimble App es una herramienta gratuita que te permite escribir y probar código HTML, además puedes  ver cómo se verá en la web el nuevo código programado.

La interfaz es muy sencilla ya que a un lado de la pantalla podrás ver su código, y en el otro lado se verá el resultado de la programación en la web.

Una vez que tengas todo listo para compartir tu nuevo código con el mundo, simplemente haga click en el botón “Publicar” para tener una dirección web creada para su página.

Vía: Freetech4teachers

Google lanza un nueva guía sobre temas de estilo HTML y CSS

Desde el  blog oficial para webmasters nos llega una nueva novedad por parte de Google, se trata de una nueva guía que trata temas de estilo HTML y CSS.

El material lo tenemos disponible en la siguiente url (Guía HTML y CSS de Google), la misma toca diversos temas relacionados con los estilos y códigos de programación, buscado que todo sea más sencillo a la hora del desarrollo.

Evidentemente tratándose de hojas de estilo google propone que todo sea muy claro para leer, y sobre todo que las interfaces sean lo más amigables posibles.

Un buen material para los amigos que trabajan en estas áreas!