triunfoweb.com
Ideas para triunfar en la Red!
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
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
Los 63 mejores blogs de referencia para diseñadores
Es difícil crear algo excepcional cuando se está trabajando en algo por poco tiempo, normalmente uno no puede destacar si no tiene buenas ideas, y eso se convierte en una situación estresante, es mejor entonces tomarse un descanso y buscar la inspiración a toda costa. Aquí en el artículo que nos han preparado los de 1stwebdesigner , que una vez más me han sorprendido, tiene el título 63 Popular And Promising Web Design Blogs , nos proporcionan una lista a diferentes sitios web que son referencia para los demás, con una gran cantidad de artículos publicados, que con toda seguridad pueden despertar tu cerebro del letargo temporal . No se trata de los clásico resúmenes que nos tienen acostumbrados, más bien encontrarás los mejores de los mejores que realmente merecen ser agregados a nuestro lector de RSS. Son sitios que han demostrado su valor a lo largo de la línea del tiempo, como fuentes insustituibles de inspiración diaria, con buenos tutoriales, consejos y recursos que son excelentes para cualquier diseñador. Los sitios web que están en una lista se encuentran ordenados aleatoriamente, te puedes desplazar a través de dicho artículo y darle un vistazo a las diferentes páginas recomendadas, seguro que encuentras alguna que desconoces, cada una de las páginas tienen una breve descripción y por supuesto su enlace. Por mi parte aquí solamente dejo los enlaces a cada una de ellas: 1. Techime/webdesign 2. Noupe 3. Six revisions 4. Smashing Magazine 5. Design reviver 6. Abduzeedo 7. Webdesigner depot 8. Web Designer Wall 9. Speckyboy 10. NetTuts 11. Design Mag 12. CSS Tricks 13. Web resources depot 14. Spoon Graphics 15. We function 16. Just creative design 17. You the designer 18. Gomediazine 19. David Airey 20. Design you trust 21. Veerle’s blog 22. Bittbox 23. A list apart 24. The Design Inspiration 25. Stylized web 26. Inspired Mag 27. Vandelay Design Blog 28. Creative Nerds 29. Inspiredology 30. Dzine blog 31. Instant Shift 32. ColorBurned 33. Tutorial9 34. SmashingApps 35. Web Design Ledger 36. Webitect 37. Sharebrain 38. Cats Who Code 39. DezinerFolio 40. Spoonfed Design 41. UsabilityPost 42. WP Recipes 43. 10Steps 44. ProBlogDesign 45. Dzinepress 46. Typesett magazine 47. My ink blog 48. D-lists 49. Spyrestudios 50. Designer daily 51. 2experts design 52. Reencoded 53. Colour lovers 54. Naldz Graphics 55. Line 25 56. WebDesignBooth 57. DesiznTech 58. Janko At Warp Speed 59. Think Design 60. DesignShard 61. Webdesigndev 62. Kikolani 63. Exxcorpio Blog Aunque la lista son de páginas en el idioma inglés, también tenemos listas parecidas en algunos artículos, pero para el idioma que más controlamos, el castellano, como por ejemplo los mejores 30 sitios de diseño gráfico en castellano , o este otro con una lista de los 100 mejores blogs de diseño en castellano , y para finalizar otro con los RSS Feeds de Diseño en Español , todos ellos de gran utilidad para estar al día en lo referente al diseño en general.
See the original post here:
Los 63 mejores blogs de referencia para diseñadores