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.

Interesante sistema de foros web que busca financiamiento en KickStarter

foto flarum 1

En Internet existen un sin fin de recursos gratuitos y de pago para todos aquellos quienes buscan iniciar un proyecto en linea, gestores de blogs como WordPress, sistemas para tiendas en linea, CRMs, etc… Pero uno de los sistemas disponibles en Internet mas “antiguos” son los sistemas de foros web, de los cuales existe una gran cantidad de ellos disponibles de forma gratuito y de muy buena calidad, mucha gente los utiliza porque son fáciles de instalar y te permiten generar comunidad. Lo cierto es que si no eres un diseñador web poco te importa el interior o los aspectos técnicos del sistema, pero si eres diseñador o desarrollador web bien sabrás que los sistemas de foros web se caracterizan  por ser sistemas completos y que tienden a consumir muchos recursos del servidor por las grandes cantidades de consultas a bases de datos y en ocasiones debido a una mala......

Seguir leyendo 30

Plugins para crear paginas multilenguaje con WordPress

wordpress multilenguaje shutterstock

Como diseñadores web muchas veces nos piden características especiales que si consideramos tiempo de desarrollo, diseño y programación los costos suelen elevarse mucho y si de por si los cliente quieren el trabajo casi gratis si les comentamos que una nueva característica elevaría los costos, estos pegan el grito al cielo, pero existen alternativas en Internet que nos pueden reducir tiempos de trabajo y permiten ofrecen servicios no a la medida pero que cumplen en esencia lo que muchas veces piden los clientes con costos no tan elevados. Esto sucede mucho cuando llega un cliente solicitando un sitio en varios idiomas, la opción más sencilla es incluir Google Translate, pero seamos sinceros por mucho que nos ayude Google a traducir textos en diferentes idiomas, Google no es perfecto. Si utilizamos algún gestor de contenidos sea un CMS o un gestor de Blogs como WordPress (que se puede utilizar como CMS)......

Seguir leyendo 53

Sway la nueva App de Microsoft para crear presentaciones y paginas web

microsoft sway

Después de la presentación del nuevo Windows 10 el pasado lunes, Microsoft presento también Sway una nueva App para crear presentaciones y paginas web responsivas desde teléfonos y tabletas que puedes compartir por correo, mensajes o incluso podrás incluir las presentaciones en paginas web igual como haces con los videos de YouTube, la aplicación de momento solo esta disponible para iOS y en las próximas semanas se lanzaran versiones para Android y Windows Phone. Sway es un servicio en nube construido sobre la plataforma Azure, de manera que podemos comenzar a crear proyectos con Sway desde cualquier navegador web, y terminarlo sobre aplicaciones de escritorio o móviles, o al revés. También es posible que varias personas colaboren en el mismo documento. Sway aun esta muy verde, de hecho la versión de prueba que se ha liberado se podría decir que es una versión alpha aun con muchos problemas pero la intensión de......

Seguir leyendo 39

Plugin WordPress para construir paginas responsivas sin pogramación

wordpress page builder plugin

Site Origin ofrece un excelente y poderoso plugin para WordPress perfecto para construir paginas web responsivas sin necesidad de programar, el Page Builder Plugin para WordPress que ofrecen los chicos de Site Origin es un poderoso plugin que trabaja con una amplia colección de widgets prediseñados y que se adaptan a tu diseño. El plugin te permite crear paginas dentro de tu WordPress arrastrando y soltando diferentes widgets por pagina de forma personalizada, ordenando cada uno los de los widgets en el sitio según tus necesidades, el plugin te permite agregar widgets de Slides, botones de acción, videos, embeds de redes sociales, widgets de contenido, formularios todo adaptables y utilizando configuraciones automáticas que se adaptan a las dimensiones de la pantalla de nuestros visitantes, permitiendo crear diseños web responsivos de una forma rápida y muy sencilla. El plugin es completamente gratis, y nos facilitara crear toda la estructura de la pagina,......

Seguir leyendo 55

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 63

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 30

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 83

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 71

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 27

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

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 30

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 29

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 25

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 25

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 26

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 27

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 35

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