RSS Feeds

25.4.12

Lo que un buen Diseño y Desarrollo Web debe tener.

En el camino como desarrollador Web muchas veces nos encontramos con métodos y herramientas que nos son indispensables para nuestro flujo de trabajo diario, hablemos de snippets o de plugins jQuery y PHP (es el lenguaje con el que trabajo) sin los cuales la tarea de hacer web en la actualidad sería completamente tediosa.

En este post quiero compartir de manera antológica algunas de las herramientas y características "ideales" que mediante el uso de herramientas como Wordpress, Silverstripe y programación PHP puro y duro en la oficina he encontrado que sería interesante conjugar en algún proyecto, es algo así, como ensamblar una computadora con las mejores caracteristicas.

Estos son los parametros que, al menos para mi conformarían un buen esquema de trabajo y que proporcionarían velocidad al tiempo de desarrollo, sin más preámbulo, comencemos:


Herramientas para el front-end (Vista de Usuario):
  • Skeleton Framework (Grid de maquetación con Responsive Web Design).
  • Hash Navigation (Para ubicar contenido en tu web a través de la url aun en Flash o AJAX facilitando el SEO y el aspecto social de tu sitio web)
  • jQuery NiceScroll (Un scroller sumamente estético y customizable)
  • 960.gs + Adapt.js (Grid para maquetación + Javascript para convertir tu diseño en Responsive Web Design).
  • Flexslider (slideshow de imagenes responsive).
  • Plantilla basada en HTML5
  • jQuery para conexiones AJAX
  • Plugin jQuery para alertas
  • Plugin jQuery para validar formularios
  • Utilizar un framework CSS (vease herramientas como LESS)
Características del CMS
No sugeriré ningun framework específico ya que eso es cuestión de gustos de cada quien.

  • Slugger automático para categorías (ej. Crear "la-rica-pina" a partir de "La rica piña").
  • Multiple file uploader
  • Al eliminar un archivo o imagen eliminarlo del servidor no solo de la Base de datos.
  • Renombrar archivos al subirlos quitando espacios, acentos y caracteres que puedan causar error en el nombre del archivo al querer utilizarlo, además de asignar el ID de la fila como prefijo para evitar duplicados o sobreescribir el archivo (ej. 01-lafoto.jpg) donde 01 es el ID de la fila.
  • Clase en PHP para redimensionar imagenes al subirlas (autogenerar thumbnails y originales)
  • Clase en PHP para colorear y añadir algunos efectos a la imagen al subirla (grayscale, blur, sepia, etc.)
  • Debe ser capáz de reordenar una lista (proyectos, categorías, etc) mediante drag&drop y guardar el orden en la base de datos.
  • En el caso de subir una galería de un proyecto poder seleccionar la que servirá como Cover o portada (Utilizando AJAX).
  • WYSIWYG con características muy básicas (ej. crear listas UL, negritas, y url link), recordemos que el estilo se define por el diseñador en el front-end.
Ustedes que agregarían o quitarían a esta lista?