Herramientas Archive

Spectre un framework CSS ultra ligero y gran alternativa a Bootstrap

En el momento que estoy escribiendo este post  seguramente ya nació otro framework CSS pero bueno hoy les hablare de Spectre. Spectre es un framework ultra ligero  y moderno que  está  basado en flexbox  e incluye  componentes y utilidades creados utilizando CSS3   sin depender para nada de Javascript lo cual lo hace altamente recomendable .

5 librerias para manejar datos del lado del cliente con HTML5

Durante el último año más o menos me he encontrado con bastantes herramientas y bibliotecas que usan la API de LocalStorage, así que he compilado 3 de ellas en este post con algunos ejemplos de código y una pequeña introducción a sus características. Barnjs Esta librería proporciona una API similar a Redis con una “capa de

WebMaker : Edita archivos HTM,CSS y JS directamente en tu navegador.

¿Te gusta Codepen? lo mas probable es que si, pero que pasa cuando no hay internet , una gran alternativa es esta extensión de Chrome llamada WebMaker la cual permite crear, editar y guardar snippets de código en tu navegador, lo mejor es que se sincronizara en todos los dispositivos donde lo tengas instalado (es

NGROK : Abrir nuestro servidor local a internet.

Ngrok es una herramienta que permite acceder nuestro servidor local a cualquier persona en internet con la que compartamos una url generada dinamicamente  , esto es muy útil por ejemplo cuando necesitamos mostrar avances constantemente en sitios que se encuentran en etapa de desarrollo o cuando trabajamos con un equipo de desarrolladores  de forma remota .

WP-CLI : linea de comandos para WordPress

Cuando trabajamos con  wordpress a nivel mas de desarrollo , una herramienta muy útil para hacer esta  tarea mas placentera y rápida ( si te gusta usar la linea de comandos : P) es sin duda WP-CLI. WP-CLI es un set con varios comandos para manejar nuestras instalaciones de wordpress  y para realizar tareas sin

Google lanza “Google Web Designer”

Google ha lanzado hoy una herramienta llamada “Google web designer” que promete crear  animaciones con HTML5, CSS3  y Javascript. Google Web Designer es una aplicación web avanzada creada con HTML5 que le permite diseñar y compilar anuncios HTML5 y otros tipos de contenido web mediante una interfaz visual y de código integrada. Con la vista

5 herramientas para pre visualizar nuestro sitio web movil.

En un post anterior  vimos una extensión llamada Ripple en la cual podíamos pre visualizar nuestro sitio web en diferentes dispositivos. Ahora veremos 5 herramientas online  que podemos usar para pre visualizar nuestro sitio web móvil en diferente resoluciones. ProtoFluid ProtoFluid es una herramienta   que permite probar  nuestros  sitios web en diferentes tamaños de

Ripple : Extensión de Chrome para probar sitios y aplicaciones móviles

Uno de los problemas cuando nos dedicamos a desarrollar sitios web para móviles   sin duda es no contar con los dispositivos de forma física ,  seria muy costoso comprar si quiera los 10 mas utilizados del mercado para hacer pruebas básicas como de  visualización, es ahí donde Ripple hace su aparición . Ripple se

Editor de Color Schemes para SublimeText

Creo que   todos los  usamos SublimeText coincidimos en que es una gran herramienta, con muchísimas ventajas sobre otros editores, pero creo que tiene un punto débil , editar los color schemes. Es realmente cruel editar los archivos necesarios para personalizar nuestro editor dependiendo el lenguaje que necesitemos resaltar , SublimeText ya  trae bonitos ColorScheme

HTML KickStart: Una Alternativa a Twitter Bootstrap

HTML KickStart es un conjunto de  herramientas que nos permiten crear interfaces para sitios web y aplicaciones de una forma rápida, sencilla y muy eficaz ,  si bien existen herramientas como bootstrap de Twitter   a veces pueden llegar a ser pesadas cuando solo requerimos  ciertos elementos para  nuestros proyectos. HTML KickStart viene con una