Ross Angus

The views I express here are mine alone and do not necessarily reflect the views of my employer.

Edinburgh Joined on Mar 12, 2019 https://codepen.io/ross-angus/

Pronouns

He/Him

Takahe

Takahē is a set of files which allows a web developer to put together a client-side XSLT site with all navigation in an external XML file. This site is both documentation of how to use Takahē, and a demonstration of what it can do.

XSLT • 3 stars

CSS
SCSS
HTML5
MJML
JavaScript
TypeScript
React
Next.js
GraphQL
SVG
Twig
Shopify
BigCommerce
XSLT

21 posts published

29 comments written

0 tags followed

Ross Angus

Nov 29 '23

Before and after image slider in pure CSS

#css #images #comparison

6 min read

Want to connect with Ross Angus?

Create an account to connect with Ross Angus. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Ross Angus

Nov 28 '23

Trapping user focus four ways in TypeScript

#a11y #typescript #focus #keyboard

3 min read

Ross Angus

Nov 27 '23

Detecting how many times some text wraps with JavaScript

#javascript #layout #overflow

3 min read

Ross Angus

Nov 22 '23

Doughnut time

#charting #css #data

5 min read

Ross Angus

Nov 21 '23

Programmer humour

#humour #humor #recipe #rounding

5 min read

Ross Angus

Apr 22 '22

You've been sent here because you've designed a site which has text over the top of an image

#a11y #design

3 min read

Ross Angus

Sep 11 '20

A horrible coincidence

#math #cookies

2 min read

Ross Angus

Aug 25 '20

The IntersectionObserver, for developers who are frightened of arrow functions

6 min read

Ross Angus

Aug 20 '20

Getting a comment right

#comments

1 min read

Ross Angus

Aug 6 '20

Bootstrap's media object, but collapsing

#bootstrap4 #mediaobject

2 min read

Ross Angus

Jul 31 '20

Simple wave pattern with CSS gradients

#css #gradient

3 min read

Ross Angus

Jul 28 '20

CSS gradients and slanted chequerboard patterns

4 min read

Ross Angus

Jul 24 '20

Pure CSS messages which fade in and out

#css #animation

2 min read

Ross Angus

Jul 9 '20

The smallest SVG

#svg #design #elegance

6 min read

Ross Angus

Jul 9 '20

Never forget the keyboard warriors

#a11y #keyboard #tab

2 min read

Ross Angus

Jun 29 '20

Browserstack, iOS and Windows 10

#browserstack #ios #qa

2 min read

Ross Angus

Mar 7 '20

Paired down programming

#recruitment #pairprogramming #javascript

2 min read

Ross Angus

Jan 28 '20

HTML Junk DNA

#html #xhtml #netscapenavigator

3 min read

Ross Angus

Jan 2 '20

Fun with HTML5 form validation

#html #formvalidation #css

2 min read

Ross Angus

Jan 2 '20

HTML Emails - the COBOL of the 1990s

#htmlemails #tablesforlayout #thehorrorthehorror #outlook4eva

10 min read

Ross Angus

Jan 2 '20

Inheritance, visited links and colour-contrast

#inheritance #css #a11y #colourcontrast

5 min read

DEV Community

Ross Angus

GitHub Repositories

Badges

Five Year Club

Writing Debut

2 Week Community Wellness Streak

Four Year Club

1 Week Community Wellness Streak

Three Year Club

Two Year Club

One Year Club

Skills/Languages

Before and after image slider in pure CSS

Want to connect with Ross Angus?

Trapping user focus four ways in TypeScript

Detecting how many times some text wraps with JavaScript

Doughnut time

Programmer humour

You've been sent here because you've designed a site which has text over the top of an image

A horrible coincidence

The IntersectionObserver, for developers who are frightened of arrow functions

Getting a comment right

Bootstrap's media object, but collapsing

Simple wave pattern with CSS gradients

CSS gradients and slanted chequerboard patterns

Pure CSS messages which fade in and out

The smallest SVG

Never forget the keyboard warriors

Browserstack, iOS and Windows 10

Paired down programming

HTML Junk DNA

Fun with HTML5 form validation

HTML Emails - the COBOL of the 1990s

Inheritance, visited links and colour-contrast