Best of SVG — 2021

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    7 Trending projects on GitHub for JavaScript developers

    Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.

  2. 2
    Article
    Avatar of hashnodeHashnode·5y

    How to make blob menu using HTML, CSS and JavaScript

    I wanted to make something simple with a little transition animation to make it look cool, so I created this blob menu. I got a lot of positive feedback when I shared it so here is the step-by-step process on how to create it. First, we got the <link> tag which is used to import font awesome icons. We got our menu items Menu icon from font-awesome icons. A "links" div that wraps all the items in the menu in one element to be shown or hidden. JavaScript code to show and hide the menu items and the blob.

  3. 3
    Article
    Avatar of smashingSmashing Magazine·5y

    Free Open-Source Icons — Smashing Magazine

    We’ve collected some wonderful, free icons, illustrations, avatars, and animations. They help projects on a tight budget shine, without asking for anything in return. All of these free icons have slightly different licenses (so please check them), but they are free to use in private and commercial work.

  4. 4
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Grainy Gradients

    Noise makes otherwise solid colors or smooth gradients more realistic. Despite designers’ affinity for texture, noise is rarely used in web design. In this article, we’ll generate colorful noise to add texture to a gradient with only a small amount of CSS and SVG.

See all SVG archives