Twitter Facebook RSS Feed

Categoría ‘Diseño’

  1. Guía completa de selectores de CSS3

    martes, 25 de julio de 2023 a las 21:32hs por Gustavo Cantero (The Wolf)

    CSS3 trae consigo una amplia variedad de selectores que permiten a los desarrolladores web seleccionar y aplicar estilos a elementos HTML de manera precisa y eficiente. En este artículo, exploramos los diferentes tipos de selectores de CSS3 y proporcionamos ejemplos detallados de su uso.


  2. Utilizar la condición @supports

    lunes, 04 de noviembre de 2019 a las 17:02hs por Valentina Echezuria

    La regla @supports nos permite establecer propiedades css que tengan o no soporte por parte de los distintos navegadores. Mediante este método podemos establecer valores para navegadores que tengan el soporte para el mismo, y al mismo tiempo determinar un valor para ese elemento.
    En esta nueva publicación te mostraremos como utilizarla y como aplicarla para lograr un óptimo crossbrowsing.


  3. Propiedad clip-path

    lunes, 23 de septiembre de 2019 a las 11:24hs por Valentina Echezuria

    En este artículo te enseñaremos como utilizar la propiedad clip-path de css, crear áreas de recortes con imágenes en formato svg y animarlas.


  4. Cómo utilizar variables en CSS3

    miércoles, 21 de agosto de 2019 a las 11:19hs por Valentina Echezuria

    En este nuevo tutorial te enseñaremos cómo utilizar las variables en css, aplicarlas en distintos casos y conocer la compatibilidad entre exploradores.


  5. Nuevo diseño de iconos de Office 365

    martes, 21 de mayo de 2019 a las 14:24hs por Valentina Echezuria

    Las tendencias requieren nuevas formas de hacer las cosas, especialmente cuando se trata de imagen de marca.
    Los diseñadores de Office han sido muy cuidadosos y meticulosos con el cambio, y se toman precaución con los rediseños.


  6. Guía completa para aprender a utilizar CSS Grid Layout

    jueves, 02 de mayo de 2019 a las 14:53hs por Valentina Echezuria

    A diferencia de Flexbox que sirve para posicionamientos en una sola dimensión, el posicionamiento en Grid permite la disposición de elementos en 2 dimensiones, logrando establecer los valores o espacios que ocuparan los elementos dentro de una composición. En este artículo comentamos cómo utilizarlo.


  7. Color Pantone del año 2019 Living Coral 16-1546

    miércoles, 10 de abril de 2019 a las 14:17hs por Valentina Echezuria

    En esta oportunidad te presentamos el color Pantone del año 2019: Living Coral 16-1546. Cada año Pantone se ha encargado de elegir el color del año es cual influirá altamente en el desarrollo de productos, en la moda y en el diseño gráfico.


  8. Tendencias en diseño web para 2019

    viernes, 22 de febrero de 2019 a las 13:17hs por Valentina Echezuria

    El año 2019 ha llegado y con este vienen las tendencias de lo que se podrá ver en el diseño web durante el año, algunas de estas se han mantenido desde el 2018, como los degradados con colores brillantes, vídeos de fondo, etc. Algunas nuevas tendencias que veremos durante el año serán diseños con formas geométricas, tipografías con fondo, también veremos como los diseñadores buscando por salir de un sistema de cuadriculas, abogaran por un diseño de rejilla rota o asimétrico.

    En este artículo, te presentamos algunas de estas tendencias


  9. Tutorial para utilizar FlexBox en Css

    jueves, 24 de enero de 2019 a las 10:16hs por Valentina Echezuria

    Flexbox es un sistema de disposición de elementos flexibles en donde los elementos se adaptan y colocan automáticamente y es más fácil personalizar los diseños y establecer los parámetros para la visualización de los mismos en responsive.
    En este tutorial te enseñaremos como aplicar la disposición flex y todas sus variantes para poder lograr un diseño donde puedas establecer el orden de los elementos de tu sitio web.


  10. Las 15 mejores fuentes de Google Fonts

    viernes, 14 de diciembre de 2018 a las 16:12hs por Valentina Echezuria

    Elegir una fuente es una elección muy importante a la hora de diseñar tu sitio web, tiene un gran peso sobre el Bounce Rate (Tasa de rebote:que se expresa de forma porcentual, mide el porcentaje de sesiones que ha visitado una sola página y se ha marchado.), especialmente si elijes para tu sitio una fuente de difícil lectura para el usuario.
    Actualmente Google Fonts cuenta con 884 fuentes diferentes gratuitas, por eso puede ser difícil decidir cual de fuente utilizar, por eso basados en una estadística de Google Fonts Analytics te presentaremos las 15 mejores fuentes.


  11. Animaciones y efectos para usar en tu sitio web

    martes, 04 de diciembre de 2018 a las 15:21hs por Valentina Echezuria

    En esta oportunidad te presentamos una serie de efectos y animaciones para embellecer tu sitio y hacerlo mas atractivo para los usuarios.


  12. Efectos de textos con CSS

    martes, 13 de noviembre de 2018 a las 12:29hs por Valentina Echezuria

    Hoy en día CSS3 nos trae la posibilidad de jugar con los textos y tipografías creativamente, se pueden renderizar efectos que antes sólo se podían hacer en Photoshop, e incluso nos permite agregarle animaciones bastantes creativas.
    En este post te presentamos algunos efectos para textos sólo con Html y CSS.


  13. Diseño web Responsive vs Adaptativo

    jueves, 11 de octubre de 2018 a las 11:50hs por Valentina Echezuria

    Cuando se trata de diseño web, a veces hay que decidir cual sera la mejor opción para la visualización del sitio en distintos dispositivos, si es mejor hacer un diseño responsive o adaptativo, a pesar de ser métodos muy parecidos y pueden causar confusion, por eso te aclararemos las diferencias entre cada uno y cuales son sus ventajas y desventajas.


  14. Crear una plantilla de WordPress desde cero

    miércoles, 08 de agosto de 2018 a las 15:48hs por Valentina Echezuria

    En este tutorial te enseñaremos a preparar los archivos y a crear una plantilla de WordPress responsive utilizando el framework Materialize.


  15. Animaciones en scroll con Wow.js y Animate.css

    martes, 17 de julio de 2018 a las 13:05hs por Valentina Echezuria

    En este articulo te explicaremos como utilizar las librerías Animate.css y Wow.js, para animar el contenido de nuestro sitio mientras hacemos scroll.