Daniela 19 de junio de 2007 a las 10.03
   Imprimir artículo
elWebmaster.com

Para programadores


70 ideas expertas para desarrollo en CSS

Dise√Īar un sitio en CSS no es la experiencia m√°s agradable del mundo especialmente cuando reci√©n estamos aprendiendo. Hasta ahora no existe un entorno de desarrollo espec√≠ficamente preparado para esta tarea: lo m√°s cercano que tenemos es Adobe Dreamweaver y algunas extensiones para Firefox, como la Web Developer Toolbar.

A lo largo de nuestro aprendizaje vamos recopilando ideas y trucos que nos sirven para no repetir errores y entender cómo funcionan las hojas de estilo, pero no siempre nos quedan en forma organizada y accesible.

Este documento, compilado por Smashing Magazine, contiene los mejores trucos, ideas, métodos, técnicas y soluciones en un formato fácil de leer y navegar. ¡Que lo aprovechen!

http://www.smashingmagazine.com/pdfs/70-expert-ideas.pdf [PDF, en inglés]

70 ideas expertas para desarrollo CSS

Widget de acordeón para ExtJS

Esta clase JS nos brinda la posibilidad de implementar un acordeón en Javascript a través del framework ExtJS. El modelo es configurable y permite crear también paneles desplegables y contenedores colapsables con varios estilos de colores y animación.

http://aariadne.com/accordion/

accordion.png

FancyUpload para Mootools

Los formularios para subir archivos a una p√°gina web est√°n limitados a trabajar con un solo archivo a la vez, no son muy atractivos para el usuario y no se suele indicar el progreso de la carga de forma clara. FancyUpload es un widget para el framework MooTools que permite la subida de m√ļltiples archivos, de manera secuencial o simult√°nea y con unas lindas barras de progreso. Prueben la demo en la misma p√°gina.

http://digitarald.de/project/fancyupload/

digifancyuploadmx1.gif

plainTemplate y phpQuery

Normalmente en un desarrollo t√≠pico MVC (model-view-controller) la l√≥gica (controller) est√° separado del dise√Īo (view), que generalmente es alguna forma de HTML con c√≥digos especiales para ser rellenados con datos en el momento de ejecuci√≥n. Esto es una pesadilla para los dise√Īadores, ya que no hay forma de visualizar el template tal y como se ver√≠a una vez implementado.

La librer√≠a plainTemplate para PHP viene a resolver este problema permitiendo al dise√Īador armar el template con datos ficticios y al programador acceder a las secciones del template mediante selectores, para reemplazar dichos datos con los reales.

http://wiadomosc.info/plainTemplate/

plain_template.png

La jerarquía de los programadores

Como bonus track les dejo un poco de humor nerd :-) (en inglés)

La jerarquía de los programadores


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. ed dice:

    Hola, quiza ha pasado mucho tiempo entre el post y este comentario, pero ya no esta disponible el pdf de smashing, alguien lo tiene?

    Saludos.

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder