Credit image

HTML5 Cheatsheet (Chuleta HTML)

Chuleta o cheatsheet de HTML5 (lenguaje de marcado HTML) en formato PDF, muy útil para desarrolladores frontend, diseñadores o programadores web.

Si eres diseñador o desarrollador de frontend, programador o simplemente te interesa el diseño de páginas webs, quizás esta chuleta (cheat sheet) te interese. Se trata del Lenguaje HTML, un lenguaje de marcado que se ideó con el propósito de definir la estructura de una página o documento web, que tiene como finalidad reunir una serie de información en diferentes formatos (texto, imágenes, video, audio, etc...).

Con la llegada y soporte de HTML5 en la mayoría de los navegadores, es el momento perfecto para aprender todo lo relacionado con HTML5: etiquetas de texto, agrupación, semánticas, formularios, validaciones, multimedia, etc...

HTML5 Cheat Sheet (Desarrollo web, chuleta HTML)

Esta cheatsheet te será muy útil si estás aprendiendo, tienes mala memoria o quieres tener en un sólo lugar de consulta rápida los nombres, atributos y valores asociados a cada elemento HTML.

Contenido

La cheatsheet contiene información sobre las siguientes características de HTML5, dividido en dos páginas. La primera de ellas contiene en su mayoría características básicas de HTML como etiquetas de formato o agrupación de contenido, así como muchas novedades multimedia de HTML5, mientras que la segunda incorpora etiquetas relacionadas con los formularios HTML5.

Primera página:

HTML5 Cheatsheet. Página 1
  • Sintaxis general de HTML (elementos, atributos y valores)
  • Etiquetas de formato de texto
  • Etiquetas de agrupación
  • Etiquetas de listas (y definiciones)
  • Etiquetas de tablas
  • Etiquetas de sección (semánticas)
  • Etiquetas de scripting
  • Etiquetas multimedia (imagen, recursos, video, audio, subtítulos...)

[...]

Queda el 61% del artículo
Leer artículo completo

Guía de Sublime Text: ¿El mejor editor de código?

Sublime Text es uno de los mejores editores de código que existen. ¿Por qué? En este artículo se explican detalladamente sus características y funcionalidades.

Sublime Text es un excepcional editor de textos que aporta muchas características útiles a la hora de programar o editar código. El editor está cargado de funcionalidades útiles y cómodas desde el punto de la usabilidad y eficiencia, utilizando el método geek y convirtiendo nuestro trabajo de edición de texto en una experiencia cada vez más sencilla y agradable, a medida que vamos aprendiendo a utilizar todas sus funcionalidades.

Editor de código Sublime Text

Su licencia cuesta aproximadamente 50 euros, aunque permite utilizarse a modo de prueba gratuita durante un tiempo con todas sus funcionalidades y sin ningún tipo de limitación. Es multiplataforma y puede utilizarse desde Windows, GNU/Linux o Mac OS X (10.7+). Puedes descargarlo desde el siguiente enlace:

URL | Sublime Text 3

Características interesantes

Pestañas

Al igual que otras aplicaciones de la actualidad, Sublime Text soporta pestañas, una característica que popularizaron los navegadores web. En cada una de estas pestañas, se muestra una x para cerrar la misma, que cambia a un circulo gris cuando se han escrito cambios en el archivo y no se han guardado todavía.

Sublime Text: Pestañas

Autocompletado

Sublime Text tiene resaltado a color de sintaxis para facilitar la lectura de código, así como numerado de línea. También muestra un pequeño índice gráfico a la derecha, por el cuál podemos desplazarnos rápidamente a golpe de clic del ratón.

Pero quizás una de las características que más se agradecen (sobre todo a los usuarios que no tienen buena memoria), es el autocompletado. Esta funcionalidad nos ayudará a recordar como se escriben ciertos comandos, funciones o textos del lenguaje o marcado en el que nos encontramos.

Un ejemplo de autocompletado en CSS

Además, en muchos lenguajes (como por ejemplo, PHP), Sublime Text nos facilita el orden de los parámetros, por si no los recordamos, algo muy común en PHP con funciones como strpos o explode, donde el orden de los parámetros es diferente.

Sublime Text: Ayuda de sintaxis

Selecciones múltiples

Una de las características más interesantes de Sublime Text es su flexibilidad para realizar tareas comunes de una forma sencilla y rápida. Por ejemplo, si seleccionamos una palabra con el ratón (en el ejemplo, len), pulsando CTRL+D podremos ir seleccionando las siguientes coincidencias y modificarlas todas a la vez:

Sublime Text: Selecciones múltiples

También puedes utilizar la combinación CTRL+K para saltarte alguna selección que no quieras utilizar en el reemplazo.

Ediciones múltiples

Seleccionando varias líneas y utilizando la combinación de teclas CTRL+SHIFT+L puedes editar varias líneas a la vez, muy útil para cambios paralelos repetitivos:

Sublime Text: Ediciones múltiples

[...]

Queda el 85% del artículo
Leer artículo completo

Los mejores editores de texto para programar

Los mejores editores de texto o entornos de desarrollo (IDE) para programar en Windows, Mac o GNU/Linux.

Cuando pasamos mucho tiempo frente a la pantalla de un ordenador escribiendo código, es imprescindible utilizar una herramienta que nos permita trabajar más rápido. La elección de un editor para programar no es algo que se deba hacer a la ligera, sino que hay que valorar las diferentes opciones, nuestras necesidades y tomar la mejor elección posible, puesto que puede influir directamente en la calidad y cantidad de código que generemos.

Dentro de la categoría de editores de programación no existe una elección correcta, sino que hay disponibles muchas opciones y debemos decantarnos por la que más nos guste personalmente. Algunas personas se inclinan por editores de texto minimalistas, que reduzcan las distracciones, como podría ser un editor markdown para escribir en la web o utilizar MS-DOS, como el autor de Juego de Tronos, mientras que otras personas prefieren utilizar un IDE (entorno de desarrollo integrado), donde prima la automatización de tareas, depuración y la especialización a ciertos lenguajes de programación específicos.

Seas del primer grupo, del segundo grupo o de una zona intermedia, vamos a repasar las mejores opciones disponibles actualmente.

1. Sublime Text (Windows/Mac/Linux, 50€)

Sublime Text es uno de los mejores editores que existen actualmente. Destaca por lo ligero y simple que es, el aspecto visual sencillo pero elegante, los automatismos para realizar cambios de código, pero sobre todo por su gran capacidad de personalización: Sublime Text incorpora una gran cantidad de plugins para hacer prácticamente cualquier cosa.

Está disponible para todas las plataformas y, aunque se trata de un producto comercial, puede probarse de forma gratuita su versión completa, sin funcionalidades limitadas. El precio del editor es de unos 50€ y merecen totalmente la pena.

Si quieres aprender más sobre este editor, tienes una completa guía para aprender a utilizar Sublime Text, con sus características y funcionalidades más interesantes.

URL | Sublime Text

2. Atom (Windows/Mac/Linux, MIT)

Con un aspecto muy similar a Sublime Text, Atom es un editor de textos creado por GitHub, la famosa plataforma colaborativa de proyectos con control de versiones. Está desarrollado con C++ y Node.js, utilizando diferentes tecnologías webs como CoffeeScript, CSS o HTML. Una auténtica maravilla para el programador.

Actualmente, el ejecutable está disponible para Mac, sin embargo, el código fuente está disponible para Windows, Mac y GNU/Linux.

URL | Atom

3. Adobe Brackets (Windows/Mac/Linux, MIT)

Si eres un desarrollador front-end que trabaja con tecnologías como HTML5, CSS3, Javascript o similares, una opción interesantísima es utilizar Adobe Brackets. Se trata de un editor de código open source creado específicamente para diseñadores web, que posee un fantástico y atractivo aspecto visual junto a utilidades integradas que facilitan muchísimo las tareas de un desarrollador. Además, tiene soporte para complementos y plugins, lo que lo hace muy personalizable.

Está publicado bajo una licencia open source (MIT) y se encuentra disponible para Windows, Mac y GNU/Linux.

URL | Adobe Brackets

4. Light Table (Windows/Mac/Linux, GPL)

Otro magnífico editor para programar es Light Table, el cuál posee un fantástico equilibrio entre minimalismo y funcionalidad, que además es todo un placer para nuestros ojos. El editor destaca por su facilidad de uso y leve curva de aprendizaje, incorporando una sección de conexiones donde puedes comunicar el editor con un navegador para editar HTML/CSS/JS en vivo (sin necesidad de actualizar el navegador) de forma extremadamente sencilla.

El editor es open source y está publicado bajo licencia GPL. Se encuentra disponible para plataformas Windows, Mac y GNU/Linux.

URL | Light Table

5. VIM (Windows/Mac/Linux, GPL)

Si eres un programador de la vieja escuela, sin duda tu editor predilecto será Vim. Además de ser el editor imprescindible en una terminal de texto o en conexiones remotas vía SSH, está diseñado especialmente para ser lo más productivo una vez superes su curva de aprendizaje. Aquí tienes una pequeña guía básica sobre VIM, aunque si quieres profundizar en su manejo, lo mejor es que lo hagas jugando un RPG: VIM Adventures.

VIM es open source (GPL) y suele estar disponible para cualquier distribución GNU/Linux, sin embargo, también está disponible para sistemas como Mac o Windows, incluso con interfaz gráfica: gVim.

URL | Vim

Si VIM no es de tus editores favoritos y buscas otro editor para terminales de texto, echa un vistazo a Editores de texto basados en terminal.

[...]

Queda el 67% del artículo
Leer artículo completo

13 canciones frikis para informáticos y programadores

13 canciones informáticas increíblemente frikis, cargadas de referencias a conceptos técnicos y mucho, mucho humor.

Si alguien te pidiera que pensaras en una canción informática, lo más probable es que no sepas en que pensar, ya que el estereotipo de un informático es una persona sin dotes artísticos o creativos, que se dedica a temas analíticos, lógicos y cuadriculados. Vamos, un Sheldon Cooper (The Big Bang Theory) en toda regla.

Sin embargo, en este artículo-recopilatorio vas a encontrar 13 canciones informáticas increíblemente frikis, cargadas de referencias a conceptos técnicos y mucho, mucho humor.

1. The day The routers died

En Octubre de 2007, se debatía ardientemente en el RIPE 55 (foro abierto de colaboración para temas de redes IP) detalles relacionados con la migración a IPv6. El final de IPv4 se acerca, y se comentaba la problemática de seguir alargando la vida de IPv4 y no comenzar a adoptar una estrategia de cambio a IPv6 de una vez.

Gary Fieldman, muy concienciado en lo que todo esto supone, preparó una pequeña canción, basada en el gran éxito de Don McLean, que tituló The day the routers died (El día en que los routers murieron).

La traducción es bastante libre, ya que he intentado conservar los juegos de palabras, rimas y significado técnico de la canción. Puedes ver la letra original en POEM-RIPE55-SONG, así como una versión en vivo en Londres o una versión relacionada como protesta de la SOPA/PIPA.

Autor | Gary Fieldman
Original | American Pie, Don McLean

2. No te olvides de poner el WHERE en el DELETE FROM

Si eres programador de bases de datos, sabrás de sobra lo cuidadosos que hay que ser para no despistarse y olvidarse la cláusula WHERE en una sentencia DELETE de SQL. De esta forma, podríamos borrar TODOS los datos de una tabla en lugar de un pequeño y determinado conjunto de datos.

Así que, si tienes algún compañero que se ha despistado y olvidó añadir el WHERE, cántale esta canción para que no le vuelva a ocurrir:

Autor | Jorge Rubira Santos

3. Kill -9 (Kill Dash Nine)

Esta va para los administradores de sistema UNIX. Cerca de 2006, Monzy creaba una canción llamada Kill dash nine haciendo referencia al comando y parámetro utilizado para terminar un proceso.

La canción, de género nerdcore, está cargada de conceptos técnicos ingeniosamente utilizados. Aquí puedes ver un pequeño análisis con enlaces de la letra de la canción Kill dash nine.

Autor | Monzy

[...]

Queda el 67% del artículo
Leer artículo completo

↓ ¡Atención! Hay más páginas de comentarios... 1 2 3 4 ... 8 #