Coding Resources
Here I have compiled a list of useful web programming resources. I hope you will find this list helpful, and maybe discover a few resources you haven't heard of before.
Hosting
- Netlify - A great place for hosting a static website. The free plan does have a small ad in the corner.
- Neocities - A modern Geocities, this is a nice place to host a simple static website. You can edit HTML/CSS files directly on the site.
- Heroku - A PaaS (Platform as a Service) where you can deploy dynamic web applications.
- OpenShift - Similar to Heroku, a PaaS where you can deploy dynamic web applications.
- Imgur - High quality image hosting. Can host animated gifs. Make an account to keep track of your images.
Stock Images
- Unsplash - High-resolution, large photos with 10 new photos every 10 days. Completely free for you to use.
- MorgueFileFree, high-resolution photo archive that you can search.
Typography + Design
- Flaticon - Large collection of free-to-use icons. However, you must give credit.
- Google Web Fonts - Browse here to find fonts for your webpage.
- COLOURlovers - Find beautiful color palettes and color inspiration for your projects.
- ColorPicker.com - A simple, MS-Paint-like color picker tool.
- HTML-ipsum - A variety of Lorem Ipsum text, provided in HTML code so you can paste it directly into your site.
- Webkit Scrollbar Generator - Generate CSS code for a simple Webkit scrollbar with this beautiful generator.
- CSS Zen Garden - Design and examples inspiration.
Tutorials/Reference
- A Complete Guide to Flexbox - If you're not using Flexbox to create your layouts, I highly recommend it! This guide will explain all there is to know about using Flexbox.
- Using CSS Transitions - A guide to CSS transitions, which you can use to animate changes in CSS.