Best of CSS — December 2020

  1. 1
    Article
    Avatar of hashnodeHashnode·5y

    50 free tools and resources you're gonna love (Part 2)

    Free tools and resources you're gonna love. Part 2 of a two-part series on free software. The next part of the series will look at free software for developers. The second part will focus on software that is free for developers, including SaaS, PaaS and IaaS.

  2. 2
    Article
    Avatar of hashnodeHashnode·5y

    50 free tools and resources you're gonna love

    Free and open-source icons designed with attention to detail to make your design stand out. Remove bg.g.Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free. Canva's drag-and-drop feature and layouts to design, share and print business cards.

  3. 3
    Article
    Avatar of webweb.dev·5y

    Centering in CSS

    Centering in CSS is a notorious challenge, fraught with jokes and mockery. Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. At the end, I reveal the highest scoring technique, as well as a "most valuable"

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    How to Learn Web Development in 2021 - a Web Developer Roadmap

  5. 5
    Article
    Avatar of hashnodeHashnode·5y

    Cool Vscode Extensions for Developers

    The Vscode Extension allows you to add tools, languages, debuggers, and much more to your code editor. With the vscode extension, developers write faster, cleaner, and more consistent code. To get started is quite simple, we just have to install the extensions on our editor from the extensions panel.

  6. 6
    Article
    Avatar of itnextITNEXT·5y

    How to increase CSS-in-JS performance by 175x

    How to increase CSS-in-JS performance by 175x. How to make your existing styling more dynamic by making your static styling more static. Using HOC wrappers instead of litters for your application with HOCs. Using CSS Variables instead of namespaced classes.

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

    Hell Yes! CSS!

    Hell Yes! CSS! is a 28-page zine about learning and using CSS. The zine explains the basics of CSS and gives examples to play with. It also explains how flexbox and grid are a WAY easier and less painful way to do layout than what people did.

  8. 8
    Article
    Avatar of dailydaily.dev·5y

    Create a crazy input interaction with lax.js. 🤪

    Lax.js is a JavaScript library to create smooth & beautiful animations when you scroll. Lax is really, really small. When gzipped, it's less than 4 kilobytes in size! It has a new JS animation syntax for advanced animation combinations to work on. animations can be given a kick of interia while scrolling. You can create custom CSS bindings.

  9. 9
    Article
    Avatar of devtoDEV·5y

    Cyberpunk 2077 Inspired Menu in CSS only! Video Tutorial!

    I have created a video where you can learn how to create a menu like in cyberpunk. If you just want to see the code it is here:https://github.com/lampewebdev/cyberpunk-menu. Say Hello! Instagram | Twitter | LinkedIn | Medium | Twitch | YouTube.

  10. 10
    Article
    Avatar of swlhThe Startup·5y

    Rules of Micro-Frontends

    This is an opinionated list of best practices when designing applications that follow the Micro-frontend pattern. Each “rule” should be examined… Each ‘rule’ is an example of how to use a Micro-Frontend to build a large web application.

  11. 11
    Article
    Avatar of dzDZone·5y

    Building Charts Using C3.js

    C3.js is D3 based JavaScript based chart library. It can be used to create visualizations using SVG, HTML, and CSS. C3 provides a variety of callbacks to access the state of the chart. By using these APIs and callbacks, you can update the chart, even after it is rendered.

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

    How The Web is Really Built

    A lot of the code we found could have been written a decade ago. When new tech ends up being used sufficiently to appear in these stats, it’s often because the primary driver is a popular library or framework. Effectively, we (standards folks, browser implementers, etc.) are building tech for tooling authors.

See all CSS archives