1. https://healthicons.org

    A community driven project with the focus of providing a suite of healthcare-realted icons for any project. See: https://twitter.com/dburka/status/1403270831090851841

  2. https://markodenic.com/posts/html-tips/

    A collection of cool little things that you may have missed when learning html(5)

  3. https://stripesgenerator.com/

    Generate strips in css with this interactive editor

  4. https://nominatim.org/release-docs/develop/api/

    OpenStreetMap provides a simple service where you can look up locations by fuzzy search, ip address, or latitude/longitude coordinates.

  5. https://www.awwwards.com/awwwards/collections/free-fonts/?utm_source=twitter&utm_medium=social&utm_term=collection_promo&utm_content=free-fonts/

    a nice collection of free fonts from awwwards. Each one has a preview of the font in use

  6. https://gerireid.com/forms.html

    Simple best practices for designing forms

  7. https://systemuicons.com

    A free set of icons to use in your next project. It has "The Unlicense" license

  8. https://blog.thesparktree.com/local-development-with-wildcard-dns

    How to setup a wildcard suddomains for local development on a mac. Article edit: You need to create the /etc/resolver directory via `sudo mkdir -v /etc/resolver`

  9. https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp

    A tutorial on how to use an SVG tag to draw a simple fluid line graph without javascript

  10. https://icons8.com/line-awesome

    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.

  11. https://sizzy.co

    see websites in multiple breakpoints at once

  12. https://polypane.rocks/blog/the-perfect-responsive-menu-2019/

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

  13. https://adamsilver.io/articles/where-to-put-buttons-in-forms/

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

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

    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.

  15. https://wattenberger.com/blog/d3

    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

  16. https://cruip.com/

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

  17. https://css-tricks.com/svg-path-syntax-illustrated-guide/

    an illustrated guide to using the SVG path element.

  18. https://zellwk.com/blog/nunjucks-with-gulp/

    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.

  19. http://animista.net

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

  20. https://zellwk.com/blog/rem-vs-em/

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