Knowledge Base
The Knowledge Base is a place where I collect useful web-development thoughts and resources.
It's intended to constantly evolve and as such will never be 'complete' but will serve as an aide memoire to myself and hopefully a useful resource to other Web developers.
It's also completely opinionated. It presents how I think websites should be created.
- Accessibility - Analytics - Aspect Ratio - Async - Basic Principles - CSS - Cicada Randomness - Container Queries - Current/Active Link - Design - Error 404 - FallBack - Favicons - Flex-basis - Flexbox - Fonts - Grid - Icons - Images - Layout - Lazy-loading - Loading - Long Words - Markup - Navigation - PHP - Print - Progressive Enhancement - Responsive Design - SVG - Skip Links - Tables - Thoughts - Tips - UI - UX - URLs - User Expectations and Behaviour - Visually Hidden
Accessibility
- Accessibility feedback from Twitter - 11 Jul 2017
- Accessible Responsive Tables - 03 Aug 2016
- Basic Principles - 06 Jun 2017
- CSS Hide-and-Seek - 28 Oct 2016
- Focus Styles - 20 Jun 2019
- Media Queries - 04 Jul 2019
- Nutrition Cards for Accessible Components - 18 Jul 2019
- Skip Links - 18 Jul 2019
- Visually Hidden - 04 Jul 2019
Analytics
- Analytics - 18 Jul 2019
Aspect Ratio
- Aspect Ratio Boxes - 18 Jul 2019
Async
- Async CSS - 11 Jul 2019
Basic Principles
- Basic Principles - 06 Jun 2017
CSS
- Aspect Ratio Boxes - 18 Jul 2019
- Async CSS - 11 Jul 2019
- CSS Classes and the Single Responsibility Principle - 13 Jun 2016
- CSS Hide-and-Seek - 28 Oct 2016
- CSS Quantity Queries - 04 Aug 2020
- CSS Tricks - 13 Jul 2016
- CSS min(), max, and clamp() - 31 Jul 2020
- Container Queries - 04 Jul 2019
- Flex-grow 9999 Hack - 07 Oct 2016
- Flexbox Gallery Layout - 05 Sep 2016
- Flexbox for layout - 24 May 2016
- Focus Styles - 20 Jun 2019
- Full Width Containers in Limited Width Parents - 10 May 2017
- Grid Resources - 04 Jul 2019
- Handling Long Words - 20 Jun 2017
- Magic randomisation with nth-child and Cicada Principle - 13 Oct 2016
- Media Queries - 05 Oct 2017
- Print Stylesheets - 12 Dec 2016
- Skip Links - 18 Jul 2019
- Vertical Text - 11 Aug 2016
- Visually Hidden - 04 Jul 2019
Cicada Randomness
- Magic randomisation with nth-child and Cicada Principle - 13 Oct 2016
Container Queries
- Container Queries - 04 Jul 2019
Current/Active Link
- CSS Tricks - 13 Jul 2016
Design
- Flexbox Gallery Layout - 05 Sep 2016
- Handling Long Words - 20 Jun 2017
- Image Design - 13 Jul 2016
- Media Queries - 04 Jul 2019
Error 404
- 404 Pages - 07 May 2016
FallBack
- Fonts - 27 Mar 2018
- Lazy Loading Images with Fallback - 28 Oct 2016
Favicons
- Favicons - 23 Jun 2016
Flex-basis
- Flex-basis tip - 26 Jul 2016
Flexbox
- Container Queries - 04 Jul 2019
- Flex-basis tip - 26 Jul 2016
- Flex-grow 9999 Hack - 07 Oct 2016
- Flexbox Gallery Layout - 05 Sep 2016
- Flexbox for layout - 24 May 2016
Fonts
- Fonts - 27 Mar 2018
Grid
- Grid Resources - 04 Jul 2019
Icons
- Thoughts on SVG icons - 06 Apr 2016
Images
- Image Design - 13 Jul 2016
- Is there really such a thing as a 'purely decorative' image? - 07 Oct 2015
- Lazy Loading Images with Fallback - 28 Oct 2016
Layout
- Container Queries - 04 Jul 2019
- Flex-grow 9999 Hack - 07 Oct 2016
- Flexbox Gallery Layout - 05 Sep 2016
- Full Width Containers in Limited Width Parents - 10 May 2017
- Grid Resources - 04 Jul 2019
- Media Queries - 04 Jul 2019
Lazy-loading
- Lazy Loading Images with Fallback - 28 Oct 2016
Loading
- Async CSS - 11 Jul 2019
Long Words
- Handling Long Words - 20 Jun 2017
Markup
- Is there really such a thing as a 'purely decorative' image? - 07 Oct 2015
- Template HTML vs Content HTML - 05 May 2016
Navigation
- CSS Tricks - 13 Jul 2016
PHP
- PHP: The Right Way - 18 Nov 2016
- Print Stylesheets - 12 Dec 2016
Progressive Enhancement
- Auto Enhance - 10 May 2014
Responsive Design
- Accessible Responsive Tables - 03 Aug 2016
- Aspect Ratio Boxes - 18 Jul 2019
- Basic Principles - 06 Jun 2017
- Container Queries - 04 Jul 2019
- Flex-grow 9999 Hack - 07 Oct 2016
- Media Queries - 05 Oct 2017
SVG
- SVG Resources - 20 Nov 2015
- Thoughts on SVG icons - 06 Apr 2016
Skip Links
- Skip Links - 18 Jul 2019
Tables
- Accessible Responsive Tables - 03 Aug 2016
Thoughts
- CSS Classes and the Single Responsibility Principle - 13 Jun 2016
- Flexbox for layout - 24 May 2016
- Is there really such a thing as a 'purely decorative' image? - 07 Oct 2015
- Template HTML vs Content HTML - 05 May 2016
- Thoughts on SVG icons - 06 Apr 2016
Tips
- Flex-basis tip - 26 Jul 2016
UI - UX
- 50 Things You [Probably] Forgot To Design - 07 Sep 2017
URLs
- Auto Enhance - 10 May 2014
- URLs - 12 May 2016
User Expectations and Behaviour
- User Expectations and Behaviour - 11 Jul 2017
Visually Hidden
- CSS Hide-and-Seek - 28 Oct 2016
- Visually Hidden - 04 Jul 2019