Destacados

Más
Viernes, 20 de junio, 2014

CSS3 cheatsheet (Chuleta CSS)

9 +10K

Chuleta o cheatsheet de CSS3 (lenguaje de marcado de hojas de estilo) en formato PDF, muy útil para desarrolladores, diseñadores o programadores web.

Si eres desarrollador, programador o diseñador web, es posible que esta chuleta (cheat sheet) te interese. CSS es un lenguaje de marcado que se ideó con el propósito de simplificar el diseño web a través de un conjunto de sencillas propiedades aplicadas a uno o varios documentos.

Con el paso del tiempo, este lenguaje de hojas de estilo ha evolucionado mucho, permitiendo desde las tareas más básicas y elementales, como cambiar las dimensiones o los colores de un elemento web hasta efectos interactivos, transiciones, animaciones o incluso hasta efectos tridimensionales.

Esta cheatsheet es muy útil para aquellos que tenemos mala memoria o que queremos consultar de forma rápida la sintaxis de las propiedades CSS existentes.

Contenido

La cheatsheet contiene información sobre las siguientes características de CSS, dividido en dos páginas. La primera de ellas contiene en su mayoría características de CSS2, mientras que la segunda incorpora las novedades más populares de CSS3.

Primera página:

  • Sintaxis general de CSS
  • Formato de colores (hexadecimal, RGB, HSL, RGB/HSL+alfa)
  • Colores y fondos
  • Unidades y medidas
  • Fuentes CSS2 (tipografías), alineaciones y variaciones
  • Tipos de elementos
  • Perfiles (outlines)
  • Desplazamiento y posicionamiento de elementos
  • Cursores del ratón
  • Listas y tablas
  • Modelo de cajas (Márgenes y espaciados)
  • Bordes y estilos de borde
  • Dimensiones y ubicaciones
  • Columnas CSS3

[...]

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

EOF (End of file)
Miércoles, 21 de mayo, 2014

Los mejores editores de texto para programar

18 +20K

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.

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 68% del artículo
Leer artículo completo

EOF (End of file)
Jueves, 17 de abril, 2014

Markdown: Editores para ahorrar tiempo escribiendo

9 +10K

10 editores con soporte Markdown, un lenguaje de marcado ligero que facilita la creación de contenidos para Internet y otros propósitos.

Los que acostumbramos a crear contenido en Internet (u otros soportes) somos conscientes de la necesidad de tener una estrategia bien definida para organizarnos y aprovechar al máximo nuestro tiempo, porque como bien sabía el buen Constantino Romero, el tiempo es oro.

Si sueles escribir y publicar en Internet, quizás conozcas Markdown. Se trata de un lenguaje ligero para dar formato a contenidos escritos, de forma que puedas utilizar características muy frecuentes de la maquetación de textos (palabras en negrita, cursiva, enlaces, imágenes...) de una forma rápida, legible y productiva.

¿Qué es Markdown?

Markdown fue creado por John Gruber y Aaron Swartz como un formato sencillo y rápido para pequeñas publicaciones en Internet, pero con el paso del tiempo se fue extendiendo cada vez más e incluso ampliando a versiones más completas como MultiMarkdown (que soporta tablas, pies de página, soporte matemático, etc...) o GitHub Markdown Flavour (listas de tareas, resaltado de código, soporte de emoji...).

Resulta realmente útil como versión original a utilizar para generar documentos finales de todo tipo: HTML para publicar en web, PDF para impresiones, EPUB para dispositivos móviles, etc. Todo ello, siempre sin perder de vista que es posible aplicar estilos CSS por separado para darle el formato deseado y no necesitar gastar tiempo en maquetaciones, teniendo siempre el contenido separado de la presentación.

Si tienes dudas entre las diferentes variaciones, en BabelMark2 puedes comparar las diferentes implementaciones de Markdown.

En este artículo vamos a echar un ojo a los mejores editores de texto con soporte para Markdown, y una ligera introducción a sus características.

1. MarkdownPad (Windows)

Uno de mis editores preferidos es MarkdownPad, disponible para plataformas Microsoft Windows. A parte de disponer de una interfaz cómoda e intuitiva, ofrece múltiples características interesantes:

  • Edición de contenido en horizontal o vertical.
  • Soporte de pestañas para editar múltiples archivos.
  • Procesa Markdown, Markdown Extra y GitHub Flavour Markdown (GFM).
  • Posibilidad de aplicar diferentes perfiles CSS.
  • Idioma español para corrección ortográfica de textos.
  • Permite exportar en formato HTML o PDF.

La versión Pro cuesta unos 11€, aunque dispone de una versión gratuita que carece de alguna de las funcionalidades anteriores, como por ejemplo, el procesador Markdown Extra.

URL | MarkdownPad 2

2. HarooPad (Windows, Mac, Linux)

Probablemente, otro de los editores de Markdown más potentes sea HarooPad. Una de sus características más destacables es que posee una interfaz sencilla y muy amigable para usuarios con pocos conocimientos.

  • Incluye una guía rápida a modo de chuleta desplegable a la izquierda.
  • Procesa Markdown, GitHub Flavour Markdown (GFM) o permite personalizarlo.
  • Soporte completo de personalización de temas y estilos CSS.
  • Permite exportar en formato HTML.

Es gratuito, multiplataforma y tienes su código fuente disponible en GitHub.

URL | HarooPad

[...]

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

EOF (End of file)
Lunes, 31 de marzo, 2014

Alternativas a WordPress: Generadores estáticos

11 +10K

¿Alternativas a WordPress? Más de 12 generadores de contenido estático para crear tu propio sitio, sólo con lenguajes del lado del cliente.

En artículos anteriores, ya hemos hablado de numerosas y excelentes alternativas a WordPress, donde encontramos desde populares CMS como Joomla y Drupal hasta otros más desconocidos como Koken (orientado a fotógrafos) o ForkCMS (multidioma).

De la misma forma, también repasamos un listado de CMS más específicos, como los gestores de contenidos sin bases de datos, una categoría especial de CMS más simples que reemplazan el uso de un servidor de base de datos por archivos de texto, ahorrando así recursos y simplificando su utilización.

Parte I: Alternativas a Wordpress: CMS sin bases de datos
Parte II: Alternativas a Wordpress: CMS con soporte SQLite
Parte III: Alternativas a Wordpress: Los mejores CMS dinámicos
Parte IV: Alternativas a Wordpress: Generadores estáticos
Parte V: Alternativas a Wordpress: CMS con soporte NoSQL

También repasamos una categoría intermedia de CMS con SQLite, o lo que es lo mismo, gestores de contenido que permiten utilizar un servidor de base de datos más compacto, sencillo y rápido que puede ser muy útil en diversos casos. El emergente gestor de contenidos Ghost, que tanta popularidad está alcanzando ultimamente, entra dentro de esta categoría.

En esta ocasión, vamos a hablar de los generadores de contenido estático, un sistema muy específico, orientado a un público mayormente avanzado. Este sistema elimina la necesidad de un CMS (o panel de gestión) en el servidor y lo traslada al equipo desde el que publica el usuario. Pero antes de explicarlo en profundidad, necesitaremos tener claros algunos conceptos:

  • Server-side: Se le denomina lado del servidor a la parte donde se efectúan tareas relacionadas con la programación. Así pues, los lenguajes de programación PHP, Ruby o Python, por ejemplo, son los que se encargan de construir los sitios webs, solicitando antes información a la base de datos, y generando un archivo HTML que es el que se enviará a través de Internet a los visitantes.
  • Client-side: Ciertas tecnologías, como HTML, CSS o JavaScript, por ejemplo, se llevan a cabo en el navegador del usuario, en lo que llamamos el lado del cliente.

En este artículo hablaremos de varios generadores estáticos de contenido, o lo que es lo mismo: unos CMS especiales que, en lugar de actuar en el lado del servidor, lo hacen en el propio equipo del usuario.

De esta forma, se genera automáticamente el contenido final con tecnología exclusiva del lado del cliente, pudiendo prescindir de la tecnología del servidor. Esto ofrece varias ventajas y desventajas:

  • El alojamiento no requiere tecnologías del lado del servidor (PHP, Python, Ruby...).
  • Requiere tener instalado el CMS en tu propio equipo personal.
  • La carga nula del servidor permite reducir costes, incluso con alto tráfico.
  • Por lo general, está orientado a usuarios informáticos avanzados o programadores.
  • No requiere servidores de bases de datos.
  • Reduce ciertos vectores de ataque, ya que no usa tecnología del lado del servidor.

Si todo esto ha despertado tu curiosidad, vamos a empezar hablando de este tipo de gestores de contenido, dependiendo del lenguaje o entorno que necesites:

1. Jekyll (Ruby)

Probablemente, el generador de contenido estático más conocido es Jekyll, que utiliza el nombre de la famosa obra de Robert L. S., El extraño caso del Dr. Jekyll y el Sr. Hyde. Es de los sistemas más completos e interesantes de este género, puesto que tiene multitud de herramientas y funcionalidades para los que queramos empezar en estos entornos.

Jekyll posee una excelente documentación donde nos explican como instalar, utilizar y configurar Jekyll, así como conocer su estructura de archivos. Además, tienen una interesantísima sección de importers, donde podrás migrar el contenido desde plataformas como WordPress, Joomla, Drupal, Tumblr u otros a este sistema de una forma fácil y rápida.

Otro detalle interesante es que, al no necesitar tecnología del lado del servidor, se pueden utilizar las GitHub pages para tener tu propio blog totalmente personalizado de forma gratuita, sin coste. Además, ¡hasta puedes usar Git para actualizar tus publicaciones!

URL | Jekyllrb

2. OctoPress (Ruby)

Bueno, aunque OctoPress no es estrictamente un generador de contenido estático, sino un framework para añadir a Jekyll, merece la pena mencionarlo por la amplia relevancia que está consiguiendo. Si Jekyll te ha gustado, pero te asusta un poco porque crees que no tienes los conocimientos necesarios para hacerlo funcionar, quizás puedas utilizar OctoPress, quien te ofrece una serie de recursos para hacer más cómoda tu vivencia con ambos.

La documentación de OctoPress también es bastante extensa, y podrás encontrar desde configuración básica y creación de botones o herramientas sociales hasta la creación de temas y plugins, junto a despliegue de contenidos.

URL | OctoPress

3. nanoc (Ruby)

Nanoc es otra de las alternativas disponibles que existen para crear tu propio sitio mediante un generador de sitios estáticos. Al igual que los anteriores, necesitarás Ruby para hacerlo funcionar. Dispone de un extenso tutorial de documentación para aprender a crear las páginas y secciones del sitio a generar.

Es ideal para programadores que buscan un sistema para crear su propio sitio estático que se encuentre a medio camino entre un lenguaje de programación y un framework práctico para el objetivo de generación rápida de sitios.

URL | nanoc

[...]

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

EOF (End of file)

1 2 3 4 ... 383 #