El hombre nunca sabe de lo que es capaz hasta que lo intenta. Charles Dickens

ICEcoder: un IDE web realizado con PHP

Las aplicaciones web están ganando terreno a las aplicaciones de escritorio. Esto también está sucediendo en lo que respecta a las herramientas de desarrollo web. ICEcoder es un editor de código open-source que permite programar directamente desde el navegador ya sea online u offline. Algunas de las características que ofrece este IDE son:

  • Se puede utilizar en línea o de forma local
  • Indicador de etiquetas incompletas o mal anidadas
  • Inicio de sesión seguro
  • Gestor de bases de datos MySQL

ICEcoder » »

Checklist para el mantenimiento de un sitio web

En el blog demosthenes.info han publicado un interesante checklist para el mantenimiento de un sitio web. Un interesante punto de partida para personalizar este listado y crear nuestra propia lista de tareas:

Cada día

  • Añadir nuevo contenido
  • Promover el sitio a través de medios de comunicación social
  • Buscar y responder al correo y los nuevos comentarios
  • Solucionar cualquier problema crítico
  • Ocuparse de cualquier error que puede ser resuelto en menos de una hora
  • Tener en cuenta las nuevas inscripciones
  • Revisar nivel de visitantes y actividad en el sitio

Cada semana

  • Comprobar referrers, los niveles de actividad, dispositivos utilizados para acceder al sitio; Tomar nota de las tendencias
  • Asegurarse de que las últimas entradas están correctamente etiquetadas y aparecen en la navegación del sitio (barra lateral, barra de función)
  • Promover un artículo a una fuente externa para atraer nuevos visitantes

Cada trimestre

  • Agregar una nueva característica al sitio o quitar una función redundante o no utilizada
  • Optimizar el aspecto y la funcionalidad del sitio para un solo dispositivo (Android, Blackberry) o plataforma (IE7) que constituya menos del 5% de tus visitas
  • Evaluar el logro de metas por trimestre; establecer o revisar metas (número de visitantes, páginas vistas, tiempo promedio en el sitio, etc.) para los próximos 30, 90 y 180 días

Cada año

  • Reevaluar el diseño y la funcionalidad del sitio; hacer una actualización del sitio o rediseñar según corresponda
  • Renovar el dominio y pagar por servicios de hosting

A Site Maintenance Checklist » »

The Responsinator: comprueba tu diseño responsive en varios dispositivos

The Responsinator es un sitio web que nos permite de manera sencilla testar el diseño responsive de nuestro sitio web. Podremos comprobar cómo se visualiza un sitio web en diferentes dispositivos y resoluciones.

The Responsinator

The Responsinator » »

Magnific Popup: un lightbox responsive

Magnific Popup es un plugin de jQuery para generar lightboxes responsive.

La mayoría de plugins que generan lightboxes requieren definir el tamaño de los mismos como una opción del Javascript. Sin embargo, Magnific Popup no. Puedes utilizar unidades relativas como em o cambiar el tamaño con ayuda de media queries CSS. Esto hace que se pueda actualizar el contenido dentro del lightbox sin tener que preocuparse de como se redimensionará o centrará en la página.

Magnific Popup » »

Fullscreen Layout con transiciones entre páginas

En Codrops han publicado un interesante ejemplo de cómo realizar un layout responsive con transiciones. Se presentan cuatro elementos o secciones de forma inicial en la página y haciendo click sobre cada una de las secciones, ésta se expandira. Todos los efectos se realizan con transiciones CSS y se controlan con Javascript mediante la aplicación de clases. El diseño es líquido y se han agregado algunas media queries para mejorar la visualización en pantallas de pequeño tamaño.

Fullscreen Layout con transiciones entre páginas

Desde la página de Codrops se puede tanto acceder a la demo como descargar los archivos fuente.

Fullscreen Layout with Page Transitions » »