Hay 6 articulo(s) nuevo(s) en portada, haz click aquí para leer.

Frogx Three

Diseño Web

Artículos sobre diseño web, tips para SEO, galerias de diseño web para inspirarnos, optimización de paginas web, recursos web gratis, etc.

Animator, aplicación para crear animaciones HTML5

animator

Animator es la aplicación perfecta para diseñadores que no saben programar y desean crear animaciones web con HTML5 sin necesidad saber programar, la aplicación es gratuito para crear tus primeros 20 proyectos de forma publica, existen otros dos paquetes con costo que permiten crear proyectos de animaciones web privados. La interface de la aplicación es bastante sencilla e intuitiva, especialmente si llegaste a utilizar Adobe Flash o algún editor de video, la aplicación se basa en los principios básicos de la animación, en cuanto a uso de frames, velocidad y posición dentro del area de trabajo, el servicio te permite descargar el código HTML5 de tu animación o también exportar tu animación en formato GIF.   Enlace hacia la pagina oficial de Animator...

Seguir leyendo 48

APP para crear plantillas de correo electrónico

stamplia builder 2

Stamplia Builder ofrece una fantástica APP en linea para crear plantillas de correo electrónico gratis, la aplicación es completamente en linea y gratuita, te permite descargar el código HTML de tu plantilla para integrarla en tus correos o incluso te permite enviarla directamente a servicios de mailing como Mailchimp, Campaing Monitor, Sendgrid, etc. de forma automática. Ofrece un editor bastante sencillo para crear plantillas de correo modificando posiciones, colores y agregando imágenes, generando código HTML valido para correos electrónicos y lo mejor es que permite crear diseños para correos electrónicos completamente responsivos. Enlace hacia Stamplia builder ...

Seguir leyendo 32

Eye Candy, Kit para diseño de interfaces UI

eye candy ui kit

Eye Candy UI Kit es un paquete de recursos para diseñadores web creado por la gente de AlienValley y que incluye un kit para diseño de interfaces web, que incluye elementos para crear iconos de acción, widgets, botones, menús de navegación, redes sociales, cabecera para perfil de usuario y también un reproductor de audio que puede ser adaptado a video, este paquete incluye los archivos PSD necesarios para modificar y personalizar el diseño de tu interface web en Photoshop. Enlace para descargar Eye Candy UI Kit...

Seguir leyendo 21

30 Iconos de comida gratis para Photoshop

Iconos de comida

Les dejo un paquete de iconos de comida para utilizar en Photoshop perfectos para diseños de paginas web relacionadas con cocina, el paquete incluye un total de 30 iconos inspirados en alimentos y artículos de cocina, como platos, servilletas, hornos de microondas, saleros, etc. los iconos fueron creados y compartidos para ser descargados libremente por el diseñador de nombre Zhinuo en su cuenta de Dribbble. Espero que sean de utilidad para ustedes, si están en busca de mas iconos gratis les invito a navegar nuestra sección de iconos donde encontrar una gran cantidad de recursos para diseñadores en diferentes formatos sea para Photoshop, Illustrator, Sketch o incluso WebFonts, todos gratis. Enlace para descargar este paquete de iconos en Dribbble...

Seguir leyendo 24

16 Diseños de paginas web creativos

Newsweek

Les dejo una galería especial para diseñadores web o diseñadores de interface de usuario que anden un poco cortos de creatividad, algo que suele pasar en momentos de mucho estres en donde nos bloqueados y las ideas no mas no fluye por nuestra mente, esta galería incluye un total de 16 excelentes diseños de paginas web creativos y muy buenos para inspirarnos, prácticamente todos se quedaron en conceptos, pero vale la pena mirar las imágenes para sacar algunas ideas de como podemos crear la estructura de contenidos de nuestros diseños web, o como presentar productos o artículos, así como también el estilo de los elementos y botones de acción. Otros puntos a considerar en estos diseños quizás son los elementos emergentes y como optimizar el uso de multiples colores dentro de un diseño jugando con contraste, tamaños de los elementos y también muy importante el espaciado entre elementos de acción,......

Seguir leyendo 44

Encuesta 2014 de la Asociación de Desarrolladores Web de España

adwe

La Asociación de Desarrolladores Web de España, ADWE, ha elaborado una encuesta para valorar la situación actual del sector profesional en nuestro país, con la colaboración de la Universidad Internacional de La Rioja, UNIR. El cuestionario estará disponible a partir del 19 de mayo y se podrá acceder hasta el 31 de agosto de 2014. Desde Adwe, se quiere informar que el cuestionario será anónimo y se alienta a que cualquier profesional del sector participe. Ya que su objetivo es reunir la mayor cantidad de datos relevantes para conseguir un análisis que se ajuste lo máximo posible a la realidad. Se trata de un breve cuestionario que consta de cuatro partes. En el primer apartado se abordarán preguntas personales de carácter general, en el segundo las aptitudes, la tercera parte está enfocada en los aspectos económicos y en la cuarta importará la opinión del profesional sobre el futuro de este sector. El formulario está dirigido a todas las personas......

Seguir leyendo 33

SpinKit, serie de indicadores animados con CSS

spinkit

En el 2000 se empezó a hacer muy popular entre los diseñadores web el uso de acciones AJAX que permitían ejecutar acciones sin tener que recargar la pagina, esto trajo nuevas necesidades en cuanto a diseño web y diseño de interfaces, una de ellas fue la necesidad de mostrar indicadores de carga animados que indiquen que una acción se esta realizando y que hay que esperar, la primera opción fue utilizar imágenes GIF animadas pero ahora con la introducción de las transiciones que permiten crear animaciones sencillas con CSS, estos indicadores se pueden realizar de forma más sencilla utilizando puro código CSS. SpinKit es un sitio el cual nos proporciona una serie de atractivos indicadores de carga animados con CSS de forma gratuita los cuales podemos descargar copiando el código para incluir en nuestros diseños de paginas web. Enlace hacia la pagina oficial de SpinKit...

Seguir leyendo 23

Nuevo diseño web de Frogx Three y aplicación para iOS

Facebook

Frogx Three tiene ya casi una década de vida en la cual he intentado compartir los mejores recursos para diseñadores y dar a conocer los trabajos de diseñadores de todo el mundo, no ha sido una tarea sencilla pero si ha sido muy gratificante, ya que me ha permitido crecer como profesional, conocer gente increíble, llenarme de inspiración día con día y principalmente me ha permitido compartir los conocimientos que he adquirido durante todo este tiempo. El nuevo diseño web de Frogx Three busca enfocarse en presentar los contenidos de forma más clara y ordenada conservando las mejores características de nuestro diseño anterior, mejorando otras y agregando nuevas características que les permitan navegar mejor esta revista de diseño gráfico, también siguiente el dicho “el diseño esta en los detalles” se han agregado pequeños detalles que permiten una mejor experiencia en la pagina en cuanto a usabilidad y también para dar a......

Seguir leyendo 21

Inspiración: 10 Diseños de interfaces web

inspiracion diseños web 4

Si eres diseñador web y sientes que las ideas en tu cabeza andan escasas quizás esta galería de diseño de interfaces web te pueda servir son un total de 10 diseños web creativos y modernos que nos pueden servir de inspiración antes de iniciar un nuevo proyecto web, son diseños de paginas y algunos otros son conceptos enfocados a resolver diferentes puntos que se pueden mejorar en populares servicios web, ya sea en aplicaciones de correo electrónico o paginas con enormes cantidades de información. Diseños de interfaces web...

Seguir leyendo 19

17 Conceptos básicos que debes conocer sobre SEO (Search Engine Optimize)

conceptos-basica-de-seo

Les comparto una lista con 17 conceptos básicos que deberías conocer sobre SEO y que te ayudaran a entender muchas de las infografías o artículos que hablan sobre tips para mejorar tu posicionamiento en buscadores. Conceptos básicos que debes conocer sobre SEO ¿Que es SEO?  SEO por sus siglas en Ingles significa “Search Engine Optimize”, lo que hace referencia al tema de posicionamiento en buscadores web, este simple término abreviado engloba una gran cantidad de temas que te permitirán posicionar la pagina web de tu negocio en los primeros lugares de resultados en los principales buscadores tales como Google o Bing de Microsoft. Tráfico orgánico o visitas orgánicas Hace referencia a las visitas que proceden desde buscadores, es decir que encontraron tu pagina o algún contenido de la misma al realizar una búsqueda desde algún buscador e hicieron click en el enlace que los envió hacia tu pagina. Tráfico directo......

Seguir leyendo 63

Atractivo diseño de formulario web full screen

formulario full screen

Navegando por los recursos que comparten en Codrops me encontré este excelente diseño de formulario web full screen, es un diseño que refleja muchas cosas muy buenas como elegancia, usabilidad, sencillez y todo combinado en un diseño moderno y fácil de navegar, considero el diseño puede ser perfecto para pequeñas encuestas por su sencillez en todos los aspectos desde el diseño de los campos del formulario hasta toda la interface que refiere a un sitio responsivo y aplicable a cualquier dispositivo. Les comparto los respectivos enlaces donde podrán descargar los scripts JavaScript y CSS, así como ver el tutorial para crear formularios web con este estilo en tu pagina web, así como también la pagina demo donde podrán probar esta interface web para formularios. Enlaces: Descargar Scripts & Tutorial | Demo...

Seguir leyendo 33

Tutorial para crear notificaciones animadas con CSS3

notificaciones css

Fantástico tutorial y códigos CSS3 para crear increíbles diseños de notificaciones con animación para tus diseños de paginas web, en el ejemplo que enlazamos al final verán 12 ejemplos de notificaciones web animadas con muy buen diseño y fáciles de aplicar en tu pagina, algunas utilizan librerías JavaScript para las animaciones y las acciones pero en general se trata de código CSS para generar las animaciones utilizando transiciones y los keyframes, características incluidas en CSS3 y que ya son soportadas por la gran mayoría de los navegadores web modernos. En el segundo enlace encontrarán el enlace para descargar la guiá de instalación y un paquete con los códigos CSS3 y scripts JavaScript para utilizar todos estos diseños de notificaciones animadas para mejorar el diseño de interface de tus paginas web. Enlaces: Demo | Descargar códigos y tutorial...

Seguir leyendo 21

Wireframe.CC una herramienta para crear bocetos de apps en linea

wireframecc

Wireframe CC es una herramienta en linea que te permite trabajar en equipo y compartir bocetos de apps para móviles, tabletas y también diseños web de una forma sencilla y cómoda, agregando incluso acciones de clicks que permitan demostrar el funcionamiento de los diferentes elementos que formen parte del diseños de interface de tu aplicación o diseño web. El servicio es “gratuito” para utilizarlo en linea, sin embargo si deseas descargar tus diseños en formato PDF o PNG puedes optar entre los tres paquetes premium que ofrecen que van de $12 dólares mensuales en el plan individual, $39 dólares el plan para tres usuarios y $99 dólares en el plan ilimitado, variando la cantidad de usuarios, proyectos y revisiones permitidas, todas estas características son aplicables en el servicio en linea bajo tu misma cuenta y con un solo proyecto básicamente desechable, pero si eres un diseñador de aplicaciones recurrente seguro......

Seguir leyendo 30

UI Kit PSD para diseño web gratis por Sergey Azovskiy

summer_ui_kit_free

Les dejo este excelente recurso creado y compartido por el diseñador Sergey Azovskiy quien es originario de Rusia, este archivo PSD incluye un excelente y bonito UI Kit para diseño web que nos será de mucha utilidad para crear el diseño de interface de nuestras paginas web, teniendo todos los elementos prediseñados, los elementos del UI Kit se encuentran separados por capas para poder aprovecharlos correcatamente. Enlace para descargar es UI Kit por Sergey Azovskiy...

Seguir leyendo 29

Modifica el diseño de los Selects usando CSS

selects personalizados

Los diseños de paginas web cada vez son mas personalizados, el uso de imágenes de gran tamaño, efectos visuales y de animación que ahora permite CSS3 sin necesidad de scripts extras, el uso de funciones asincronicas, ajax, canvas, webfonts, en fin una gran cantidad de cosas que hace 5 años nadie utilizaba y ahora son algo muy común en los diseños web. Pero uno de los diseños que ha tardado mas en cambiar es el diseño de los elementos del formulario, son muy pocos los diseñadores web que se atreven a utilizar diseños personalizados para los Selects, Checkbox y Radio Buttons en particular pues los navegadores no ofrecen opciones de personalización en su soporte, sin embargo con el uso de CSS y JavaScript todo es posible. El siguiente enlace incluye un breve manual y un paquete con scripts CSS y JavaScript que te permitirán personalizar los elementos Selects de tu......

Seguir leyendo 35

Fontprep un generador de Webfonts gratis para Mac

fontprep

Fontprep es una interesante y muy útil aplicación que funciona como un generador de WebFonts gratis para Mac, esta aplicación puede ser muy útil para diseñadores web ya que te permite convertir fuentes tipo TTF u OTF a formatos compatibles con web (WOFF, EOT, y SVG) todo esto gratis, Fontprep es una aplicación Open source, obviamente esta aplicación respeta las reglas y por ello no puedes convertir cualquier fuente si esta ya fue incluida a la lista de fuentes protegidas. La aplicación genera los archivos CSS utilizando los estandares @font-face para que estas sean utilizadas en tus diseños web rápidamente, esta poderosa aplicación para diseñadores web fue desarrollada por los hermanos Brian & Matthew Gonzalez, un par de diseñadores web en busca de solventar sus necesidades para crear sus diseños aprovechan la escalabilidad que los elementos vectoriales y el uso de canvas ofrecen, permitiendo crear diseños web cada vez mejores. Enlace para descargar......

Seguir leyendo 29

Anatomía del peor cliente de un diseñador web

anatomia de un cliente

Creo todos sin importar nuestra especialidad nos hemos topado con ese cliente odioso, que no soportamos y que nos hace la vida imposible, aquel que no deja de pedir cambios y por su puesto quiere todo rápido, de calidad y económico, ese tipo de clientes son la pesadilla de muchos. Bueno esta infografía trata precisamente ese tema, muestra una anatomía del peor cliente de un diseñador web. La infografía te muestra una serie de características básicas para identificar a este tipo de clientes, su comportamientos y sus actitudes así como también una serie de recomendaciones para evitarlos o al menos protegernos frente a ellos, cierto que la infografía se refiere a diseñadores web pero creo es perfectamente aplicable a otras especialidades creativas, con algo mas o menos pero aplicable. Infografía: Anatomía del peor cliente de un diseñador web...

Seguir leyendo 22

9 Características que debe tener un sitio web para moviles

diseño web para moviles

Los diseñadores web saben que nuestra especialidad dicta algún muy rudo y es que el diseñador web que no se actualiza fracasa, actualmente ya no se trata de hacer diseño web bonitos, ahora se trata de hacer diseños de paginas web funcionales, en los 90′s solo importaba que tu pagina se vea bien en Internet Explorer, en 2004 Firefox marco una revolución ahora teníamos que realizar paginas web que se pueda visualizar y navegar de forma adecuada en diferentes navegadores. En 2007 con el lanzamiento del iPhone todo volvió a cambiar, poco a poco la evolución de las paginas web fue mayor, al punto que ahora tenemos que diseñar paginas web que sean compatibles con al menos 4 navegadores web y navegadores móviles (Internet Explorer, Firefox, Safari, y Google Chrome) y también compatibles con diferentes resoluciones de pantallas entre monitores, smartphones y tabletas. Bien siguiendo esta tendencia la gente de ActiveMobi ha lanzando......

Seguir leyendo 55

5 Plantillas PSD gratis para Landing Pages

umbrella-app-landing-page-psd-template

Les comparto una selección de plantillas PSD para Landing Pages, perfectas para realizar sitios rápidos para productos nuevos, juegos, aplicaciones para tabletas o móviles, o simplemente para crear diseños de paginas promocionales que incluyan botones de acción y formularios de contacto. Plantillas PSD para Landing Pages...

Seguir leyendo 28

Recursos para diseñadores web por Robert Mening

recursos-diseño-web-shutterstock

Si eres diseñador o desarrollador web seguro conoces la importancia que tienen los recursos, principalmente el hecho que nos permiten realizar nuestro trabajo de manera mas rápida y sencilla, muchos son gratuitos, otros tienen un costo pero siempre nos son de gran utilidad, también es cierto que son infinidad la cantidad de paginas que ofrecen y recopilan recursos para diseño web, bueno pero no son tantas las listas de recursos compartidas por diseñadores y desarrolladores web que les permiten realizar mejor sus trabajos. Este es el caso del sitio de Robert Mening un diseñador web originario de Suecia quien ha montado un sitio en el cual lista una interesante lista con recursos para diseño web, desde IDE’s para desarrollo, listas de paginas que ofrecen recursos especializados, foros de diseño y otros recursos que nos permitirán realizar mejor nuestro trabajo. En el sitio también encontraran un excelente tutorial para crear una......

Seguir leyendo 71

Pagina 1 de 17123...6...Antiguas »