• Inicio
  • Blog
  • Creandolared
  • Buscar
  • Ingresar
  • Registrarse

    • Hack x Crack - Comunidad de Seguridad informática »
    • Programación »
    • Programación Web »
    • Herramientas para el diseño web.
    ¿Quieres aprender de páginas web? Visita la comunidad Creandolared
    • Imprimir
    Páginas: [1]   Ir Abajo

    Autor Tema: Herramientas para el diseño web.  (Leído 350 veces)

    Desconectado R3LI4NT

    • { L3 } Über
    • ***
    • Mensajes: 160
    • El poder del usuario radica en su ANONIMATO.
      • Ver Perfil
      • GitHub
    Herramientas para el diseño web.
    « en: Abril 01, 2021, 05:57:50 pm »
    Buenas comunidad Hack X Crack!

    En este nuevo post quiero compartir con ustedes mis herramientas que más utilizo a la hora de diseñar una web, tanto profesional como a nivel personal.

    Efectos CSS
    WebGradients es una colección de 180 gradientes lineales que puede usar como fondo de contenido para su sitio web


    Link: https://webgradients.com/
    Grabient es igual que la anterior mencionada pero, en está puedes personalizar a tu gusto.
    Link: https://www.grabient.com/


    CSS Rotate
    CSSPortal es un generador que nos ayudara a rotar el texto.


    Link: https://www.cssportal.com/css3-text-rotate-generator/


    CSS Border Radius
    CSSmatic es un conjunto de herramienta destinado a ahorrarnos tiempo a la hora de crear efectos, en este caso agregar bordes a nuestra caja.


    Link: https://www.cssmatic.com/

    Animate Scroll
    AOS es una biblioteca en la cual colecciona varias animaciones al hacer scroll, al final de la web encontraran los links para importar al CSS y JS.

    Link: https://michalsnik.github.io/aos/


    Sliders
    Swiper ofrece un montón de sliders (carruseles) que puedas utilizar en tu web.

    Link: https://swiperjs.com/demos


    Extensión ColorZilla
    ColorZilla permite obtener el color que deseas de cualquier sitio web.

    Link: https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=es-419


    Extensión Viewport Resizer-Responsive
    Viewport es muy útil para añadir responsive (adaptar sitio a otros dispositivos) a nuestra web, ya no será necesario minimizar la ventana y hacerlo a ojo (es la extensión que más utilizo).


    Link: https://chrome.google.com/webstore/detail/viewport-resizer-%E2%80%93-respon/kapnjjcfcncngkadhpmijlkblpibdcgm


    Extensión Viewport Whatfont
    Lo mismo que la primera, solo que es para saber la fuente de texto de cualquier sitio web.


    Por el momento son las que más utilizo en lo personal, por supuesto que hay muchas más y seguiré compartiendo más de ellas en el foro.

    Un saludo!
    #R3LI4NT
    En línea

    • Imprimir
    Páginas: [1]   Ir Arriba
    • Hack x Crack - Comunidad de Seguridad informática »
    • Programación »
    • Programación Web »
    • Herramientas para el diseño web.
     

    • SMF | SMF © 2013, Simple Machines
    • XHTML
    • RSS
    • WAP2
    Va un mudo y le dice a un sordo: Hack x Crack usa cookies. Pues eso... Learn more