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

Frogx Three

diseño web

diseño web

App para diseñar favicons en linea

icon builder

La necesidad de instalar aplicaciones en tu computadora poco a poco se va limitando y muchas de las tareas que realizamos las pasamos a realizar permanentemente en Internet, esto hace unos años era difícil de imaginar pero debido a la expansión de las conexiones de Internet dedicado y a la multitud de aplicaciones existentes en Internet que nos permiten realizar algunas de las tareas mas comunes y algunas no tan comunes que usualmente necesitábamos de tener instaladas en nuestras computadoras. Una de esas alternativas es Icon Builder un simple pero útil App para diseñar favicons en linea, sin necesidad de abrir Photoshop o cualquier otro programa de diseño que tengamos instalado, con Icon Builder podemos deseñar nuestros iconos para botones o favicons de 16×16 pixeles, y exportarlos como archivos PNG o incluso como SVG para utilizar en nuestras paginas web. El editor de Icon Builder nos ofrece una pequeña ventana......

Seguir leyendo 20

Efecto de transición elástico con JavaScript

efecto elastico transiciones

Muchas veces en artículos anteriores sobre diseño web he mencionado la importancia de la interactividad y el encanto visual que deberían tener las paginas web para gustar a los usuarios, no se trata solo de la combinación de colores, el movimiento cuenta mucho, pero eso no significa hacer que todo se mueva como antes sucedía con Flash, se trata de volver a los principios del diseño y ha aquella frase que dice “los detalles hacen al diseño”. Eso es algo que podemos lograr con este efecto llamado Wobbly por su creador, se trata de un afecto de transiciones elásticas aplicado a Slideshows de pantalla completa, es un efecto tan sencillo como atractivo que le dará a tu web un toque que la hará diferente de todas las demás, es un script basado en JavaScript y CSS3 bastante sencillo y liviano. Al final podrás encontrar dos enlaces uno hacia el demo donde podrán......

Seguir leyendo 31

App para diseñar paginas web únicas sin saber programar

macaw

Para quienes no conozcan les presento a Macaw una increíble App para diseñar paginas web únicas sin necesidad de saber programar, pero no es una aplicación simple, y tampoco fue creada solo para quienes no saben programar, Macaw es una poderosa App para Mac y Windows que ofrece un entorno gráfico y de edición de código que te permitirá modificar el código de tu pagina, solo si lo consideraras necesario. La aplicación ofrece un motor gráfico bastante interesante y poderoso que te permite crear diseños basado en el modelo de capas para crear diseños, tal cual lo hace Photoshop y el 90% de los programas de diseño, la particularidad de Macaw es que es capaz de generar automáticamente el código de tu pagina web basado en los diseño de paginas web que hagas en el editor. El lema de los desarrolladores tras esta aplicación es “Stop writing code, start drawing......

Seguir leyendo 23

Repositorio con los mejores plugins jQuery para diseño web

repositorio plugins jquery

Les invito a navegar por este interesante repositorio de plugins jQuery que me he encontrado en el pude conocer algunos plugins jQuery para diseño web que ni siquiera conocía, todo esta muy bien organizado por categorías según la función principal que estos plugins realicen por ejemplo yo conocí este sitio buscando plugins que me puedan ayudar en el diseño de interfaces web, y he encontrado cosas sencillas pero muy buenas, lo mejor de todo que todos los plugins que encontraras en este repositorio son gratuitos. Estoy seguro que este sitio debe entrar en tu lista de favoritos si eres un diseñador web que le gusta innovar y presentar cosas diferentes en sus diseños, después de todo aquel dicho que dice “el diseño esta en los detalles” no se aplica únicamente al diseño impreso, también se aplicar en el diseño web, y es que muchas veces un detalle de movimiento e......

Seguir leyendo 41

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 36

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 37

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 38

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 38

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 45

BLOKK la tipografía sin-lenguaje para diseñar Mockups

BLOKK

BLOKK es una tipografía especial para diseñar Mockups, es una tipografía creada por Dinamo Service bastante peculiar, ya que no podríamos decir que es la tipografía sin-lenguaje ya que no utiliza ni letras, ni números y menos símbolos, en realidad son puras lineas. Pero ¿para que una tipografía sin letras?, bueno la idea de BLOKK es ser un solución a la presentación de Mockups de diseños a nuestros clientes sin importar el idioma que estos hablen, por ejemplo es común que cuando descargamos Mockups de Internet estos incluyen texto Lorem Ipsum o texto en algún idioma especifico que quizás no conocemos, obviamente los textos están como relleno para demostrar las areas de texto en el diseño. Con BLOKK nos olvidamos de las confusiones de idiomas, pero sin dejar de demostrar las areas de texto en el diseño solo que utilizando lineas, después de todo es un practica popular para representar areas de......

Seguir leyendo 33

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 31

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 74

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 26

5 Colecciones de iconos gratuitos para diseños web

25 septiembre, 2014 Enlace Corto

Quiero compartir con ustedes una pequeña pero útil selección de colecciones de iconos gratuitos que pueden ser utilizados para diseños web, son un total de 5 colecciones de iconos los cuales pueden ser descargados directamente desde Icon Finder, de hecho si no están interesados en todos los iconos podrían descargar los iconos de forma individual. La mayoría de los iconos se pueden descargar en varios formatos, entre los formatos disponibles podrán descargar iconos PNG, en formato vectorial SVG muy de moda para utilizar en paginas web y también en formato ICO para usar como iconos de aplicaciones en Windows o ICNS que sirven para utilizar como iconos en Mac, así que sea cual sea el formato que les interese espero que estos iconos gratis les sean de utilidad. Colecciones de iconos gratuitos para diseños web...

Seguir leyendo 32

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

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 38

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 23

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 39

Pagina 1 de 27123...6...Antiguas »