1. 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.

  2. 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

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

    Simple best practices for designing forms

  4. https://systemuicons.com

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

  5. 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`

  6. 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

  7. 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.

  8. https://sizzy.co

    see websites in multiple breakpoints at once

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

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

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

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

  11. 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.

  12. 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

  13. https://cruip.com/

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

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

    an illustrated guide to using the SVG path element.

  15. 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.

  16. http://animista.net

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

  17. 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.

  18. http://jigsaw.w3.org/css-validator/

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

  19. https://css-tricks.com/specifics-on-css-specificity/

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

  20. https://zendev.com/ultimate-guide-to-learning-css.html

    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.