Ross Angus articles - 30 total
Chapter 8: HTML part three
Part eight of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 7: HTML part two
Part seven of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 6 HTML part one
Part six of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 5: JavaScript
Part five of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 4: images part two
Part four of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 3: images part one
Part three of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 2: Previewing our site in a browser
Part two of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 1: setup, CSS, version control and SASS
Part two of an eight part course taking a developer through building a static HTML site using modern tooling.
Chapter 0: installing and updating Node
Part one of an eight part course taking a developer through building a static HTML site using modern tooling.
Before and after image slider in pure CSS
A component which lets the user swipe between two different images build from pure CSS, plus an alternative approach and a semantic discussion
Trapping user focus four ways in TypeScript
Weighing the pros and cons of trapping focus using four different methods
Detecting how many times some text wraps with JavaScript
Description of a simple function which works out how many times some text will wrap, within its current context on a web page.
Doughnut time
A CSS technique for creating simple doughnut charts from semi-semantic markup
Programmer humour
A programmer explains why their joke is funny and no-one is remotely amused
You've been sent here because you've designed a site which has text over the top of an image
A judgement-free plea to designers everywhere to either stop doing this, or work around the issues it causes.
A horrible coincidence
Saving a few bytes in JavaScript leads to a sober reminder.
The IntersectionObserver, for developers who are frightened of arrow functions
A quick run through of the IntersectionObserver in JavaScript.
Getting a comment right
Trying to write the perfect short comment
Bootstrap's media object, but collapsing
Combining media object with Bootstrap 4's display classes, to allow media object to collapse at smaller breakpoints.
Simple wave pattern with CSS gradients
Getting carried away with CSS gradients, again
CSS gradients and slanted chequerboard patterns
Making a slanted chequerboard pattern using CSS gradients which looks like an angry wasp.
Pure CSS messages which fade in and out
Write-up of pure CSS messages which can fade in and out.
The smallest SVG
A quest to find the smallest SVG possible
Never forget the keyboard warriors
A simple trick to help keyboard navigation
Browserstack, iOS and Windows 10
How to get Browserstack to work with iOS devices
Paired down programming
Optimising code with a colleague is an excellent way to see how their mind works.
HTML Junk DNA
A brief and pointless history of self-closing tags.
Fun with HTML5 form validation
Using and abusing the invalid CSS pseudo-class, in order to give positive feedback to users.
HTML Emails - the COBOL of the 1990s
Should we code like it's 1999 or use a framework? Spoiler: I am old.
Inheritance, visited links and colour-contrast
A meander through the complicated world of colour contrast and inheritance, plus a (potentially flawed) solution.