22 Resources to Help You Build Your WordPress Website

If you decide to build a WordPress website (self-hosted option), learning as much as you can about HTML, CSS, PHP, and JavaScript among other things can be helpful. Why?

  1. You don’t have to pay outrageous fees to hire people to do coding/development work for you.
  2. You’re able to make changes when needed.

HTML
HTML 5 Tutorial: https://www.w3schools.com/html

CSS
CSS Tutorial: https://www.w3schools.com/css
CSS Tricks: https://css-tricks.com
Export CSS code for a custom box: http://www.cssarrowplease.com
Box shadow generator: http://www.cssmatic.com/box-shadow
Learn Flexbox: http://flexboxfroggy.com

PHP
PHP 5 Tutorial: https://www.w3schools.com/php
PHP Information: http://php.net

JavaScript
JavaScript Tutorial: https://www.w3schools.com/js

General
Social development environment for front-end designers and developers: https://codepen.io
Breakpoints for media queries: https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints

Colors
Simple color picker: https://www.webpagefx.com/web-design/color-picker
Choose your color palette and see examples: http://paletton.com
Color schemes generator: https://coolors.co
Blend two colors: http://colinkeany.com/blend
Check two colors against each other: http://contrastchecker.com
Color wheel: https://color.adobe.com
Color Conversion: http://colorizer.org

Fonts
Google fonts: https://fonts.google.com
Adobe Typekit: https://typekit.com
Icon fonts: http://fontello.com
What the font: https://www.myfonts.com/whatthefont