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

Frogx Three

diseño web

diseño web

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 55

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 32

Directorio para encontrar APIs de desarrollo para tus proyectos

mashape

Si eres desarrollador web o de aplicaciones móviles seguro muchas veces te haz preguntado si existe algún script o aplicación que te facilite realizar tareas complejas o que te permitan conectarte con servicios o redes sociales para interactuar con la información de dicho sitio, bueno ahi es donde las APIs son muy útiles ya que son frameworks de desarrollo completos que te permite conectar con servicios públicos o redes sociales para interactuar con la información que estos ofrecen o realizar publicaciones en otros sitios. Pero no solo existen APIs de redes sociales, también existen otras que te permiten conectarte a servicios medicos, servicios financieros, de marketing e incluso de telefonía móvil que te ayudaran a mejorar tus aplicaciones y quizás a dotarlas de funciones que pudieras pensar que es imposible realizar, por ello quiero recomendarles Mashape un excelente directorio de APIs donde puedes encontrar todos estos recursos para desarrolladores, todo......

Seguir leyendo 36

App para administrar plugins en Sketch App

12 septiembre, 2014 Enlace Corto

sketch toolbox

Sketch App es una herramienta que se ha convertido rápidamente en la favorita de muchos diseñadores de paginas web, de aplicaciones móviles y en general de diseñadores de interfaces, pero esta aplicación se puede considerar que aun es nueva con su versión 3, Sketch App es una aplicación que aun tiene mucho camino que recorrer, una de sus ventajas así como las aplicaciones de Adobe es la posibilidad de extender sus características utilizando plugins, pero en ese mismo punta la aplicación tiene una desventaja, Sketch App no cuenta con un gestor de plugins. Sketch Toolbox es el gestor de plugins que le hacia falta a esta poderosa aplicación para diseñadores, esta App te permite instalar, des-instalar y mantener un control de todos los plugins que hayas agregado a Sketch App con el fin de mejorar sus características y posibilidades, la App aun esta en fase beta por lo que puede......

Seguir leyendo 21

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

¿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 62

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 42

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 45

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 23

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 27

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 62

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 39

Mockup PSD para canales de YouTube en todas sus versiones

mockup psd perfil de youtube responsivo

Mockup PSD gratuito para presentar diseños de canales de YouTube en todas sus versiones: Web, Móvil, Tablets y TV. Este excelente pack de recursos para diseñadores web fue creado y compartido por el diseñador brasileño Rafael Reis con la intensión de poder presentar a nuestros clientes una vista previa del diseño de los canales de YouTube de nuestros clientes y pensando en todas las vistas que YouTube ofrece al ser una plataforma multiplataforma ya que puede ser accesada desde una computadora, un teléfono, una tableta o incluso desde una Televisión con acceso a Internet. El paquetes es gratuito y lo pueden descargar directamente en el enlace al final del post, si buscan más mockups para presentar diseños de forma profesional les invito a navegar por nuestra sección de plantillas donde podrán encontrar más de estos recursos gratuitos. Enlace para descargar este Mockup PSD directamente en Dribbble...

Seguir leyendo 24

Aventura, fuente display gratis

fuente aventura 2

Les dejo más recursos para diseñadores, ahora se trata de Aventura una fuente tipo display gratis excelente para utilizar en diseños de posters u otros diseños de formato amplio, es un tipo de tipografía que no recomiendo sea utilizada para textos largos que sean de lectura, ya que provocaría cansancio,  esta fuente fue creada por el diseñador Jimmy Kalman de Miami, Estados Unidos y se puede utilizar con toda libertad sea para proyectos comerciales o personales sin que tengan que preocuparse por licencias comerciales. Enlace para descargar Aventura, free font...

Seguir leyendo 30

Iconos gratis para Adobe Illustrator

iconos gratis illustrator

Les comparto un excelente paquete de iconos gratis para Adobe Illustrator creados por la diseñadora Claire Paoletti de San Francisco, Estados Unidos. Es un paquete mas de recursos para diseñadores en archivos Ai que contiene vectores separados por capas que podemos utilizar libremente en nuestros diseños sea web o de algunos carteles sin preocuparnos por las dimensiones de los iconos ya que se pueden redimensionar sin que estos pierdan calidad como suele pasar con los bitmaps. El paquete incluye iconos de acciones comunes en diseños web, como compartir, buscar, etiquetas, favoritos, dispositivos móviles, menú, etc. así como también logos de diferentes redes sociales o marcas relacionadas con Internet. Enlace para descargar estos iconos en Dribbble...

Seguir leyendo 70

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 35

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

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

Plantillas para correos electrónicos gratis

plantillas para correo

Les comparto un enlace en donde podrán descargar una serie de plantillas para correos electrónicos gratis, estas plantillas son Open Source y son parte de los servicios que ofrece Send With Us un servicio de mailing que puede ser una interesante alternativa a servicios como MailChimp, el uso de estas plantillas para mails no les obliga a contratar nada, simplemente tienen que entrar al sitio seleccionar su plantilla y descargar el código HTML necesario para utilizar estas plantillas en los correos electrónicos de su empresa o para sus proyectos. Enlace para descargar estas plantillas en Send With US...

Seguir leyendo 37

Pagina 1 de 26123...6...Antiguas »