triunfoweb.com

Entradas con la etiqueta ‘Portada’

De la mano de DryIcons , nos dejan una curiosa colección de iconos, que denominan “ Colorful Stickers ” (”Etiquetas de colores”), un nuevo conjunto de iconos gratuitos que van sacando poco a poco, a lo “cuenta gotas”. Es uno de los conjuntos  más populares DryIcons. Están inspirados en las típicas pegatinas adhesivas que vemos y utilizamos en nuestra vida cotidiana, por lo que son unos iconos con un diseño novedoso y divertido, con colores brillantes.
Leer el resto de esta entrada »

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.

Leer el resto de esta entrada »

De un tiempo a esta parte, ha surgido una nueva tendencia en el diseño que podemos llamar “ a mano alzada ” o “ dibujados a mano ” que se ha convertido en una opción creativas muy popular, en esto solo tenemos que ser observadores para darnos cuenta de la cantidad de vemos a diario, incluso los muchos recursos que encontramos. Lo podemos encontrar en todas partes: en pinceles para Photoshop, en tipografía, diseño de páginas web y blogs, en ilustraciones, y por supuesto en iconos. En todas partes se puede ver creaciones con estilo realizado a mano, un tipo de diseño muy creativo e inusual, que logra una concepción natural y creativa. Una opción muy adecuada para reflejar un toque personal en cualquier diseño o creación. Dentro de dicho estilo, no siempre significa necesariamente esbozado o dibujado a mano, aunque de hecho, esta tendencia es la más natural, ya que muchos diseñadores comienzan con un boceto el papel de lo que será su proyecto, para sólo entonces comenzar a diseñar el sitio de manera real. En el artículo 20 Beautiful Free Hand Drawn Icon Sets , de WebDesignFan , comparte con sus lectores una lista de 20 juegos de iconos con estilo de dibujo a mano, que son muy bonitos, y han sido creados por varios diseñadores de todo el mundo. La mayoría de ellos cuenta con los iconos de los medios de comunicación social. Si pulsamos en la vista previa de cada uno de ellos vamos directamente a la página del diseñador.

20 bonitos juegos de iconos con estilo dibujado a mano

Un framework , según la Wikipedia es una estructura de soporte definida, mediante la cual otro proyecto puede ser organizado y desarrollado . Puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros software para ayudar a desarrollar y unir los diferentes componentes de un proyecto. Provee una estructura y una metodología de trabajo la cual extiende o utiliza para diferentes aplicaciones. Por lo tanto un framework de CSS, son instrumentos para el desarrollo de diseño, una biblioteca que está preparado de antemano lo que hace que la creación de normas de estilo para la codificación CSS de una página sea más fácil de realizar. La programación mucho más rápida y las colecciones de secuencias de comandos que podemos usar agilizan  el trabajo. Por lo tanto la estructura de CSS que cortará la mayor parte de nuestro tiempo de desarrollo sera tomar decisiones de compatibilidad con los navegador compatible y alguna cosa más. El artículo 11 Best CSS Frameworks , de GraphicAlerts , aparte de comentar las ventajas y los inconvenientes de usar estas herramientas, nos dejan una lista de los mejores framework para la edición de los códigos CSS de las hojas de estilo en cascada, nos deja la siguiente lista con sus enlaces: Blueprin [ Official website | Using Blueprint CSS Framework tutorial ] Yui Grids [ Official website |  Using YUI CSS Framework tutorial ] Yaml [ Official website |  Using Yaml CSS Framework tutorial ] Elastic CSS [ Official website |  Using Elasticss framework to create 2 column based layout tutorial ] 960 Grid system [ Official website |  Using 960 grid system framework tutorial ] Emastic [ Project website |  Using emastic css framework tutorial ] Snowdust [ Official website |  Project website ] Scaffold [ Project website |  Using scaffold css framework tutorial ] Compass [ Official website |  Using Compass css framework tutorial ] Tripoli [ Official website ] Elements CSS framework [ Official website ]

11 mejores frameworks para CSS

Según comentan en La Vanguardia , la triada formada por Firefox , Safari y Chrome recortan poco a poco distancia a Explorer. La verdad es que el mercado de los navegadores web sigue evolucionando. Internet Explorer (IE) pierde usuarios mientras que sus inmediatos perseguidores, recortan distancias al navegador de Microsoft. Ésta es una de las principales conclusiones del estudio de uso de navegadores entre los meses de septiembre y octubre elaborado por la firma de servicios web Net Applications . Lo más curioso es que las subidas registradas por la triada es que han ‘robado’ usuarios a Internet Explorer (ha caído más de un 1% en un mes), pero no han entrado en una ‘lucha de guerrillas’ por ganar el segundo puesto. Todas las compañías han subido en cuota de merado e IE ha sido la única que ha perdido parte del pastel, a pesar de que sigue manteniendo su liderato a mucha distancia del resto. La lista queda de este modo: Internet Explorer que ocupa el primer ligar, pero ha visto como el porcentaje de gente que lo usa cae del 65,7% al 64,6%. Firefox continúa en segundo lugar , también con una holgada ventaja sobre el tercer clasificado, gracias a la subida del 23,75% al 24,11% que ha experimentado en estos 30 días. El tercer lugar, luchando con el cuarto (donde más cambios se pueden producir en los próximos meses) está Safari ha subido un par de décimas, del 4,24% al 4,43. En el cuarto puesto es Chrome , que con catorce meses que lleva en la red tiene la nada despreciable 3,17% que ha conseguido aumentar hasta el 3,59% en los últimos 30 días. Otro dato a destacar es el uso que se hace de las diferentes versiones de Internet Explorer. IE 6, que vio la luz en 2001 bajo el ala protectora de Windows XP, sigue siendo la versión más usada del navegador de Microsoft con un porcentaje del 23,3% de los usuarios que prefieren este navegador. Mientras IE 8, la última versión del ‘web-browser’, tan solo alcanza el 18,1%. En cuanto a Chrome, tiene una política totalmente distinta en cuanto a actualizaciones. Por defecto, no deja opción al usuario, el navegador se pone al día automáticamente en cuanto detecta una nueva versión en los servidores de Google. Esto hace que se mantenga actualizado sin que el usuario apenas lo advierta y de esta forma no se ‘estanquen’ versiones antiguas y menos depuradas. En los próximos meses habrá que seguir de cerca esta carrera y ver que ocurre con estos datos cuando Chrome sea compatible con Mac y Linux, algo en lo que Google está trabajando en estos momentos aunque todavía sin fecha concreta de lanzamiento.

Datos curiosos (47): La carrera de los navegadores

Según comentan en La Vanguardia , la triada formada por Firefox , Safari y Chrome recortan poco a poco distancia a Explorer. La verdad es que el mercado de los navegadores web sigue evolucionando. Internet Explorer (IE) pierde usuarios mientras que sus inmediatos perseguidores, recortan distancias al navegador de Microsoft. Ésta es una de las principales conclusiones del estudio de uso de navegadores entre los meses de septiembre y octubre elaborado por la firma de servicios web Net Applications . Lo más curioso es que las subidas registradas por la triada es que han ‘robado’ usuarios a Internet Explorer (ha caído más de un 1% en un mes), pero no han entrado en una ‘lucha de guerrillas’ por ganar el segundo puesto. Todas las compañías han subido en cuota de merado e IE ha sido la única que ha perdido parte del pastel, a pesar de que sigue manteniendo su liderato a mucha distancia del resto. La lista queda de este modo: Internet Explorer que ocupa el primer ligar, pero ha visto como el porcentaje de gente que lo usa cae del 65,7% al 64,6%. Firefox continúa en segundo lugar , también con una holgada ventaja sobre el tercer clasificado, gracias a la subida del 23,75% al 24,11% que ha experimentado en estos 30 días. El tercer lugar, luchando con el cuarto (donde más cambios se pueden producir en los próximos meses) está Safari ha subido un par de décimas, del 4,24% al 4,43. En el cuarto puesto es Chrome , que con catorce meses que lleva en la red tiene la nada despreciable 3,17% que ha conseguido aumentar hasta el 3,59% en los últimos 30 días. Otro dato a destacar es el uso que se hace de las diferentes versiones de Internet Explorer. IE 6, que vio la luz en 2001 bajo el ala protectora de Windows XP, sigue siendo la versión más usada del navegador de Microsoft con un porcentaje del 23,3% de los usuarios que prefieren este navegador. Mientras IE 8, la última versión del ‘web-browser’, tan solo alcanza el 18,1%. En cuanto a Chrome, tiene una política totalmente distinta en cuanto a actualizaciones. Por defecto, no deja opción al usuario, el navegador se pone al día automáticamente en cuanto detecta una nueva versión en los servidores de Google. Esto hace que se mantenga actualizado sin que el usuario apenas lo advierta y de esta forma no se ‘estanquen’ versiones antiguas y menos depuradas. En los próximos meses habrá que seguir de cerca esta carrera y ver que ocurre con estos datos cuando Chrome sea compatible con Mac y Linux, algo en lo que Google está trabajando en estos momentos aunque todavía sin fecha concreta de lanzamiento.

Datos curiosos (47): La carrera de los navegadores

Tal vez te entre unas ganas locas de cambiar tu fondo de escritorio por otro más nuevo, o menos visto, esto es algo mormal y tenemos gran cantidad de recopilaciones de todo tipo. Pero si eres de los que son aficionados a la tipografía y amas esta especialidad, quizás te guste poner algunos fondos relacionados con la tipografía , que ya he comentado en varias ocasiones, y he publicado algunos artículos sobre los fondos de pantalla o escritorio con motivos tipográficos. Tal vez la  tipografía es uno de los elementos más fascinantes del diseño gráfico. Hay muchas maneras de darle vida a la tipografía utilizando tipos de letras de fantasía, presentándolo en 3D, girando las letras, experimentando con colores y muchos trucos más. En el artículo 43 New Typography Wallpapers For Type Fanatics , de LittleBoxOfIdeas , que he localizado ahora mismo, nos dejan una colección de hermosos fondos de escritorio con motivos tipográficos que te recomiendo que les des un vistazo, por si te gusta algunos de ellos y los pones en el escritorio de tu equipo. Algunas composiciones son increíblemente tediosas, por lo que parecen, a parte de fantásticas, son difíciles de hacer. Me gusta alguna algunas de ellas. ¿Cuál es tu favorita?

43 fondos de pantalla para los fanáticos de la tipografía

Una acción para Photoshop , según he comentado en más de una ocasión, se entiende como una serie de tareas que se reproduce en un único archivo o un lote de archivos . Con las acciones puedes hacer casi cualquier cambio a una imagen (cambiar el tamaño de la imagen, añadir nuevas capas, filtros, guardar archivos en un formato específico, etc.). Algunas acciones pueden incluir paradas para permitir a los usuarios introducir algunas opciones. Esto podría permitir a los usuarios a realizar tareas que no se puede grabar o que es parte del diseño de la acción ajustando un parámetro de un determinado filtro. Las acciones se almacenan en archivos ATN, y se pueden cargada en la paleta flotante de Acciones . Por lo tanto las acciones para Photoshop hacen que nuestra vida sea mucho más sencilla, pues podemos hacer los cambios normales que se hacen a una imagen o un archivo, de una manera  automatizada, sin necesidad de pasar por cada uno de los pasos una y otra vez. Resumiendo, las acciones de Photoshop son perfectas para los novatos en Photoshop, pues nos permite aplicar múltiples efectos diferentes de fotos a una imagen en pocos segundos sin tener conocimientos sobre los entresijos de Photoshop. Esta mañana he encontrado el artículo 70 Of The Best Photoshop Actions For Enhancing Photos , de CreativeNerds , una recopilación de que consta de 70 de las mejores acciones de Photoshop recogidas por toda la Red , un recurso de diseño esencial para todos los diseñadores, sean expertos o un principiantes.

70 acciones de Photoshop que mejoran tus fotos

Las hojas de ayuda ( cheat sheet ), también conocidos como “chuletas”, son los típicos documentos visuales muy completos que son una referencia o ayuda para diferentes aplicaciones . Son una buena solución para ahorrar tiempo, dinero y errores, mediante tener a mano las prácticas hojas de ayuda. Muchos de nosotros normalmente las que más necesitamos las tenemos a mano o colgadas en alguna parte, para cuando nos hacen falta. Así que esas hojas de ayuda, trucos , o de referencia rápida son increíblemente útiles. Se pueden usar como referencia rápida, fácil aprendizaje, y tienen muchas más aplicaciones. Las que quiero mencionar se encuentran en el artículo WordPress Visual Cheat Sheet , de Woorkup , un documento en formato PDF que contiene una guía práctica de referencia a WordPress 2.8 . Esta hoja de trucos esta formada por 5 diferentes páginas, que son una guía de referencia completa para WP, con los códigos de plantilla, descripciones detalladas y código de muestra. El estilo visual sencillo que se utiliza para el diseño de estos tipos de hoja nos permite encontrar en un vistazo todo lo que estás buscando. Son muy útiles para aquellos de nosotros que no tienen buena memoria y nunca nos acordamos de donde encontrar ciertos detalles, lo malo es si no nos acordamos donde guardamos las mencionadas hojas. Este es el enlace a su descarga Download WordPress Visual Cheat Sheet .

Hojas de ayuda para WordPress 2.8

Para los diseñadores y desarrolladores web, en su gran mayoría usan el navegador Firefox, porque es un gran navegador, aunque esa probablemente no sea la principal razón de su uso. El mayor beneficio son los addons disponibles por la comunidad que mejoran y ampliar el rendimiento y las capacidades de dicho navegador. Para los desarrolladores web supone una gran cantidad de tiempo ahorrado, y la información recopilada por estos plugins de Firefox hace que sea para los programadores su mejor amigo. En el artículo 22 Firefox Extensions (Addons) for Web Development , de TutZone , nos deja caer algunas de sus extensiones favoritas  de Firefox para hacernos la vida mucho más fácil. Esta es la lista que nos presenta: Web Developer Toolbar . Agrega un menú y una barra de herramientas con diferentes herramientas de desarrollo web. Firebug . Una gran cantidad de herramientas de desarrollo a su alcance mientras usted navega. Puede editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Page Speed . Para webmasters y desarrolladores Web pueden usar esta herramienta para evaluar el desempeño de una página web y para obtener sugerencias sobre cómo mejoraras. FirePHP . Nos permite acceder a la consola de Firebug mediante una llamada PHP. Debes tener instalado Firebug y el “Net” panel habilitado para usar esta extensión. También debe descargar una biblioteca de PHP desde esta página . YSlow . Analiza las páginas web para ver por qué lentas basadas en las normas de Yahoo! Pixel Perfect . Es una extensión Firebug que permite a los desarrolladores y diseñadores web fácilmente la superposición de una composición sobre la parte superior de la web el código HTML desarrollados. Aardvark . Potente y fácil de selector de utilidad amigable para seleccionar los elementos y realizar diversas acciones sobre ellos. Puede ser utilizado para limpiar una página antes de imprimirla (quitando y aislamiento de los elementos), y para el desarrollo web. Total Validator . Realizar las validaciones múltiples y toma capturas de pantalla de una sola vez. Con diferentes herramientas de validación. IE NetRenderer . Añadir botones, menús y herramientas de las entradas del menú contextual para una captura de pantalla de la página actual con IE NetRenderer. Colorzilla . Para conseguir una lectura del color de cualquier punto en tu navegador, ajustar rápidamente este color y pegarlo en cualquier programa. Puede ampliar la página que estás viendo y medir distancias entre dos puntos cualesquiera de la página. Screengrab . Capturar lo que se puede ver en la ventana, la página entera, apenas una selección, un marco en particular …, básicamente, guarda páginas web como imágenes, ya sea a un archivo o al portapapeles. FireFTP . Cliente FTP para Mozilla Firefox que proporciona un acceso fácil e intuitivo a servidores FTP. Codetech . Es como tener el Dreamweaver en una extensión de Firefox. Edita tus documentos junto a tus páginas web de manera sencilla. Tab Mix Plus . Aumenta las capacidades de navegación de Firefox. Incluye un montón de características para las pestañas y ventanas. Greasemonkey . Nos permite personalizar la forma en que muestra la página web utilizando pequeños fragmentos de JavaScript y muchas más cosas. InspectorWidget . Agrega el botón de barra de herramientas y menús de contexto para invocar el DOM Inspector (Domi). GridFox . Dibuja una cuadrícula en la parte superior de una página web. Esto es útil para el control de las diferentes partes del diseño.   Font Finder . Para obtener todos los estilos CSS de cualquier texto seleccionado en Firefox. Una vez seleccionado, pulsamos el botón derecho y selecciona ‘Font Finder, y puedes ver el estilo CSS del elemento seleccionado. JavaScript Debugger . Proporcionar un entorno de depuración de JavaScript poderosa para los navegadores basados en Mozilla. Live HTTP Headers . Para ver los encabezados HTTP de una página y durante la navegación. Yellowpipe Lynx Viewer Tool . Muestra una vista previa de una página web mrdisnte el botón derecho del ratón o el menú de herramientas. Con un solo clic y sin salir de la página nos abre una pequeña nueva ventana. Xmarks Bookmark Synchronizer (formerly Foxmarks) . Es en ideal para el bookmarking. Instalados en todos tus equipos, puedes mantener tus marcadores y (opcionalmente) una copia de seguridad con contraseña sincronizados. También te ayuda a descubrir lo mejor de Internet en función de lo que millones de personas tienen en sus marcadores.

22 extensiones de Firefox para el desarrollo Web