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

Framework HTML5 para crear apps para móviles

onsen ui framework html5

Onsen UI es un interesante y poderoso Framework HTML5 para crear apps para móviles, es un framework basado en una gran colección componentes y elementos UI para facilitar y agilizar la creación de aplicaciones para móviles, Onsen UI es un framework que se integra perfectamente con Phone Gap y Cordova apps, dos frameworks especializados en la creación de aplicaciones móviles utilizando HTML5, CSS y JavaScript. Todos los elementos de Onsen UI tienen propiedades responsivas que se adaptan perfectamente a diferentes resoluciones sea en aplicaciones para tabletas o para teléfonos móviles, el framework también trabaja perfectamente con dos poderosos frameworks JavaScript como son Angular JS de Google y el conocido jQuery. Onsen UI es un framework HTML5 tipo Open Source es decir que es gratuito y lo puedes utilizar en tus aplicaciones móviles sean gratuitas o de paga, el paquete integra de igual forma por default la librería de iconos Font Awesome, muy......

Seguir leyendo 25

Clippy, App para crear formas poligonales con CSS3

clippy

Clippy es una fantástica App para crear formas poligonales con CSS3 para aplicar en los diseños de paginas web que realices, este editor te permite generar formas CSS a partir imágenes SVG a las cuales se les puede aplicar un fondo de tal modo que presentemos imágenes en forma de triángulos, rombos y otros poligonos con formas especiales las cuales se generen automáticamente al cargar la pagina, estas prácticas son posibles al utilizar la propiedad clip-path de CSS3 que esta disponible en casi todos los navegadores web modernos con excepción de Internet Explorer. La aplicación esta montada en una pagina web y es de uso gratuito, el editor de Clippy te generara el código CSS necesario para aplicar en tus archivos CSS para asignarlos a tus capas según las clases o IDs a los que necesites aplicárselo, en el editor por default te ofrece una galería de formas predefinidas las cuales puedes utilizar......

Seguir leyendo 31

Iconos turísticos de monumentos históricos del mundo

iconos monumentos historicos asia

Les dejo un excelente paquete de iconos turísticos gratis que ha realizado y compartido la gente de Freepik a través del portal Smashing Magazine, el paquete incluye un total de 100 iconos de monumentos históricos de todo el mundo disponibles en dos formatos vectoriales especialmente para diseños web, el paquete incluye los 100 iconos en formato PNG y también formato SVG, es un paquete perfecto si tienes que crear un sitio web para un cliente relacionado con temas turísticos como por ejemplo una agencia de viajes o servicios turísticos. Los iconos disponibles en el paquete incluye monumentos históricos de Asia, Europa y America como el Capitolio de Washington DC, en los Estados Unidos, el edificio Burj al Arad, de Dubai en los Emiratos Arabes Unidos o la Pirámide de Louvre, de Paris Francia, un paquete bastante interesante y completo que si bien no lo necesitas justo ahora te recomiendo descargarlo porque seguro podrías......

Seguir leyendo 33

Plantillas HTML5 para paginas de aplicaciones para móviles

app-introduction-template-featured

Les comparto una interesante plantilla HTML5 especialmente diseñada para crear paginas de aplicaciones móviles, es un plantilla perfecta para presentar tu producto en el caso que seas un desarrollador de aplicaciones móviles y necesites un medio para dar a conocer tu aplicación, ofrece una estructura limpia y un estilo de navegación horizontal moderno y agradable, esta plantilla para crear paginas web de APP’s móviles esta completamente desarrollada con HTML5 y CSS3. La plantilla utiliza así mismo jQuery y Modernizr para garantizar su funcionamiento en todos los navegadores web, incluyendo el fantástico Internet Explorer (sarcasmo), en el enlace al final de este post podrán encontrar la liga hacia la pagina oficial de este proyecto por la gente de CodyHouse, un sitio que ofrece una colección de librerías gratuitas para hacer que nuestro trabajo de diseño web sea mas sencillo y agradable. Como característica adicional al soporte HTML5 que ofrece esta plantilla, también......

Seguir leyendo 29

Editor para crear plantillas de correo electrónico

editor plantillas correo eletronico

Por algún lado he escuchado que el correo electrónico esta muriendo pero por otros lados he escuchado lo contrario y que es un servicio que aun ofrece muy buenos resultados en ventas, en mi opinión considero que el correo electrónico esta mas vivo que nunca y que conforme la expansión de Internet aumente este toma mas fuerza, lo que si es un realidad es que la cultura de uso de estos recursos de comunicación ha mejorado aunque falta mucho por hacer. Para quienes busquen comunicarse con sus clientes por medio de correo electrónico enviando promociones o avisos por este medio, las plantillas son muy útiles aunque no son tan sencillas de crear, por ello quiero compartir con ustedes un interesante servicio que me he encontrado, este se llama BeeFree y es un completo y sencillo editor para crear plantillas de correo electrónico, es un servicio gratuito el cual te permite......

Seguir leyendo 37

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 24

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 73

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 24

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 110

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 38

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

Pagina 1 de 18123...6...Antiguas »