tecno4

Hace cinco años, Google lanzó una nueva plataforma online denominada Web.dev, con el objetivo de convertirse en un recurso útil para desarrolladores web que les permitiera tanto aprender como solucionar problemas a la hora de crear websites. Así, a día de hoy podemos consultar 'patrones' (fragmentos de código que nos ayudan a optimizar proyectos), 'casos de estudio'... y cursos.

With our new free ‘Introduction to web development’ path, young people are able to learn HTML and create their own webpages on topics that matter to them. The path is made up of six projects that show children and teenagers how to structure pages using HTML, and style them using CSS. 

EditorGapp es un editor en línea en el que puedes escribir tu código HTML, ver los resultados en tiempo real y convertirlo en una aplicación para Android. Entre sus ventajas, mencionar que no es necesario registrarse para usar esta herramienta y que es totalmente gratuita.

Puedes descargar tu código como archivos HTML, CSS y JS, para crear una página o aplicación web. Pero, sin duda, lo más importante es que puedes convertirlo o generar una aplicación para Android. Esta app dispondrá de una clave válida para publicar en la tienda de Google Play, también tendrás acceso al archivo App Bundle y APK.

Ahí van algunos artículos que recopilé sobre programación en HTML en los que se explican códigos y atributos útiles-pero-no-tan-conocidos para mejorar las páginas web. Cuestiones como evitar que en un formulario aparezcan palabras subrayadas porque se «dispara» el corrector ortográfico, cómo aceptar sólo cierto tipo de ficheros en los cuadros de diálogo (por ejemplo, los .jpg y .png), mostrar valores por defecto o cargar las imágenes en diferido.

Algunos conocidos y otros no tanto, en HTML Tips Marko Denic explica unos trucos de HTML bastante interesantes. Y es que sucede que a menos que estés continuamente poniéndote al día sobre las incorporaciones al llamado lenguaje de la Web puede haber muchas novedades que te pierdas de una versión a otra, sobre todo si aprendiste HTML hace tiempo.

Te ofrecemos una selección de herramientas para crear y editar contenido HTML y CSS de manera práctica y gratuita gracias al software libre u open source.

En un extraño crossover de esos que descolocan un poco he aquí AllTheTags.com: una especie de tabla periódica del HTML en el que cada elemento es una etiqueta del lenguaje de programación de páginas web. No es la primera ni la única representación visual que usa este símil, pero resulta muy agradable.

Los tags del HTML están ordenados por tipo, aunque en una clasificación un poco peculiar. Están tanto los obligatorios como los recomendables y los de uso ocasional.

Haciendo un clic sobre cada elemento/tag se puede ver un ejemplo de su uso, lo que siempre es práctico.

Ya seas programador, diseñador, redactor, publicista o experto en marketing, en algún momento te las verás con el lenguaje HTML. ¿Conoces sus etiquetas?

Convertir texto en lenguaje HTML en tiempo real, con la vista previa y obteniendo el código resultante con el editor PELL, para crear páginas web. Lee de qué se trata y como usar el editor.

En este vídeotutorial aprenderemos a cómo insertar tablas html en una página del nuevo Google Sites. 

El nuevo Google Sites ha perdido la opción original de insertar tablas como un gadget, por lo que ahora si deseamos insertar un contenido estructurado en una tabla debemos insertarlo como forma de código html de forma embebida. El nuevo Google Sites proporciona un gadget o botón a la derecha con el que poder insertar una URL o insertar código html. 

Looking for some inspiration to practice your newfound HTML & CSS skills? Look no further.

El mejor lugar para aprender HTML y CSS es la propia web, ya que podemos probar lo que estamos programando usando el mismo navegador, no es necesario tener ningún compilador ni ninguna herramienta compleja, solo necesitamos tiempo, ganas, y acceso a Internet.

Seguro que cuando has diseñado una web, en más de una ocasión has tenido que construir una ventana modal. Este tipo de elemento se diferencia de los típicos pop ups o ventanas emergentes en que no aparecen de forma automática, sino que es el propio usuario el que tiene que clicar en alguna parte de la web (normalmente un botón) para que aparezca. Hasta ahora, para crear ventanas modales, era necesario escribir usar Javascript, o usar algún plugin para WordPress. Pero gracias al elemento dialog podemos prescindir totalmente de Javascript y hacerlo todo usando solo HTML.

Gracias a las plataformas y servicios de los que podemos echar mano en estos momentos, cada vez son más los usuarios que se decantan por el sector de la programación software. Muchos de ellos eligen este camino para crear sus propios proyectos en forma de aplicaciones, o para el desarrollo de páginas u otros tipos de contenidos web.

Si te llama la atención el diseño web, indudablemente debes aprender HTML, CSS y JavaScript, porque uniendo estas tres herramientas puedes crear sitios web con buena estructura y llamativos (aunque todo esto depende de ti).
Por eso, en esta entrada te presento 13 libros  en español, libres de derechos de autor y que puedes descargar de forma gratuita y 100% legal; para leerlos solo necesitas un lector de PDF en tu computadora, teléfono inteligente o tableta.
Además, encontrarás un listado de 13 recursos (cursos y manuales) totalmente en línea que te ayudarán a iniciarte o a aprender más de HTML, CSS y JavaScript.

 Buenas a todos, todos. vamos a trabajar con html5 y css  para ello tenéis los manuales en el siguiente enlace  Según se leen los manuale

Pequena introducción ao tema do Html e a edición de páxinas web para 1º e 2º de ESO.

Salbatore nos escribió para contarnos que él y sus cinco hermanos –eso es devoción familiar por el código– han creado HTML.Systems que no es más que un repositorio de código HTML con componentes de interfaz de páginas HTML.

Get familiar with HTML tags and attributes in no time with this HTML essentials cheat sheet.

DirtyMarkup, de la gente de 10 Best Design es un «embellecedor» de código que funciona prácticamente con un clic. Se pega el código en la página, se eligen algunas opciones –las que vienen por defecto no están mal– y con un clic en Clean queda limpio como una patena.

El código puede ser HTML, CSS o JavaScript. Entre las opciones están si se indentan o no los bloques lógicos, si el indentado ha de hacerse con espacios o tabuladores (una cuestión nada trivial y sí muy relevante), si se añaden líneas en blanco para mejorar la legibilidad o si se admiten (o no) atributos propietarios.