Resources

curated by the community

  1. https://icons8.com/line-awesome
    11-03-2019

    Pretty cool modern icons for use in your projects. The license requires attribution, so if you use the icons, you must provide a link back to the project.

  2. https://sizzy.co
    09-23-2019

    see websites in multiple breakpoints at once

  3. https://polypane.rocks/blog/the-perfect-responsive-menu-2019/
    09-23-2019

    A quick tutorial on how to build the `perfect` hamburger menu

  4. https://adamsilver.io/articles/where-to-put-buttons-in-forms/
    09-17-2019

    A brief overview of the ideal placement for buttons in an html form.

  5. https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/
    09-09-2019

    Learn a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.

  6. https://wattenberger.com/blog/d3
    09-06-2019

    This site links to many resources that will help you get a better understanding of how to utilize D3.js. There is a lot here

  7. https://cruip.com/
    07-08-2019

    Beautifully designed HTML templates to help you easily create a landing page that looks professional, converts visitors, and grows your business.

  8. https://css-tricks.com/svg-path-syntax-illustrated-guide/
    07-03-2019

    an illustrated guide to using the SVG path element.

  9. https://zellwk.com/blog/nunjucks-with-gulp/
    07-03-2019

    How To Modularize HTML Using Template Engines and Gulp This article walks you through using the template engine Nunjucks and the task runner Gulp to do some modular HTML.

  10. http://animista.net
    07-03-2019

    On-demand CSS animations. Play around til you get what you want, then export to CSS for your project!

  11. https://zellwk.com/blog/rem-vs-em/
    07-03-2019

    REM vs. EM: a nice explanation on these two units, and how you can use them in building modular components.

  12. http://jigsaw.w3.org/css-validator/
    07-03-2019

    The W3C CSS Validation Service: check the validity of your CSS (or HTML with CSS).

  13. https://css-tricks.com/specifics-on-css-specificity/
    07-03-2019

    Specificity of css selectors can get confusing. This article explains how it works.

  14. https://zendev.com/ultimate-guide-to-learning-css.html
    07-03-2019

    This article is intended to be a resource for learning, finding the best resources around to learn each area of CSS. Topics are arranged in an order that makes sense for learning from scratch. So if youre brand new to CSS, you should be able to start at the top and work downwards, gradually increasing your understanding.

  15. https://css-tricks.com/almanac/
    07-03-2019

    a reference guide to the many features of CSS.

  16. http://learnlayout.com/
    07-03-2019

    this site teaches the CSS fundamentals that are used in any websites layout.

  17. https://csswizardry.com/2019/03/cache-control-for-civilians/
    07-03-2019

    Cache-Control for Civilians. The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors.

  18. https://github.com/cssanimation/css-animation-101
    07-03-2019

    This book gives you a solid introduction to the topic, combining theory with practical lessons. You’ll learn how, and why to use animation on your web pages and hopefully be inspired to try it on your own projects!

  19. https://pinegrow.com/courses/learn-css-grid-with-pinegrow/
    07-03-2019

    Free video course on css grid

  20. https://picular.co
    07-03-2019

    A search engine that will generate colors based on a phrase