1 - Noticias de Diseño y Desarrollo Web, Javascript, Angular, React, Vue, Php

18 resultados por: svg

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

Explorando la API CSS Paint: Redondeo de formas parte 2

Vamos con la segunda parte de nuestro artícul sobre como manejar la API Paint para redondar bordes complejos   Control de los radios   En todos los ejemplos que hemos visto, siempre consideramos un radio aplicado a todas las esquinas de cada forma. Sería interesante que pudiéramos controlar el valor del radio de cada…

Category : Css   25-10-2021   by Silvia Mazzetta

Explorando la API de CSS Paint: Redondeo de formas parte 1

Añadir bordes a las formas complejas es un auténtico rollo (a veces), pero redondear las esquinas de las formas complejas es un suplicio jejeje. Por suerte, la API de pintura de CSS o CSS Paint API ha llegado a rescatarnos.   En general, cuando trabajamos con la API de pintura CSS seguimos…

Category : Css   25-10-2021   by Silvia Mazzetta

Bootstrap 5 beta2. ¿Qué ofrece?

Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la construcción de sitios responsivos y mobile-first. Si quieres saber cuáles son los cambios significativos que vienen con la próxima versión…

Category : Css   05-04-2021   by Tibor Kopca

Las Mejores Librerias de JavaScript para Aumentar la Productividad

Todos escribimos mucho código en nuestro día a día. A veces creamos aplicaciones enormes y otras veces nos pasamos el día escribiendo código para funciones sencillas que quizá no tengamos que programar en absoluto. Hay cientos de miles de bibliotecas para todo tipo de casos de uso, y el uso…

Category : Javascript   08-03-2021   by

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 Tibor Kopca

Cómo usar el efecto Parallax.Js en tu sitio web

Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil - bueno, este motor reaccionará al movimiento de un dispositivo inteligente, desplazando las capas dependiendo de su profundidad dentro de…

Category : Javascript   27-12-2020   by Tibor Kopca

El concepto de Modelo-Vista-Controlador (MVC) explicado

En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es un patrón de diseño de software que divide el programa o la aplicación web relacionada en tres elementos o componentes…

Category : Programación   04-11-2020   by Tibor Kopca

Cómo usar el Masking en CSS

Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro efecto, entonces necesitas usar un enmascaramiento. Este post explica cómo usar la propiedad mask-image en CSS, lo que te permite…

Category : Css   28-09-2020   by Silvia Mazzetta

El efecto Dunning-Kruger, o por qué la gente opina de todo sin tener ni idea

El efecto Dunning-Kruger puede resumirse en una frase: cuanto menos sabemos, más creemos saber. Es un sesgo cognitivo según el cual, las personas con menos habilidades, capacidades y conocimientos tienden a sobrestimar esas mismas habilidades, capacidades y conocimientos. Como resultado, estas personas suelen convertirse en ultracrepidarian; gente que opina sobre todo lo…

Category : Social networks   14-04-2020   by Luigi Nori

Cómo hacer animaciones en CSS3

Las animaciones CSS son una alternativa más poderosa que las transiciones. En vez de confiar en el secuencia de un estado inicial a un estado final, las animaciones pueden tener cuantos estados se necesiten en medio del estado inicial y el estado final, ofreciendo un mayor control de cómo los…

Category : Css   01-06-2020   by Silvia Mazzetta

Ejemplo completo de CRUD con Redux y React

Ejemplo completo de CRUD con Redux y React

El objetivo de este artículo es explicar los conceptos básicos de Redux mediante una aplicación CRUD. La mayoría de las aplicaciones son aplicaciones CRUD. Si no sabes lo que CRUD realmente es, es la abreviatura de Create, Read, Update y Delete. Así que esta entrada de blog te mostrará los pasos…

Category : Javascript   23-08-2018   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

Plugins jQuery para Efectos de Transición de Páginas con CSS3

Plugins jQuery para Efectos de Transición de Páginas con CSS3

Todo el mundo sabe que si desea más tráfico en su sitio web y quiere estar en la cima de los resultados de búsqueda también debe tener la página web mas hermosa, mejor y profesional posible, para hacer esto jQuery es la solución. Independientemente del contenido que tenga una web, se…

Category : Javascript   10-02-2017   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

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

Utilizamos cookies propias y de terceros para mejorar nuestros servicios, elaborar información estadística y analizar tus hábitos de navegación. Esto nos permite personalizar el contenido que ofrecemos y mostrarte publicidad relacionada con tus preferencias. Clicando en ‘Acepta todas’ aceptas el almacenamiento de cookies en tu dispositivo para mejorar la navegación en el sitio web, analizar el tráfico y ayudar en nuestras actividades de marketing. También puedes seleccionar ‘Sólo cookies de sistema’ para aceptar sólo las cookies necesarias para que la web funcione, o puedes seleccionar las cookies que quieres activar clicando en ‘Configuración’

Acepta todas Sólo cookies de sistema Configuración
q=svg