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.

LumX framework para diseño web basado en Angular JS y Material Design

lumx

LumX es un interesante framework para diseño web que combina algunas de las mejores herramientas para diseño de sitios web modernos y que son parte de las tendencias en diseño web para 2015, Lumx se puede considerar como un Mashup entre Angular JS y Material Design, dos de las últimas aportaciones de Google para los diseñadores de sitios web y que han generado mas que solo ruido en Internet. Angular JS es un gran Framework JavaScript el cual es desarrollado por un equipo de desarrolladores de Google y hace que......

Seguir leyendo 105

App para diseñadores para realizar A/B Testing gratis

ab testing 2

Bright Tips es una excelente App web especial para diseñadores y que te permitirá hacer estudios A/B Testing básicos de tus diseños, una prueba A/B básicamente es la comparación de dos modelos para elegir la mejor opción o en base a un focus group obtener los elementos necesarios para conseguir el mejor producto, eligiendo entre A o B, o realizado alguna combinación entre ambos modelos que te permitirán llegar a un producto final que sea satisfactorio y exitoso, los estudios A/B Testing son de mucha utilidad y pueden ser aplicados en......

Seguir leyendo 108

Concepto de diseño web para YouTube

concepto rediseno youtube cover

Genial concepto de diseño web para YouTube realizado por el diseñador Húngaro Roland Hidvegi, la propuesta de Roland presenta un diseño limpio con un aspecto que conserva la esencia del diseño de interface actual que lleva YouTube, con una estructura claramente pensando en un aspecto responsivo, eliminando elementos distractores para centrarnos en la visualización del vídeo. En lo personal me ha fascinado la propuesta de diseño que presenta Roland Hidvegi, principalmente la barra de header, el reproductor de videos y el menú de navegación, me hizo pensar en hacer algunos retoques......

Seguir leyendo 50

Generador de capturas de paginas web en diferentes navegadores

generador screenshots modern ie

Les presento un servicio que seguro muchos desconocían que ofrecía Microsoft se trata de un generador de capturas de paginas web en diferentes navegadores web, este servicio que es parte del proyecto Modern IE es completamente gratuito y muy sencillo de utilizar, basta con indicar en un formulario la dirección de la pagina web que deseemos ver como se en diferentes navegadores y la pagina empezara a generar las capturas de pantalla de nuestra pagina tal como se ve en hasta 9 browsers distintos, entre los que están Internet Explorer Opera,......

Seguir leyendo 89

Prepros, un compilador de archivos LESS, SASS y optimizador imágenes para web

prepos

Prepros es una herramienta para todos aquellos diseñadores web que crean sitios web utilizando las últimas tecnologías y tendencias en el diseño y desarrollo de paginas web, tales como LESS, SASS, CoffeeScripts, etc. y que no olvidan la necesidad de optimizar las imágenes de la pagina web con el fin de obtener mejores resultados, pero Prepros es una herramienta para diseñadores web que va mas haya incluso enfocada a la productividad ya que te permitirá ahorrarte muchas horas de trabajo y te ayudara a mantener sincronizados tu pagina web, tu sitio......

Seguir leyendo 54

Glyphter, generador de fuentes de iconos gratis (WebFonts)

Glyphter

Glyphter es un servicio en la nube que incluye un catalogo con fuentes de iconos bastante amplio, Glyphter te permite crear una WebFont personalizada incluyendo únicamente los iconos que vayas a utilizar esto viene perfecto para optimizar la carga de recursos en nuestro sitio web, recuerda que mientras mas pesados sean los archivos mas lenta será tu pagina y Google te empezara a penalizar por esa misma cuestión. Bueno volviendo al tema este servicio te ofrece un generador de fuentes de iconos SVG que te ayudara a encontrar el icono que necesitas......

Seguir leyendo 86

ScrollReveal para revelar elementos cuando sean visibles en el Viewport

scrollrevealjs

ScrollReveal es un interesante y muy útil plugin JavaScript que te permite revelar elementos cuando sean visibles en el Viewport, es decir que siempre estén ocultos hasta el momento en que este sea visible en la ventana del navegador haciendo un seguimiento del evento Scroll y la posición del mismo, ScrollReveal te permitirá revelar los elementos ocultos cuando estos sean visibles, este plugin JavaScript no tiene ninguna dependencia con otros frameworks lo que te permitirá integrarlo en tu sitio web sin necesidad de modificar código evitando conflictos entre frameworks, un problema......

Seguir leyendo 48

Editor para crear mapas personalizados de Google Maps

Google MapBuildr

MapBuildr es una herramienta genial para diseñadores web, se trata de un editor para crear mapas personalizados de Google Maps, con este editor puedes generar el código necesario para insertar mapas en tu sitio web con las características que hayas elegido en el Map Builder, puedes personalizar las dimensiones del mapa, el estilo del mapa, agregar puntos de lugares, descripciones a cada uno de los lugares, modificar los colores, activar o desactivar funciones comunes de los mapas que ofrece Google, también puedes agregar rutas identificadas por colores, etc. Google Maps lanzado hace 9......

Seguir leyendo 131

Infografía: Evolución del diseño web 2004-2015

infografia-evolucion-diseño-web-cover

El famoso sitio Template Monster que ofrece miles de templates para sitios web premium para diferentes sistemas CMS lanzo una increíble e interesante infografía interactiva que detalla la evolución del diseño web desde 2004 hasta las tendencias del diseño web para 2015, una infografía que permitirá hacer una retrospectiva a los diseñadores web sobre la evolución de su conocimiento y habilidades con el paso de los años, claro esto si haz tenido un continuo crecimiento profesional inspirado por las tendencias de diseño web que se redefinen año con año con......

Seguir leyendo 69

Infografía: Principales tendencias de SEO 2015

tendecias seo diseño web 2015 cover

Ya se viene 2015 y los diseñadores web llevamos algunos meses preparándonos para lo que trae el próximo año con el fin de no quedarnos estancados y poder seguir inyectando cosas positivas a nuestros proyectos, por ello y para ayudar un poco con estos temas les comparto la siguiente infografía que muestra las 8 principales tendencias de SEO 2015 que nos permitirán mantener y mejorar el posicionamiento en buscadores de nuestro sitio web, ya que este es uno de los temas mas importantes a considerar año con año, y es que......

Seguir leyendo 88

Infografía: 5 Factores para que tú publicidad sea vista en sitios web

factores publicidad google

Genial infografía publicada por el equipo de Google que desvela una serie de 5 factores para que tú publicidad sea vista en las sitios web, esta infografía no solo esta dirigida a quienes invierten en campañas de AdWords a través de Google pues estos anuncios son insertados en las paginas web a través de Google Adsense y este es un servicio utilizado por Webmasters/Publishers que incluyen anuncios en sus paginas con el fin de recuperar un poco de dinero, al final los publishers son los que deciden donde aparecerán la publicidad.......

Seguir leyendo 60

Wix, una alternativa real para crear tu sitio web gratis sin saber programar

editor wix texto

Hace más de un año colaboramos con Wix, un servicio muy conocido para crear páginas web de forma rápida sin necesidad de saber programar, sinceramente durante un tiempo coincidí con muchos colegas que pensaban que Wix en realidad afecta nuestro trabajo ya que le da a las personas la posibilidad de crear su sitio web gratis sin necesidad de contratar un profesional, y sí de algún modo es verdad, pero no completamente. Hace un par de semanas se acercó mi hermano para platicar de su necesidad de crear un página y está......

Seguir leyendo 58

Inter XDK una herramienta para crear Apps móviles híbridas

Intel-XDK_3

Intel XDK es la apuesta de Intel por involucrarse en el mundo del desarrollo de Apps para móviles, Intel XDK es una interesante herramienta para crear Apps móviles híbridas utilizando tecnologías web como lo es HTML5, es un editor gráfico que te permite trabajar de igual manera con el código fuente de tu aplicación la cual podrás distribuirla en las diferentes tiendas de aplicaciones como la App Store de Apple, Play Store de Google y otros, incluso podrás crear aplicaciones para escritorio basadas en HTML5. Intel XDK ofrece soporte para......

Seguir leyendo 78

Generador de paletas de color inspiradas en Google Material Designs

paleta colores google material desings

Google tan querido y tan odiado es capaz de crear cosas que todos deseamos, tal como lo ha conseguido Apple aunque con tipos de productos diferentes, una de las últimas cosas que lanzo Google y que ni siquiera es un producto pero que muchos diseñadores quieren emular, es Material Designs, la cual fue lanzada como la guía de diseño de aplicaciones de Google para mantener una homogeneidad entre el diseño de sus aplicaciones ya sea para web o de dispositivos móviles, en lo personal puedo decir que me pareció atractiva y......

Seguir leyendo 83

Inspiración: 10 Diseños de paginas web – Diciembre 2014

cover diseno web diciembre 2014

Ya estamos a menos de 20 días para finalizar el 2014 y como prometí el mes pasado cada mes estaría realizando una recopilación de diseños de paginas web para recolectar un poco de inspiración, si no la vieron les recomiendo mucho ver la recopilación de diseños de paginas web de Noviembre si ya la vieron entonces igual y les va a interesar esta nueva galería de inspiración con otros 10 diseños de paginas web de Diciembre 2014 para llenar de inspiración e ideas a todos los diseñadores web que cruzan......

Seguir leyendo 30

BPG el nuevo formato de imágenes que quizás reemplace al JPEG

imagen comparativa bpg vs jpg img 1

Esta es una excelente noticia para los diseñadores que le dan la importancia debida a la optimización del tamaño de sus imágenes y la calidad, se trata del reciente nacimiento de BPG el nuevo formato de imágenes que podríamos empezar a considerar como una alternativa real al famoso JPG el cual vio la luz de manera oficial como un estándar de compresión de imagen en 1992 y que creció su popularidad con el paso de los años al ser considerado la mejor opción en compresión de imágenes que la menor......

Seguir leyendo 277

Plugins para agregar efectos elástico a elementos de tu interface web

elastic-svg-elements

Ultimamente estoy compartiendo con ustedes algunos recursos bastante interesantes enfocados a diseño web, entre los clásicos recursos como iconos, templates web y plantillas PSD para interfaces de usuario también hemos compartido recursos SVG que se han vuelto mas que una tendencia, se han vuelto una necesidad pensada en la calidad de diseños que realizamos y el diseño web responsivo, aunque el uso de elementos SVG aun no se puede considerar como un estandar puesto que no todos los navegadores actuales ofrecen soporte completo para esto, si podemos decir que es......

Seguir leyendo 62

Evil Icons un paquete de iconos SVG gratuitos

evil icons

Les comparto un fantástico paquete de iconos vectoriales totalmente gratuitos, se trata del paquete Evil Icons que incluye un total de 56 iconos SVG gratuitos que puedes utilizar en tu diseño web o en algún diseño impreso que desees realizar sin preocuparte por temas de licencias, este fabuloso paquete de iconos SVG gratis fueron creados por los diseñadores Alexander Madyankin y Roman Shamin ambos originario de Rusia quienes decidieron aportar un poco de su conocimiento a la comunidad de diseñadores en todo el mundo y de forma gratuita. Estos iconos......

Seguir leyendo 78

Beetle template web responsiva con efectos parallax gratis

beetle

Excelente template web responsiva con efectos parallax hecha utilizando los estándares de programación web HTML5, CSS3 y como no podía faltar JavaScript, esta template para diseños web lleva el nombre de Beetle la cual fue creada por el diseñador de interfaces UI Frank Rapacciuolo y el desarrollador web Pasquale Vitiello, Beetle es una template HTML5 completamente gratuita con propiedades responsivas que se adapta fácilmente computadoras, laptops, tabletas y teléfonos móviles. En el sitio web de Beetle el cual enlazamos al final de estas lineas, podrán encontrar un demo de esta maravillosa......

Seguir leyendo 53

Cactus, App para generar plantillas HTML5 para paginas web

cactus

Cactus es un simple, interesante y poderosa App para generar plantillas HTML5 para paginas web de una forma muy pero muy rápida y sencilla, literalmente con un click, Cactus es una App para Mac que se convirtió en una aplicación gratuita recientemente y que te podrá ahorrar algo de tiempo en desarrollo de paginas web, esta App integra una serie de plantillas HTML5 prediseñadas y que te pueden servir de base para ahorrar algunas horas de programación para generar la base de un diseño web. Cactus te permite crear paginas......

Seguir leyendo 78

Pagina 1 de 33123...6...Antiguas »

#Ranascreativas // Últimas imágenes enviadas