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

22 resultados por: css3

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

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

Guía sencilla para convertir imágenes a WebP en PHP

El 30 de septiembre de 2010, Google anunció la publicación de un nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web. La base para este estándar fue el formato de vídeo VP8, desarrollado por On2 Technologies, empresa que Google adquirió el mismo año. Google trabajó para…

Category : Php   03-04-2023   by Silvia Mazzetta

Transiciones y Transformaciones CSS : guia básica con ejemplos

Desde el lanzamiento de CSS3, las transiciones permiten a los diseñadores web y desarrolladores web front-end crear animaciones sin necesidad de usar JavaScript. A partir de este mismo año 2019, las transiciones son finalmente soportadas por todos los navegadores modernos. Si desea utilizar transiciones en navegadores antiguos, es necesario utilizar prefijos…

Category : Css   20-11-2019   by Silvia Mazzetta

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

Guía de Flexbox: las bases

En este artículo aprenderemos a manejar los elementos de nuestra web de una manera más eficiente y eficaz, gracias a la propiedad Flexbox. Pero cuidado, no estamos hablando de una simple propiedad css, sino de un conjunto de ellas, que nos permitirán organizar, alinear y distribuir el espacio de los elementos…

Category : Css   23-05-2020   by Silvia Mazzetta

Grid CSS: la unidad fraccionaria

La unidad fraccionaria (fr) es una nueva forma de medición en CSS, asociada en gran medida a la Grid CSS. Finjamos que nos olvidamos de la Grid CSS o de las unidades fraccionarias por un momento. Bien. Así que son días festivos. En parte es verdad...mañana es fiesta ;-). Por la ocasión, hemos preparado…

Category : Css   31-10-2019   by Silvia Mazzetta

CSS3: Selectores avanzados y pseudo clases. Descripción, uso y ejemplos

Ya sabemos que para aplicar estilos a un documento HTML utilizamos los selectores CSS. Un selector se define como el código que identifica a uno o varios elementos HTML para aplicarle estilos de color, tamaño, separación, etc. Los selectores más comunes son aquellos que se asignan a clases (class), identificadores…

Category : Css   29-10-2019   by Silvia Mazzetta

Cómo convertirte en un desarrollador web actual

Hay un montón de tutoriales en línea completamente gratis. Si eres lo suficientemente autodirigido e interesado, no tienes ninguna dificultad para entrenarte a ti mismo. El punto para aprender a codificar creo que es leer mucho código de otros desarrolladores, luego escribir código y probar para ver qué produce, cuál…

Category : Programación   04-06-2019   by Janeth Kent

Que son y Como funcionan las medidas VH y VW de CSS3

Que son y Como funcionan las medidas VH y VW de CSS3

  Seguro muchos de nosotros conocemos las unidades px, em, rem, % y pt, pero quizás no todos conocían o usan las unidades de medida vh y vw. Hoy vamos a conocer las unidades vh y vw, introducidas en la versión 3 de CSS. Qué son estas medidas y cómo usarlas en…

Category : Css   23-02-2017   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

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 : Javascript   22-08-2013   by Janeth Kent

15 increíbles tutoriales para generar efectos de texto con CSS3

15 increíbles tutoriales para generar efectos de texto con CSS3

Normalmente para añadir efectos sobre textos utilizamos algunos trucos y efectos de Photoshop, pero si hablamos de diseño web entonces podemos conseguir efectos realmente impresionantes tan solo aplicando algo de CSS3. La ventaja de este método es que la cantidad de datos que se tienen que descargar para visualizar una página…

Category : Css   20-08-2013   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

MDN, la red de desarrolladores de Mozilla: experimentos y demos

MDN, la red de desarrolladores de Mozilla: experimentos y demos

La red de desarrolladores de Mozilla (MDN), es muy popular entre los desarrolladores web. Diseñada por y para desarrolladores y diseñadores, MDN ayuda a Mozilla en su misión para promover la apertura y la innovación en la web. MDN es una wiki open osea abierta, impulsada por la misma comunidad, que proporciona a los…

Category : Software   17-07-2013   by Janeth Kent

27 recursos y utilidades para diseño web mobile y responsive

27 recursos y utilidades para diseño web mobile y responsive

Este último año, la demanda de diseño de sitios web Responsive se ha disparado. Cuando empezamos un proyecto con responsive web design siempre necesitamos re-dimensionar nuestra pantalla a los distintos tamaños de dispositivos ya sea: tablet, ipad, iphone, smartphone o desktop. Es cierto que hay muchas herramientas en Internet que nos ayudan e incluso…

Category : Software   09-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

Efecto Parallax scrolling: 16 tutoriales

El Parallax scrolling es una de las tendencias en diseño web para este año, básicamente funciona así: mientras te desplazas (scroll) por la página web, el fondo se “mueve” más lento que el contenido en el primer plano, creando así fondos panorámicos o la ilusión de un 3D. Hemos recolectado 16…

Category : Javascript   25-06-2013   by Janeth Kent

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

50 útiles plugins de jQuery

50 útiles plugins de jQuery

Hemos recopilado una lista de los mejores plugins para Jquery separándolos en catagorías: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins  y, "todo lo demás...:-D". Web Page Layout Plugins equalize.js Freetile.js gridster.js Zoomooz.js Wookmark Filtrify jQuery HiddenPosition Stellar.js turn.js Responsive Measure jQuery Scroll Path HorizontalNav stickyMojo ddSlick jQuery Collapse jQuery Akordeon Form Plugins jQuery Complexify jQuery File…

Category : Javascript   11-04-2013   by Janeth Kent

q=css3 Clicky