Resources
curated by the community
-
https://stripesgenerator.com/
02-02-2021
Generate strips in css with this interactive editor
@emehrkay -
https://nominatim.org/release-docs/develop/api/
10-13-2020
OpenStreetMap provides a simple service where you can look up locations by fuzzy search, ip address, or latitude/longitude coordinates.
@emehrkay -
https://www.awwwards.com/awwwards/collections/free-fonts/?utm_source=twitter&utm_medium=social&utm_term=collection_promo&utm_content=free-fonts/
09-29-2020
a nice collection of free fonts from awwwards. Each one has a preview of the font in use
@emehrkay -
https://gerireid.com/forms.html
09-19-2020
Simple best practices for designing forms
@emehrkay -
https://systemuicons.com
09-17-2020
A free set of icons to use in your next project. It has "The Unlicense" license
@emehrkay -
https://blog.thesparktree.com/local-development-with-wildcard-dns
06-26-2020
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`
@emehrkay -
https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp
01-31-2020
A tutorial on how to use an SVG tag to draw a simple fluid line graph without javascript
@emehrkay -
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.
@emehrkay -
https://sizzy.co
09-23-2019
see websites in multiple breakpoints at once
@taurean -
https://polypane.rocks/blog/the-perfect-responsive-menu-2019/
09-23-2019
A quick tutorial on how to build the `perfect` hamburger menu
@emehrkay -
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.
@emehrkay -
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.
@ann -
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
@emehrkay -
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.
@ann -
https://css-tricks.com/svg-path-syntax-illustrated-guide/
07-03-2019
an illustrated guide to using the SVG path element.
@jermaine -
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.
@jermaine -
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!
@jermaine -
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.
@jermaine -
http://jigsaw.w3.org/css-validator/
07-03-2019
The W3C CSS Validation Service: check the validity of your CSS (or HTML with CSS).
@jermaine -
https://css-tricks.com/specifics-on-css-specificity/
07-03-2019
Specificity of css selectors can get confusing. This article explains how it works.
@jermaine