Diseño Web

Alternativas de herramientas para diseño gráfico

Hay mucha gente que a día de hoy para diseñar únicamente utiliza Canva ya que es un software y web realmente muy popular y no hay que negar que tiene un gran funcionamiento y una amplia cantidad de contenido con el que trabajar. Pero dependiendo de tus necesidades, o a la…

Category : Diseño web   06-07-2023   by Laura Celis Ballesta

Cómo crear un selector de color con HTML5 Canvas

HTML5 Canvas es una tecnología que permite a los desarrolladores generar gráficos y animaciones en tiempo real utilizando JavaScript. Proporciona un lienzo en blanco en el cual se pueden dibujar y manipular elementos gráficos, como líneas, formas, imágenes y texto, con gran flexibilidad y control. Aquí hay algunos conceptos clave sobre…

Category : Diseño web   30-05-2023   by Janeth Kent

10 Herramientas para evaluar la accesibilidad de un sitio web

La accesibilidad del diseño web juega un papel vital en garantizar que los sitios web sean inclusivos y utilizables para todos los usuarios, independientemente de sus habilidades o discapacidades. Evaluar la accesibilidad del diseño web es crucial para identificar y abordar posibles barreras que puedan dificultar el acceso de los…

Category : Diseño web   29-05-2023   by Janeth Kent

Como hacer tu propio cursor personalizado para tu web

Cuando empecé a ojear webs distintas y originales para aprender de ellas, de las primeras cosas que me llamaron la atención fue que algunas de ellas tenían sus propios cursores, así que investigué para poder incorporarlo en mi web. Hoy os traigo una versión simple de un cursor personalizado para que…

Category : Diseño web   08-06-2022   by Nadal Vicens

Herramientas alternativas de diseño web open source

Hay muchas herramientas de creación de prototipos, de diseño de interfaz de usuario o aplicaciones de gráficos vectoriales. Pero la mayoría son de pago o de código cerrado. Así que por aquí os enseñaré varias opciones open source para que probéis y podáis utilizar la que más os guste. Penpot    Penpot es…

Category : Diseño web   03-06-2022   by Nadal Vicens

El diseño gráfico y su impacto en el desarrollo web

En el artículo de hoy explicaremos el concepto de diseño gráfico, sus fundamentos y lo que aporta al desarrollo web. El diseño gráfico se aplica a todo lo visual, lo creas o no, puede ayudar a vender un producto o una idea, se aplica la identidad de la empresa como…

Category : Diseño web   05-04-2021   by

Desarrollo Web: 20 Tutoriales para principiantes

Un sitio web no está compuesto sólo de bonitas fotos y gran contenido, sino también de complejos guiones que ponen todo en su lugar y hacen que todo el sitio funcione. El desarrollo de un sitio web no es una tarea fácil, y a veces es mucho más difícil que crear…

Category : Diseño web   10-09-2020   by Janeth Kent

¿Cuál es la diferencia entre Flexbox y Grid?

Vamos directos al grano e intentemos responder a esta pregunta con explicaciones sencillas. Hay muchas similitudes entre Flexbox y Grid, empezando por el hecho de que se utilizan para el diseño web y son mucho más potentes que cualquier técnica que haya existido antes. Pueden estirar y encoger los objetos, pueden…

Category : Diseño web   10-01-2020   by Silvia Mazzetta

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? ¿Caras de mujeres o un candelabro? Sí, tal vez pueda adivinar tu respuesta. Porque el estudio dice que el 80% de las personas lo ven como caras de mujeres. Y esa es la forma definitiva en que…

Category : Diseño web   13-12-2019   by Janeth Kent

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Clicky