Learning development isn’t just about building demos, taking courses, and reading books! There is an incredibly deep and wide pool of information that you will need to be able to retrieve information from, and things are constantly changing!

The resources below may be helpful to reference or utilize as compliments to your learning process, or as a handy way to double-check yourself, or to give you a bit of inspiration for a problem or design you may be working on. If you have any suggestions that you would like me to add to the list, please send me a message!


References

Browser compatibility

Vanilla JavaScript DOM Manipulation (w/ IE)

HTML Semantics Cheat Sheet

Material UI Icons

Google Fonts

Design Inspiration Sites

As a quick disclaimer, be mindful to not confuse aesthetics with functional design! Many inspiration sites are NOT client work and only exist on these platforms.

Utilities

Design Applications

Validators / Linters

Validators and linters can be used to check if a certain file type is correctly structured to ensure that it can be read, and may help clean up formatting and spacing.

JSON

YAML

GitLab CI Lint

  • https://docs.gitlab.com/ee/ci/lint.html
    • I couldn’t find any direct pathways to the linter. If you create a GitLab repo with the intent of using CI, the instructions above will show you how to access the linter, and you can create a bookmark from there!

Site Performance

Page Compression Checker

Rich Search Results Checker

Color

Color palettes and generator from images

Color tool

Color wheel

Tools

Freely remove backgrounds from images

Compress JPEG and PNG files, has an API for automated compression

Generators

Favicons

Documents

Waves

Blobs

Avatars

People

Fonts

Branding

APIs

If you want to get some hands-on learning with APIs, the Noops Challenge is a great place to get started!

Below is a list of easy-to-use APIs to play around with. There is also a massive list of public APIs on GitHub.

Training

Code Challenges

Typing

Typing practice for code

Typing WPM and accuracy trainer

Career Development

Job Resources

Networking

Libraries

I hesitate to add libraries, but some of the following may be helpful references.

Lightweight tooltip engine