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