The best sites for Designing and Building your Website

Useful Links for designing websites

If you are designing websites then you will find these resources invaluable.

Blumentals software : The Webuider product is really nice IDE that incorporates html, css and php, plus many other add-ons and libraries.

depositphotos : There are many images and high quality photos here that can be used for free by providing a credit link to the author.
ICONPACKS : Have really nice sets of free icons.
flaticon : Another source of free icons.
kapwing : Some nice illustrations for error pages, all for free.
ILOVEIMG : Compressing the images on the website for free. This improves your bandwidth and makes the page faster to load.
favicon.io : Generating Favicons from Text for free.

developer.mozilla : Decent documentation with examples on html entities.
HTML The Living Standard : Current HTML Specification.
An SEO Guide to URL Parameter Handling : Learn six ways to avoid potential SEO issues with URL parameters.
The Truth About Multiple H1 Tags : It is okay to use multiple H1 tags.
A HTML Color Picker : It shows you colours in shades, hues, saturation and lightness.
Colour Palette : Gives you a palette of colours based on your selection.
Contact Form Generator : Allows to design your contact form with various elements and options.

Layout and the containing block : Examples of what determines a containing block for CSS.
CSS: Cascading Style Sheets : Very good documentation with on all aspects of css.
A complete guide to Grid : Decent documentation with examples on css Grid.
smashingmagazine : Top 10 CSS Table Designs.
A Complete Guide To Variables : In CSS, with examples.
A Complete Guide to calc() : In CSS.
An explanation on accent-color : This property allows you to style some of the elements that the browsers control.
Going to Print : CSS Design for print friendly pages.
Box Shadow Generator : Design the box shadow and then copy the css.
Animated Gradient Background Generator : Design the Gradient and copy the css.
CSS Layout Generator 1 : Design the Layout and copy the css and html.
CSS Layout Generator 2 : Design the Layout and copy the css and html.
CSS Grid Generator : Design a grid and download the html and css.
CSS Selectors : What does ">", "+" and"~" do in CSS.

WCAG : Guidelines and Test : Run a WCAG compliance test to see if your website is accessible to people with disabilities.
WAVE : Web Accessibility Evaluation : A graphic display of alt, titles and aria label tags.
Colorblind Filter : See your page from the POV of a colour blind person.
Readability Test Tool : Test the readability / comprehension of your website.
Screen Reader : Screen Reader for Google Chrome.

Robots Text Generator Tool: Quickly generate a robots.txt for your site.
WebPageTest : Tool to test web pages load time.
seo.entireweb tools : Nice set of tools. You need an account, but its free and not hobbled.
ahrefs seo-toolbar : Free toolbar for Chrome or Firefox to quickly show you some SEO data about your website.

Back to Developer Links
Website Security
Website Checking