Diseño Web

Principios Gestalt: Secretos de la piratería del cerebro humano por diseño

Cuando has vistola foto de arriba, ¿qué te ha venido a la mente? ¿Cuerpos de mujeres o unas plantas? Sí, tal vez pueda adivinar tu respuesta. Porque el estudio dice que el 80% de las personas lo ven como cuerpos de mujeres. Y esa es la forma definitiva en que…

Category : Diseño web   14-10-2019   by admin admin

Imágenes responsivas y atributos srcset and sizes

En la revolución del diseño web, las imágenes son una cosa que aparentemente se ha quedado atrás. Hasta hace relativamente poco, servir diferentes imágenes en función del tamaño de la pantalla o de la densidad de píxeles no era algo que se hacía en absoluto. El elementoes muy prometedor para cambiar…

Category : Diseño web   01-07-2019   by admin admin

Ilustraciones en SVG para descargar y usar en tus proyectos

Ilustraciones en SVG para descargar y usar en tus proyectos

SVG es un tipo de formato de imagen que se utiliza en la web, la sigla está por  "Scalable Vector Graphics", lo que en español podría entenderse como Gráficos Vectoriales Redimensionales. Como su propio nombre indica, a diferencia de los formatos de imagen más populares, SVG es un archivo vectorial. Esto implica que…

Category : Diseño web   19-06-2018   by admin admin

8 útiles herramientas para optimizar CSS

8 útiles herramientas para optimizar CSS

La optimización es una parte fundamental del desarrollo y mantenimiento de un sitio web, algo que a menudo, por falta de tiempo, se nos olvida. La optimización de una web es un punto sumamente importante, sobre todo si estamos pensando en webs de alto tráfico, con millones de visitas al mes. Optimizar…

Category : Diseño web   15-05-2017   by admin admin

10 bancos de imágenes gratuitos

10 bancos de imágenes gratuitos

No es la primera vez que hablamos de lo importantes que son las imágenes en las páginas web, especialmente en el caso de tiendas online. También os hemos proporcionado algunas indicaciones para ayudaros con el manejo y la optimización de imagenes para vuestros sitios web. Hemos visto que el tema…

Category : Diseño web   08-08-2016   by admin admin

Aprender diseño web: 13 libros gratis

Aprender diseño web: 13 libros gratis

¿Cómo aprendo a diseñar? ¿Cómo hago un formulario de contacto? ¿Dónde puedo descargar un manual de HTML5 o JavaScript? ¿Estás buscando algúnos manuales y libros sobre diseño web y desarrollo de páginas? Estos 13 libros de diseño web te harán más fácil la tarea. Son sencillos, son prácticos (porque están completamente online) e incluso se pueden descargar en…

Category : Diseño web   06-11-2015   by admin admin

10 webs super útiles que quizás desconocíais

10 webs super útiles que quizás desconocíais

En la red, hay muchas páginas web que pueden resultar muy útiles en momentos determinados, tanto para el ocio como para la productividad. Hoy vamos a ver unas webs super útiles que quizás desconocíais. 1. Easel.ly Una herramienta muy buena para crear infografías online. 2. Modo TV de YouTube El modo de YouTube para cuando…

Category : Diseño web   12-12-2013   by admin admin

Javascript: 12 e-book gratis para usuarios avanzados

Javascript: 12 e-book gratis para usuarios avanzados

El mundo del desarrollo web y del diseño web , como os hemos dicho el el post: Javascript: 16 e-book gratis para usuarios intermedios se ha venido expandiendo en esta última época, especialmente gracias a los nuevos lenguajes HTML5 yCSS3 y a una gran variedad de aplicaciones que utilizan Javascript. Hoy os…

Category : Diseño web   22-08-2013   by admin admin

10 increíbles experimentos con HTML5

10 increíbles experimentos con HTML5

Los laboratorios de innovación se llenan de creación e ideas impresionantes. Este es el caso de Chrome Experiments, creado para que los desarrolladores  den rienda suelta a la  imaginación y expongan sus mejores experimentos para navegadores. El denominador común de todos ellos es que han sido desarrollados mediante HTML5, Canvas, SVG y WebGL. Hoy nos hemos encontrado por Internet…

Category : Diseño web   20-08-2013   by admin admin

Que es el Lorem Ipsum? 25 Originales Generadores de Lorem Ipsum

Que es el Lorem Ipsum? 25 Originales Generadores de Lorem Ipsum

Los diseñadores web, antes de terminar un diseño normalmente lo enseñan a su cliente para poder hacer los cambios finales. Para completar el contenido en lo que respecta al texto, se usa en este caso un texto simulado que se conoce como "Lorem ipsum". Lorem ipsum (lipsum en su forma abeviada) es…

Category : Diseño web   05-08-2013   by admin admin

Que es el flat design o diseño plano?

Que es el flat design o diseño plano?

En diseño las modas son cíclicas y cuando hablamos de diseño web, estos ciclos suelen mucho más cortos. Comentamos esto, porque llevamos ya unos meses viendo que una de las grandes tendencias para este año es volver a hacer uso del “flat design” o diseño plano a la hora de desarrollar…

Category : Diseño web   29-07-2013   by admin admin

50 tutoriales y recursos para wordpress

50 tutoriales y recursos para wordpress

Wall Street Journal, Ford, Sony, Katy Perry, GigaOM, CNN. Todas marcas conocidas. Que tienen en común? Todas tienen la web “Powered by WordPress”. Wordpress se ha convertido en la plataforma más popular de todas las existentes. Lo que antes era  un sistema para la creación de blogs, hoy en día es…

Category : Diseño web   19-07-2013   by admin admin

9 útiles herramientas web para importar y exportar paletas de colores

9 útiles herramientas web para importar y exportar paletas de colores

Para los diseñadores y desarrollos web es de mucha utilidad tener herramientas que les permitan hacer más rápido su trabajo. Para los diseñadores y programadores, quienes son los que hacen el contenido es importante contar con una paleta de colores definida para cada proyecto en el que van a meter mano…

Category : Diseño web   16-07-2013   by admin admin

50 recursos y herramientas webs para diseñadores y desarrolladores

50 recursos y herramientas webs para diseñadores y desarrolladores

¿Queréis saber cómo montar una web o una app desde el principio para impactar a vuestros clientes? A continuación os presentamos una lista con 50 ideas, herramientas y recursos web que os ayudará a optimizar vuestro proyecto web. Hemos dividido la lista en 4 catagorías: Herramientas CSS & HTML Frameworks CSS, HTML & PHP…

Category : Diseño web   08-07-2013   by admin admin

Desarrollo Web: 20 Tutoriales para principiantes

Desarrollo Web: 20 Tutoriales para principiantes

Hoy en día el perfil más buscado por las empresas tecnológicas o por las startups, es una mezcla de diseñador/desarrollador web, que sepa diseñar como un buen diseñador gráfico y que además tenga conocimientos de HTML, CSS, JavaScript, Jquery, PHP, Java, .net... A veces el perfil es prácticamente imposible de cubrir…

Category : Diseño web   02-07-2013   by admin admin

25 Tutoriales CSS3 para efectos avanzados de interfaz de usuario

25 Tutoriales CSS3 para efectos avanzados de interfaz de usuario

En este artículo os presentaremos una lista de 25 excelentes tutoriales css3 a través de los cuales podráis aprender los trucos CSS3 de las interfaces avanzadas. 1. Interactive Infographic with SVG and CSS Animations 2. Animated 3D Bar Chart with CSS3   3. Understanding the CSS Clip Property 4. Annotation Overlay Effect with CSS3   5. Animated…

Category : Diseño web   28-06-2013   by admin admin

90 temas gratis de wordpress para descargar

90 temas gratis de wordpress para descargar

Si queréis empezar a escribir un blog, sin duda la mejor opción para manejarlo es WordPress, una plataforma que ofrece centenares de características favorables para manejar un blog o página web y que además dispone de una una gran comunidad de apoyo. Muchos saben de la gran cantidad de temas gratis…

Category : Diseño web   28-06-2013   by admin admin

Fuentes gratis: una compilación de 75 sitios

Fuentes gratis: una compilación de 75 sitios

A veces encontrar la fuente perfecta para un proyecto resulta muy difícil.  La tipografía es un elemento tan simple y a la vez tan importante que puede ser el motivo del éxito o fracaso de nuestro proyecto. Como os he dicho al principio, es bastante difícil encontrar la fuente adapta, pero…

Category : Diseño web   26-06-2013   by admin admin

E-book y recursos gratuitos sobre diseño y desarrollo web

E-book y recursos gratuitos sobre diseño y desarrollo web

Para los diseñadores o desarrolladores web, aprender de memoria todo lo relacionado con un lenguaje resulta una tarea bastante difícil, es por eso hemos recopilado una lista de recursos gratuitos sobre el diseño y desarrollo web. Dive into HTML5 Guía sobre HTML5 y cómo utilizarlo hoy en día en los navegadores actuales. Autor:…

Category : Diseño web   24-04-2013   by admin admin

La mayoría de dispositivos móviles en Europa están desprotegidos

La mayoría de dispositivos móviles en Europa están desprotegidos

Norton by Symantec ha revelado en un nuevo informe que la mayoría de los europeos no toman las medidas necesarias para proteger sus dispositivos móviles y los datos que almacenan en ellos. «La gente cada vez confía más en sus terminales para sus actividades diarias como navegar, socializar y comprar online en el…

Category : Diseño web   24-04-2013   by admin admin

40 librerías gratis para generar y visualizar gráficos

40 librerías gratis para generar y visualizar gráficos

Visualizar información y mostrar gráficamente y de forma completa y sencilla algo complejo es cada más necesario ante el alud de datos en el que vivimos inmersos. Por ello, es interesante y útil conocer algunos recursos web de fácil manejo para crear gráficos. Son soluciones gratuitas, rápidas de manejar, fáciles de utilizar…

Category : Diseño web   15-04-2013   by admin admin

Tecnicas para el manejo y optimización de imagenes para la Web

Tecnicas para el manejo y optimización de imagenes para la Web

En el trabajo de optimización de un sitio web, nunca se debe dejar de lado el contenido estático, incluidas las imágenes. Algunas mejoras sencillas, de hecho, pueden reducir drásticamente el tiempo de descarga de un sitio web, sin comprometer la calidad El canal YouTube de GoogleWebmasterHelp  nos ofrece una serie de consejos…

Category : Diseño web   11-04-2013   by admin admin

28 Útiles herramientas para hacer Responsive Web Design

28 Útiles herramientas para hacer Responsive Web Design

El Responsive Web Design, es la nueva forma de hacer diseño web, una forma que proporciona una correcta visualización tanto para todo tipo de ordenadores como para tablets y móviles. Si estás pensando en adentrarte en este apasionante mundo no te asustes, los talentosos desarrolladores web de todo el mundo han…

Category : Diseño web   11-04-2013   by admin admin

5 herramientas para optimizar las imágenes de una página web

5 herramientas para optimizar las imágenes de una página web

Nuestro último artículo trataba sobre cómo optimizar la velocidad de carga de una página web y entre las recomendaciones que explicabamos estaba la optimización del tamaño y peso de las imágenes. Pues bien,  en este artículo te ofreceremos cinco herramientas online que te ayudarán a optimizar tus imágenes de forma…

Category : Diseño web   11-04-2013   by admin admin

10 Herramientas para evaluar la accesibilidad de un sitio web

10 Herramientas para evaluar la accesibilidad de un sitio web

En Internet se pueden encontrar gran variedad de herramientas que permiten comprobar la accesibilidad de un sitio web. Antes de profundizar en el manejo de algunas de ellas, se debe distinguir entre los aspectos de accesibilidad que se revisan de forma automática y aquellos que se tienen que comprobar manualmente. Revisión automática:…

Category : Diseño web   11-04-2013   by admin admin

Cómo crear un selector de color con HTML5 Canvas

Cómo crear un selector de color con HTML5 Canvas

Hoy vamos a explicar como pintar en Canvas, y las múltiples y creativas opciones de las que disponemos en HTML5: Canvas es un elemento nuevo en HTML5, utilizado para crear gráficos de secuencias de comandos. Elemento Canvas se basa en la especificación WHATWG. Con el sólo uso del HTML,resultaba un problema la…

Category : Diseño web   11-04-2013   by admin admin

Lista de generadores de CSS3 gratuitos

Uno de los problemas más grandes con todas las propiedades CSS3 nuevas es que la mayoría de ellos tienen múltiples implementaciones específicas del navegador. Esto significa que cuando deseamos una simple sombra, tenemos que recordar un poco de código para hacerlo compatible a través de mayor número de navegadores posible. Para ayudar…

Category : Diseño web   11-04-2013   by admin admin