Follow jmourad on Twitter

Categorías

Diseño web

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y video. Se lo considera dentro del Diseño Multimedial.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

40 mujeres con gran talento en el diseño Web

No es ningún secreto que hay una gran diferencia en cuanto a la proporción de hombres y mujeres en la industria del diseño de páginas web, pero eso no quiere decir que no exista ninguna mujer con un increíble talento para el diseño Web. El artículo 40 Amazing Female Role Models for Web Designers , de line25 , nos deja una selección de las 40 diseñadoras más notable e importante (de habla inglesa) , que pueden ser un modelo o ejemplo perfecto para cualquiera que trabaja actualmente en su carrera de diseño web. Sería interesante hacer algo similar pero para los que utilizamos el castellano como idioma. Cuidado, que las chicas vienen pisando fuerte, ¡bienvenidas!

40 mujeres con gran talento en el diseño Web

Enlaces semanales que no he publicado (35)

Como este fin de semana tenemos una hora más para pasearnos por Internet, aquí dejo constancia de una nueva selección semanal de buenos artículos: 20 Professional Mozilla Firefox 3.5+ Ready Themes (1stwebdesigner). Todas las cosas avanzan y los temas para Firefox no va a ser menos, en este enlace nos muestra nuevos y realmente hermoso y profesionales temas para Firefox. Su autor ha probado todos los temas que recomienda, por lo que si seleccionas uno de ellos, seguro que tu navegación con Firefox será aún más agradable. 30 Superb Lego Sculptures (psdfan). Al estar acostumbrado al 2D, no puedo dejar de admirar la habilidad y la dedicación de escultores. Aquí puedes encontrar algunas esculturas de LEGO que son increíbles. Las esculturas de Lego son particularmente impresionante, ya que generalmente se construyen desde la base, y por lo tanto cada etapa de la construcción debe establecer una base perfecta para lo que vendrá. Hay muy poco (o ningun) margen de error, por lo que el artista tiene que ser muy preciso y cuidadoso en su trabajo. 57 Creatively Designed Examples Of Typography In Logo Design (smashingapps). Aquí tenemos 57 ejemplos excepcionales de texto creativo en logotipos, al darle un vistazo es una fuente de inspiración para crear logos con texto creativos y llamativos. 50+ Useful Photoshop Plugins (vandelaydesign). Una de las grandes cosas de Photoshop (y otros programas de la Adobe Creative Suite) es la capacidad de ampliar las posibilidades mediante plugins de otras partes. En este artículo encontramos más de 50 plugins, extensiones y add-ons para Photoshop, algunos son gratuitos y otros de pago. 65 Colorful And Creative Logos For Design Inspiration (ijaar). Los logotipos son uno de los elementos más creativos de arte gráfico. Ellos tienden a no sólo dar las marcas de reconocimiento importante, pero también garantizar su éxito. A continuación se muestra una lista de algunos diseños de logotipos de innovación. 50+ High Quality Icon Design Tutorials (Part 1) (designrfix). Los iconos son una parte clave de cualquier sitio web actual, aplicación o diseño de la interfaz de usuario. Los iconos colocados estratégicamente visualmente realza cualquier diseño, además facilita la usabilidad, pues facilita al usuario la navegación. Este artículo es una parte de dos series de tutoriales de diseño de iconos. los tutoriales te guiarán en la creación de algunos iconos asombroso para tus próximos proyectos. 62 Intelligent And Integrated Logos For Typography Lovers (littleboxofideas). Cada día aparecen gran cantidad de nuevos logotipos en la escena del diseño y algunos de ellos son bastante fantástico. Esta es una colección de algunos logos recientes con un buen uso de la tipografía para transmitir un mensaje o representar una idea. Una buena mezcla de logotipos brillante, con ingenioso juego de palabras y texto que entrelaza y fluye con facilidad. Cada logotipo tiene un vínculo a la página del autor. Disfruta de estos ejemplos. 75 Creative And Unique Business Card Designs For Your Inspiration (WebDesignBooth). Una selección de más de 70 tarjetas de visita realmente bonitas y de diseño creativo, clasificadas por diferentes categorías, sin duda una buena muestra para inspirarte. 50 Photoshop Tutorials For Creating Posters Designs (creativenerds). Photoshop no es un programa vectorial, pero tiene algunas características prácticas y útiles que hacen que sea fácil y  eficiente para crear hermosos diseños de carteles con técnicas sencillas. El enlace muestra una colección cuidadosamente seleccionada de 50 tutoriales para Photoshop que te guiarán a través del proceso de creación de un diseño del cartel, y te mostrará las habilidades necesarias para diseñarlos. A Showcase of 35 Beautiful Typographical Illustrations (speckyboy). Aquí nos presenta 35 ilustraciones con tipografía, que vale la pena darle un vistazo. 30 Superb Examples of Infographic Maps (WebDesignerDepot). Por toda la Web puedes ver una gran cantidad de páginas que incluyen una amplia gama de mapas interactivos y gráficos. Los diseñadores, estan buscando constantemente maneras de mejorar sus diseños y el estilo, esto es exactamente lo que podemos ver es estos sitios con 30 infografías que rompen con las normas. The Mystery Of The CSS Float Property (smashingmagazine). En este artículo comentan todo sobre la propiedad “float” y cómo afecta a los elementos en contextos particulares. También echaremos un vistazo a algunas de las diferencias que pueden producirse en relación con esta propiedad en los navegadores más utilizados. Con algunos usos prácticos de la propiedad CSS float. Es como profundo de esta propiedad y su impacto en el desarrollo de CSS. How to Create Remarkable 3D Text in Photoshop (sixrevisions). Sencillo tutorial para realizar el proceso práctico para generar una tipografía tridimensional con la ayuda de Photoshop y algunas técnicas creativas. 35 Creative Twitter User Profile Designs (sixrevisions). Uno de los aspectos más importantes de atraer a seguidores en Twitter, además de tweets de calidad, es tu diseño de la página de tu perfil de Twitter, tiene que ser creativa y atractiva para mostrar que te tomas en serio ese tema. Esta es una colección de 35 diseños de perfil de Twitter de diferentes usuario, en este otro  50 Beautiful & Unique Twitter Profile Designs , tienes un total de 50 bonitos y únicos diseños perfil de Twitter. Para inspirarte. 50 New CSS Techniques For Your Next Web Design (smashingmagazine). El artículo nos presenta 50 nuevos trucos de CSS, técnicas y tutoriales que te ayudarán a mejorar la calidad de tu diseño web. También puedes darle un vistazo a otro artículo anterior: 53 CSS-Techniques You Couldn’t Live Without . 50 Air Apps and Browser Addons for Web Designers and Developers (appstorm). Una muy buena lista de aplicaciones Air y plugins para Firefox, para diseñadores y desarrolladores web. Rich Typography On The Web: Techniques and Tools (smashingmagazine). El artículo trata sobre el reemplazo de texto dinámico que podemos emplear en la actualidad para ver algún tipo de tipografía más aparte de las consideradas seguras para la Web. 80 Funny and Realistic Photo Manipulations (10steps.sg). Se trata de 80 fotos manipuladas muy divertidas y realistas, este tipo de creaciones nos dan una una visión realista de una imagen irreal. 31 Fresh Photo Manipulation from DeviantArt (thedesignmag). Aquí tenemos 31 ejemplos impresionante de manipulación de la foto recién creadas de DeviantArt. La manipulación de fotos es un arte que tiene el fin de crear un efecto surrealista o ilusión por medios digitales. Algo que es divertido y muy inspirador para los diseñadores. 38 Great Websites for Photoshop Tutorials (geeksucks). No hay límite en su aprendizaje en Photoshop, como lo muestra los 38 sitios, que ofrece tutoriales para Photoshop. Los nuevos y los que tienen experiencia también aprenden todos los días. No hay nada como un tutorial para aprender. Por eso todo el mundo ama los nuevos tutoriales de Photoshop.

Enlaces semanales que no he publicado (35)

21 tipografías Web seguras

Los tipos de letras son uno de los bloques más importantes en la construcción del diseño Web. Un problema habitual en los tipos de letras tradicionales (Verdana, Arial,  Helvetica, etc.), es que tarde o temprano te hartas de ellas. Aunque no hay nada de malo en ellas, ya que son tres de las tipografías más seguras. Por otra parte, si utilizas un tipo de letra poco frecuente que los usuarios no tienen en su sistema, a demás de ser una opción poco profesional, al no tener control sobre lo que el usuario verá en su navegador. Por eso los diseñadores prefieren la tipografía que se ha dado en llamar segura. ¿Cuán seguras son las tipografías Web? Ese tipo de letras se ven bien en pantalla y son relativamente populares, por lo que puede asumir con seguridad que tus visitantes tendrán esa tipografía en su sistema . Por regla general esos tipos de letras vienen con el sistema operativo, y que los usuarios las tienen instaladas por defecto. Otros tipos de letras, no hay garantía de que las pueda tener instaladas en el ordenador del usuario. Incluso si esa tipografía está instalada en los ordenadores de los usuarios, muchas de ellas solo se ven bien en ciertos casos , como puede ser con ciertos tamaños , en donde aparecen distorsionadas o son ilegibles. Después de todas estas aclaraciones, necesarias para tener claro los conceptos, y saber por tanto que decisión tomar, debe tomar. Pero te ayudará en esto el artículo 21 Stunning Web Safe Fonts , de WebHostingSearch , que nos dejan una selección de tipografía segura para la Web, que están disponibles en Windows, Mac y Linux , o bien tienen sustitutos decente. Si te gusta uno, simplemente copia el código CSS que se encuentra en el recuadro azulado , y a disfrutar de su uso.

Fuente:

http://www.cosassencillas.com/2009/10/21/21-tipografias-web-seguras/

70 juegos de iconos gratuitos para diseño y desarrollo web

Los iconos son imágenes específicamente diseñadas para transmitir un mensaje, por lo tanto un icono es más que simplemente una imagen agradable. Por esa razón, los iconos puede ser realmente hermoso cuando se emplean en un sitio web o un blog y puede poner en marcha o apoyar el proceso creativo. Hay miles de iconos gratuito que son muy buenos, pero puede ser difícil encontrar los conjuntos de iconos adecuados para su uso en diseño web.

A través del blog de Diego Mattei, me entero de una buena colección de 70 juegos de iconos para diseñadores, que además comenta que en estas recopilaciones, no verás nada que no se encuentre en otros lados, pero el tenerlas todas en un solo enlace hace que perdamos menos tiempo en su búqueda.

Nos remite al enlace 70+ Awesome Free Icon Sets and Icon Collections for Web Designers, de TripireMagazine, que son los autores de la mencionada lista sustanciosa y atractiva a 70 juegos de iconos enfocados al diseño y desarrollo web. Son gratuitos, aunque siempre es conveniente darle un vistazo al tipo de licencia de cada uno de ellos, para ver en que condiciones los podemos usar. Al final de la misma hacen referencia a varios sitios especializados en iconos.

Este artículo es una actualización de otro artículo anterior 50+ Top Free Icon Resources and Icon Sets for Web Designers, al que se han agregando más de 20 conjuntos de iconos.

70 juegos iconos 70 juegos de iconos gratuitos para diseño y desarrollo web

Fuente:

http://www.cosassencillas.com/2009/10/19/70-juegos-iconos-gratuitos-diseno-desarrollo-web/

Enlaces semanales que no he publicado (34)

Como no me da tiempo a publicar, ni comentar, ni nada, para que esa información que encuentro no se desperdicie, semanalmente pongo en forma de lista todos aquellos artículos que me llaman la atención, y que pueden ser de interés, pero solo proporcionando el enlace, la procedencia y una breve descripción, así es posible que para algunos lectores al menos sea de utilidad:

  • 30 Complete Photoshop Guides for Beginners (10steps.sg). Algunos buenos tutoriales disponible en los blogs de diseño no puede ser tan detallado y son principalmente escrito para lectores con algunos conocimientos básicos de Photoshop. ¿Qué pasa con aquellos que son totalmente nuevos en Photoshop? Este artículo tenemos una lista con 30 guías para principiante, que te convertirán en un usuario más de Photoshop. Cada uno de los tutoriales tienes su enlace y una pequeña explicación.
  • 11 Fascinating and Educational Tutorials Teaching You How to Produce Better Photo Effects (psdvault). Photoshop es un programas complicados de usar, a veces es difícil para los principiantes o los usuarios intermedios,  encontrar la función y la opción que necesitan para dar un determinado efecto. Es por eso que muchos tutoriales se han creado para ayudar a superar esta dificultad.  Esta es una colección de 11 tutoriales para enseñarnos a producir mejores efectos fotográficos. Es una colección pequeña, pero que seguro encontrarás casi todo lo que necesitas para hacer buenas fotos, con las técnicas descritas en cada tutorial.
  • 18 Really Beautiful and Creative Web Designs (tutzone). Un diseño Web, no es sólo algo bonito y bello, también debe ser funcional. Todos tenemos algún tipo de inspiración para seguir avanzando y llegar a algo nuevo e innovador. El artículo presenta algunos de los nuevos diseños para que te ayuden a obtener algo de inspiración para tus trabajos de diseño.
  • 12 Free and High-Res Grungy Wall Textures (sixrevisions). Un total de 12 muestras de texturas de pared pintada y desgastada, que se pueden utilizar en cualquier proyecto y en un sinnúmero de maneras. Tienen una licencia de Creative Commons, de modo que podemos utilizar en cualquier forma que elijamos, ya sea personal o comercial. Vienen en diferentes dimensiones en Flickr (Grungy Wall Textures set), con la escala original de 4.700 px de ancho.
  • Tips on using CSS Resets (devlounge). Dado que los navegadores web son conocidos por mostrar las cosas de manera diferente el uno del otro, muchos diseñadores web tienen poco control. Pero hay maneras de evitar este con algo llamado un restablecimiento de CSS. Un restablecimiento de CSS puede ser cualquier cosa desde una única definición en su hoja de estilo a una hoja de estilo completamente nuevo en un vínculo. A muchos diseñadores les gusta agregar esto al comienzo de sus hojas de estilos que puedes ver en dicho artículo.
  • 5 Must Have Sans Serif Fonts (woorkup). Una colección de cinco bellas tipografías sans serif, que incluye: Harabara, Puritan, Resavska, Roadway y Oceania.
  • 40 Beautifully Designed Vintage Websites (myinkblog). El diseño web con estilo vintage es un tributo a una época pasada que sólo existe en la memoria de muchos. Pero que los diseñadores web le sacan un buen partido a este estilo.
  • 39 Astonishing Examples of 3D Typography (tutorial9). La oleada de interés en la tipografía ha disparado la enorme popularidad de los diferentes tipos de tipografía en el diseño artístico basado en letras en 3D, que es una de las variantes más populares. Este enlace te puedes encontrar con 39 piezas únicas e inspiradoras de tipografía 3D.
  • Top 10 WordPress plugins to monetize your blog (catswhoblog). Aunque las herramientas no se proporcionarán los mejores resultados sin ningún tipo de trabajo, pueden hacer su vida más fácil o ayudarle a optimizar sus ingresos en línea. En este artículo, he seleccionado los 10 mejores plugins de WordPress para monetizar su blog.
  • 25 Inspiring Examples of Music Photography (psdfan). Si eres un gran aficionado a la música y además disfrutas de la fotografía, aquí tienes 25 composiciones que están llenas de energía y creatividad, para inspirarte en la la fotografía de la música.

Fuente:

http://www.cosassencillas.com/2009/10/18/enlaces-semanales-no-publicado-34/

13 buenas herramientas de código abierto para diseñadores Web

Las aplicaciones de código abierto (en inglés open source ), es el término con el que se conoce al software distribuido y desarrollado libremente. El código abierto tiene un punto de vista más orientado a los beneficios prácticos de compartir el código que a las cuestiones morales y/o filosóficas las cuales destacan en el llamado software libre . Dentro de este tipo de aplicaciones, las herramientas son una gran alternativa para los diseñadores de web, para que no se disparen nuestro maltrecho presupuesto. Muchas herramientas de código abierto tienen características comparables a las aplicaciones de pago. Esto hace posible que un diseñador web pueda tener todas las herramientas y aplicaciones necesarias para completar las tareas diarias de su trabajo, sin siquiera gastarse un céntimo. En el artículo 13 Excellent Open Source Tools for Web Designers , de WebDesignLedger , encontrarás 13 de las mejores herramientas de código abierto enfocadas para los diseñadores web, aquí tienes el enlace a su descarga y una breve explicación. Editor de texto : Aptana Studio . Completo entorno de desarrollo web que combina potentes herramientas de edición de HTML, CSS y JavaScript, junto con miles de plugins adicionales creados por la comunidad. KompoZer . Un completo sistema de autoría web que combina la gestión de archivos web y la edición WYSIWYG fácil de usar en páginas web. Notepad++ . Editor de codificación para Windows, que reemplaza al Bloc de notas, y que soporta varios idiomas. Firebug . Un plugin para Firefox que te permite editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Quanta Plus . Un estable y rico entorno de desarrollo web. jEdit . Editor de texto de multi-plataforma con muchos años de desarrollo detrás de él. Aplicaciones gráficas : GIMP . Un paquete versátil de manipulación de imágen. Una excelente alternativa al Photoshop. Dia . Es una aplicación inspirada en el programa comercial “Visio” para Windows, aunque más orientado a esquemas informales para uso ocasional. Puede ser utilizado para dibujar diferentes tipos de diagramas. Krita . Aplicación gráfica para todos los que quieran ser creativos con las imágenes. Inkscape . Editor de gráficos vectoriales, con capacidades similares a Adobe Illustrator. FTP : FileZilla . Es probablemente la aplicación de FTP más popular. Puedes descargar una versión de cliente o servidor. Cyberduck . Un cliente FTP integrado para el Mac. WinSCP . Es un cliente de SFTP y cliente FTP para Windows.

The rest is here:
13 buenas herramientas de código abierto para diseñadores Web

Enlaces semanales que no he publicado (33)

Esta semana al tomarme algunos días de fiesta no son muchos enlaces los que he seleccionado: 45+ Inspiring Examples of Vintage in Web Design (naldzgraphics). Un estilo que está de moda actualmente es el vintage , si estás buscando inspiración en este tipo de estilo, entonces esto es lo que tu buscas. Nos mostrarán más de 45 ejemplos, lo que nos dará una idea sobre cómo se puede lograr un buen diseño. 15 Top Premium Template Websites For Web Designers (webdesigndev). Aunque a todos nos gustan las cosas gratuitas, como las plantillas o temas para WordPress, pero a veces es bueno cruzar a la zona de pago (premium) y descubrir lo que se obtiene si inviertes un poco de dinero en una plantilla. Aquí puedes encontrar una lista de 15 sitios donde puedes encontrar ese tipo de temas, que cubren los diferentes sistemas: WordPress, Joomla, Drupal, Magento, Blogger, Flash y HTML puro y plantillas CSS. Mastering CSS Coding: Getting Started (smashingmagazine). Los estilos CSS se ha convertido en el estándar para la creación de sitios web actuales. El CSS es el puente entre la programación y diseño, y cualquier profesional de diseño Web debe tener un conocimiento general de la misma. Así que es hora de mojarse los pies con el CSS, este es el momento perfecto para ponerte enfrente de tu editor de texto favorito y seguir este tutorial como los ejemplos más comunes que podemos utilizar con el CSS. 45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations (naldzgraphics). Con el auge de la tecnología moderna, un croquis dibujado a mano es ahora convertido y mejorado mediante los programas de diseño gráfico. Ilustraciones de personajes o los dibujos animados tienen ahora más profundidad, textura y emociones a través de una amplia gama de técnicas utilizadas por los diseñadores modernos. Éstos son capaces de jugar con sus bocetos dibujados a mano, empujando los límites de su imaginación. Adobe Illustrator es una de las mejores aplicaciones cuando se trata de la creación de caricaturas e ilustraciones por suss características vectoriales. Tienes unos cuantos tutoriales de ejemplo sobre éstas técnicas. 28 Excellent Examples of Using Gradient Effects in Web Design (thedesignmag). Utilizando un efecto de degradado en el diseño web es una forma efectiva para dar un aspecto perfecto para un sitio web y es una técnica muy popular entre los diseñadores de páginas web actuales. La adición de un efecto de gradiente no es una tarea difícil, pero si se hace bien, puede mejorar mejorar una página. Una de las razones por las cuales los diseñadores usan los gradientes se debe a que suavizar las zonas que de otra manera serían planas de color y tono. Aquí tenemos un escaparate con 28 excelentes ejemplos de la utilización de efecto de gradiente en el diseño web de hoy día. 50 Surprisingly Amazing Themes for Blogger (speckyboy). El desarrollo de Blogger en los últimos años, ha sido muy grande, para esta plataforma tenemos gran cantidad de widgets y addons, etc. Pero también hay temas muy buenos paraComo la muestra que podemos encontrar en el artículo Para mí, los temas son sin duda las mejoras más importantes, puede observar mucho de los temas que podemos encontrar en ese artículo. 5 Powerful WYSIWYG editors for web-based applications (woorkup). En el artículo nos sugieren que probemos cinco editores WYSIWYG gratuito para nuestras aplicaciones basadas en web que transforman simples HTML en un potente y útil editor de texto enriquecido. También ofrecen instrucciones sencillas para aplicar rápidamente estos editores en tus páginas web. 60+ Beautiful Websites Showcasing Minimalist Design (webdesignbooth). El minimalismo en el diseño significa retirar los elementos innecesarios y centrarse en la simplicidad. Este concepto se ha aplicado en diferentes campos. Está altamente influenciado por el diseño tradicional japonés, donde no tiene los colores de fantasía o efectos, y se centran sólo en las características fundamentales. El artículo nos muestra más de 60 sitios web donde admirar este tipo de diseño, con elementos simples y básicos. Recuerda, lo menos es más.

See the article here:
Enlaces semanales que no he publicado (33)

15 nuevos magazines en línea sobe diseño

Los sitios web con estilo magazine o revista aparecen a menudo desordenado, debido a la enorme cantidad de información que han de presentar. Es un arte el integrar esta información dentro de un diseño web y que sea bonito. En el artículo 15 Fresh Online Magazine Designs , de PSDFan , nos deja un buen muestrario de 15 nuevos diseños basados en la Web, en donde en cada uno de ellos presenta una gran cantidad de información, de una manera limpia y profesional. Para todos los bloggers que publican un montón de contenido, estos tipos de diseños nos muestra cómo presentarlo, por lo que son una fuente de inspiración. Aquí te dejo los enlaces a cada uno de ellos: One Nation Magazine Inspired Mag UGS Magazine Stack Magazines UX Magazine Flogged Magazine Deelay The New Yorker JPG Mag The Morning News Diseñorama Think Vitamin Under Consideration Heavy Backpack Web Designer Mag

Go here to read the rest:
15 nuevos magazines en línea sobe diseño

50 herramientas y generadores útiles para CSS

El estilo CSS es una parte clave del diseño web y es realmente esencial que los diseñadores y desarrolladores se sientan cómodos con él. La codificación del CSS no es demasiado difícil de manejar, al mismo tiempo, es muy potente si se sabe cómo dominarla. Por otro lado para empezar puede ser muy duro pues necesitas entender cómo se integra con otros CSS y la forma en que se estructura la mayoría de las partes fundamentales del trabajo. En muchas ocasiones he tratado en Cosas Sencillas el tema del CSS ,  sobre todo  las herramientas y utilidades que nos pueden ayudar con este tema. En la página ListELog , he localizado un extenso artículo que me ha llamado mucho la atención, con el titulas 50 Useful Tools and Generators for Easy CSS Development , una muy buena recopilación de unas 50 herramientas y generadores en línea útiles que son de gran ayuda para el tema del desarrollo del CSS. El mencionado artículo da una pequeña explicación de cada una de ellas, por mi parte solo dejo los enlaces. Las herramientas han sido agrupadas por diferentes temas, todos ellos relacionados con las hojas de estilo CSS: el diseño de las rejillas, optimiación, menús, botones, esquinas redondeadas, marcos, tablas, tipografía, etc. Herramientas y generadores del diseño de rejilla y distribución : The 1KB CSS Grid Variable Grid System Grid Designer 2 Design By Grid PNG Grid Generator nP: Grid Generator YAML Builder GRIDINATOR Grid System Generator YUI: CSS Grid Builder Blueprint Grid CSS Generator CSS Grid Calculator Layout generators – www.pagecolumn.com Dynamic 4 Column Layout Generator CSS Layout Generator – CSS Portal templatr CSS Source Ordered 1-3 Columned Page Maker CSS Creator Generadores para optimizar los estilos CSS : Online CSS Optimiser/Optimizer Free CSS Template Code Generator CSS Builder – Generate Styles on the Fly Firdamatic: the Design Tool for the Uninspired Webloggers WordPress Theme Generator CSS Formatter and Optimiser/Optimizer XHTML/CSS Markup Generator Generadores y herramientas para los menús CSS : 13 Styles – CSS Menu Generator CSS Menu Builder Pure CSS Menu.com CSS Menu Generator My CSS Menu Generator – Horizontal, Vertical, Drop Down, DHTML CSS Menu CSS Menu Generator – Webmaster Toolkit CSS Menu Generator – CSS Portal List-O-Matic Gereradores y herramientas para botones CSS : CSS Button and Field Tool Navigation Tab Menu Generator Esquinas redondeadas con CSS : RoundedCornr: Rounded Corner and Gradient Generator Spiffy Corners – Purely CSS Rounded Corners Spiffy Box – Simple Rounded Corner CSS Boxes Cornershop – Rounded Graphics for CSS Box Corners Generadores de distribución de información CSS : CSS Frame Generator Generadores y herramientas para tablas CSS : CSS Table Generator 0.1 HTML and CSS Table Border Style Wizard HTML Table Style Generator Generadores sprite CSS : CSS Sprite Generator CSSSprites.com Generadores y herramientas para la tipografía CSS : CSS Type Set Typetester – Compare fonts for the screen CSSTXT – Create a style to your text Css – Text Generator – Insert your style Generadores y herramientas para formularios CSS : Quick Form Builder Form Style Web 2.0 Generator

See the rest here:
50 herramientas y generadores útiles para CSS