Hay 3 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.

Plugin para hacer tus formularios web más esteticos

formplate

Formplate es un plugin para hacer que los formularios de tu pagina web se vean más estéticos y con un diseño fuera del común y feo diseño que se muestra por default como parte del UI de cada navegador, este plugin es una combinación entre JavaScript y CSS3 que genera código HTML5 valido para cambiar el estilo de tus formularios y el diseño sea el mismo sea en navegadores web de computadoras de escritorio, móviles o tabletas, sin importar el navegador, la versión o el sistema operativo. El plugin es gratuito, utiliza un par de dependencias las cuales son Modernizr y jQuery para funcionar de forma adecuada e integrarse correctamente con cualquier navegador web, en su pagina web la cual enlazamos más abajo se muestra un ejemplo de como incluir este plugin en tu pagina web. Enlace para descargar Formplate...

Seguir leyendo 27

App JavaScript para crear lineas de tiempo con HTML5 y CSS3

timesheet js

Time Sheet JS es una interesante App JavaScript que te facilita crear lineas de tiempo aprovechando la flexibilidad de HTML5 y CSS3, es un script muy fácil de utilizar e integrar en tu pagina web, basta con incluir el script y definir un arreglo en formato JSON con los datos que deseas se desplieguen como parte de la linea de tiempo, definiendo para cada dato una fecha inicial y una fecha inicial así como la información referente a dicho evento. La forma en la que nos permite crear las lineas de tiempo nos permite crear el arreglo de datos y eventos de manera muy sencilla integrando los datos desde una base de datos usando AJAX por ejemplo, no hay mucha documentación sobre la herramienta, solo una pequeña guía que explica como crear tu primera linea de tiempo con Time Sheet, les dejo el ejemplo. Por cierto resaltar que esta librería no......

Seguir leyendo 24

Plugin jQuery para crear diseños web inspirados en Windows 8

grid windows 8 metro

Gridster es un excelente y muy útil plugin jQuery perfecto para diseñadores web que busquen crear diseños de paginas web modernos y fuera de lo común, este plugin hecho con jQuery te facilita la construcción de diseño web inspirados en el sistema de girds o rejillas que utiliza el tema Metro que viene por default en Windows 8, Metro presento un estilo de organización de contenidos y accesos por medio de bloques ordenados de forma aleatoria en diferentes dimensiones encajando perfectamente entre ellos. Gridster también permite agregar eventos drag & drop a estos bloques con la intensión de reordenarlos al arrastrar y provocando un efecto de acomodo automatico entre los bloques, este plugin es completamente gratuito y muy fácil de utilizar en la pagina web oficial podrán descargarlo y ver una serie de ejemplo de uso de Gridster. Enlace para descargar Gridster...

Seguir leyendo 32

Aplicaciones para comprimir imágenes PNG para web

imageoptim

Un problema común que tenemos los diseñadores web es la optimización de imágenes para web sin que pierdan mucha calidad, los editores de imágenes actuales como Photoshop ofrecen herramientas básicas para realizar esta tarea, lo cierto es que de los tres tipos de imágenes más utilizados en paginas web (JPG, GIF y PNG) el que mejor formato por calidad y flexibilidad es el PNG ya que es un formato que conserva muy bien la calidad de las imágenes y permite el uso de areas transparentes o en otras palabras el uso del canal alfa. Por otro lado el JPG considerado el mejor formato de imagen por su excelente sistema de compresión sin perder calidad, no permite transparencia lo que le resta flexibilidad, y por último el GIF un formato que parecía haberse olvidado y que últimamente ha empezado a utilizarse mucho como una alternativa sencilla y creativa al “odiado” flash, ya......

Seguir leyendo 37

El nuevo WordPress 4.0, una mejor experiencia de redacción

wordpress

Ayer se lanzo el nuevo WordPress 4.0, el cual añade nuevas características enfocadas a una mejor escritura de artículos, gestión de contenido y a mejorar la experiencias de los usuarios de WordPress en general, esta nueva versión de WordPress viene bajo el nombre de “Benny” en honor al clarinetista estadounidense de Jazz y director de orquesta Benny Goodman. Según el creador de WordPress y fundador de Automattic, Matt Mullenweg esta nueva versión no es considerada como un actualización importante al menos internamente, para ellos es solo una nueva versión, pero para los usuarios esto supone algo que hay que agradecer, porque quizás en cantidad los cambios sean “pocos” pero en realidad estos cambios mejoran por mucho la experiencia de escribir y gestionar artículos y contenido con WordPress. Características del nuevo WordPress 4.0 “Benny” Gestor de medios Un nuevo gestor de medios, con una navegación y visualización de tus medios en tipo rejilla......

Seguir leyendo 66

APP para compartir archivos privados con tus clientes

projectsend

Project Send es una aplicación web la cual considero es perfecta para agencias de publicidad, diseñadores, fotógrafos e incluso programadores web, bueno de hecho puede ser útil para todos de acuerdo a sus necesidades, es una App para compartir archivos privados con tus clientes de forma rápida, segura y sencilla, sin tener que instalar programas para subir archivos a tu servidor via FTP, Project Send ofrece una interface muy fácil de utilizas la cual te permite entre otras cosas administrar diferentes cuentas para tus clientes, asignarles una contraseña y subir archivos que solo uno o varios clientes puedan ver y descargar. Características La aplicación es completamente gratuita y trabaja con PHP y MySQL, es muy sencilla de instalar, otra característica que posee esta aplicación es la posibilidad de aplicarle la identidad de tu empresa sin necesidad de contratar a un programas o diseñador que haga todo esto, de tal modo que......

Seguir leyendo 32

¿Ya notaste los cambios de diseño que hizo Twitter?

4 septiembre, 2014 Enlace Corto

twitter

El día de ayer Twitter anuncio de forma muy discreta algunos cambios en su diseño con un par de Tweets en su cuenta oficial, son cambios tan ligeros que quizás no los haz notado, el primero de ellos es un cambio de fuente, para ello hay que ir unos meses atras cuando Twitter presento su nuevo diseño este vino con un cambio de fuente pasando de Helvetica Neue a la familia tipográfica Gotham, bueno este cambio no fue del agrado para muchas personas, aunque igual muchas otras ni siquiera lo notaron. Bueno pues ayer Twitter decidió hacer caso a las criticas y cambiar de nuevo la fuente a Helvetica Neue como fuente por predeterminada para toda la interface, según el Tweet publicado este cambio fue para mejorar la velocidad del sitio y que la lectura de mensajes sea mas comoda. We’ve made some updates to http://t.co/eNvqKTup1d. One is an updated web font for speed and......

Seguir leyendo 42

Plantilla PSD para diseño de revista web

plantilla psd para diseno web cover

Plantilla PSD perfecta para crear diseños de revistas web con un estilo moderno, una estructura y organización de contenidos muy buena basada en la misma lógica de grid CSS que ofrece Bootstrap y un estilo de presentación de información atractiva y muy gráfica este es un excelente recursos para diseñadores web o de interfaces de usuario, espero que sea de utilidad para todos y que les sirva como base para el diseño de revistas, blogs o paginas web de fotografía o portafolios de diseño, el paquete incluye los archivos PSD y también en formato PNG todo separado por capas. Enlace para descargar plantilla en Behance...

Seguir leyendo 25

Paquete con 60 Iconos de elementos de educación

cover iconos de educacion

Este paquete de recursos para diseñadores gratuito incluye 60 iconos de elementos de educación vectoriales creados utilizando Adobe Illustrator. Este tipo de recursos puede ser muy útil con el inicio del nuevo año escolar, de tal modo que puedes utilizar estos iconos relacionados con educación para tú próximo proyecto de diseño sea personal o para algún cliente. El paquete incluye 60 iconos disponibles en dos estilos distintos, incluyendo un set de iconos en color gris y de colores oscuros y otro estilo con colores variados. Este paquete de iconos incluye los archivos Ai, EPS y también archivos PNG con transparencia, los iconos PNG se incluyen en diferentes dimensiones: 48 x 48px, 64 x 64px y 128 x 128px. Estos iconos son perfectos para ser utilizados en proyectos de diseño de paginas web, apps para móviles u otras presentaciones. Puedes utilizar estos iconos vectoriales libremente para tus proyectos personales o comerciales. Enlace para descargar paquete de iconos en......

Seguir leyendo 27

140 Iconos PSD para aplicaciones web gratis, Justicons

justicons

Justicons es un excelente paquete que incluye un total de 140 iconos PSD para aplicaciones web, el paquete es gratuito e incluye un solo archivo PSD con todos los iconos que tienen un estilo minimalista y linear, muy limpio, el estilo de estos iconos gratis es muy similar al utilizado por muchas aplicaciones móviles y web actualmente, así que creo que podría ser de mucha utilidad para utilizar en diseños de paginas web, aplicaciones móviles y en general cualquier diseño de interface de usuario. Enlace para descargar justicons...

Seguir leyendo 32

Plantilla de diseño web para Photoshop gratuito

plantilla web psd

Interesante diseño web creado por el diseñador Mohamed Yahia de Egipto, quien ha creado y compartido esta excelente plantilla de diseño web para Photoshop de forma gratuita, el paquete incluye los archivos PSD necesarios para utilizar como base y implementar tu diseño para tu pagina web, el paquete no incluye los archivos HTML, ni CSS, solamente el archivo PSD para que modifiques y personalicemos el diseño para crear un diseño web único. Enlace para descargar la plantilla en Crtivo...

Seguir leyendo 24

APP colaborativa para equipos de diseñadores y desarrolladores

zeplin

Zeplin es una nueva APP colaborativa para equipos de diseñadores y desarrolladores web o de aplicaciones para móviles, actualmente esta en fase beta privada pero pueden suscribirse para ser tomados en cuenta, actualmente la web hace mención a un plugins para Sketch y en un futuro lanzaran un plugin para Photoshop, estos plugins según la información que he podido recuperar te permitirán exportar imágenes de tus diseños directo a Zeplin para que puedas presentarlos a tu equipo de trabajo y recibir un feedback con notar interactivas y pequeños ajustes sobrepuestos con el fin de avanzar en los detalles del diseño. También ofrece herramientas de diseño para crear mockups en linea y compartirlos con tu equipo de trabajo, una aplicación que vale la pena tener en mente para trabajar equipo con nuestros colegas, estas aplicaciones facilitan el trabajo en equipo al ofrecen un entorno gráfico de comunicación en donde se pueden......

Seguir leyendo 24

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 60

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 24

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 24

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 27

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 42

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 34

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 28

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 23

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