I’m ravenous
for CSS.
I’m a Canadian front-end developer, writer, and rabbit-hole deep-diver. This is where I think, write, and share my passion for the web.
All Posts — Page 3
-
/bookmark/the-accessibility-of-styled-form-controls
The Accessibility of Styled Form Controls
🔖
A repository of styled and styled form control elements and markup patterns, and how they are announced by screen readers...
A repository of styled and styled form control elements and markup patterns, and how they are announced by screen readers.
https://scottaohara.github.io/a11y_styled_form_controls/
bookmark
-
Nothing Great About Britain
🎧
🖼️
Album Review
by
slowthai
0
5
https://song.link/album/s/5Ki4YFQrUx7hCcQx1LJUQb
music
-
/bookmark/simplified-fluid-typography-css-tricks
Simplified Fluid Typography | CSS-Tricks
🔖
With min(), max(), and clamp() we can greatly simplify how we define fluid property values in CSS—can’t wait for for...
With min(), max(), and clamp() we can greatly simplify how we define fluid property values in CSS—can’t wait for for wider browser support!
https://css-tricks.com/simplified-fluid-typography/
bookmark
-
/bookmark/dynamic-date-based-color-with-javascript-hsl-and-css-variables-rob-weychert
Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables | Rob Weychert
🔖
“A rational system for generating thousands of possible color schemes.”
“A rational system for generating thousands of possible color schemes.”
https://v6.robweychert.com/blog/2019/12/dynamic-color-javascript-hsl/
bookmark
-
/bookmark/leonardo
Leonardo
🔖
“Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.”
“Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.”
https://leonardocolor.io/
bookmark
-
/bookmark/neal-fun
Neal.fun
🔖
Bringing back the weird web!
Bringing back the weird web!
https://neal.fun/
bookmark
-
/bookmark/accessible-color-spaces-color-contrast-tool
Accessible Color Spaces - Color Contrast Tool
🔖
This is such an amazing tool for visualising colour and contrast that’ll help you confidently meet your accessibility requirements. It...
This is such an amazing tool for visualising colour and contrast that’ll help you confidently meet your accessibility requirements. It can even provide closest accessible colours, so it really takes away a huge amount of the manual work and difficulty in choosing accessible contrasting colours.
https://kevingutowski.github.io/color.html
bookmark
-
Moon Phases
✒️
Code Snippet
code
-
Color Transition Demo
✒️
Code Snippet
code
-
Friday, 06 December 2019
✍️
🖼️
Pig’s Ear Beer Festival, third year going. As usual, couldn’t be happier, but seriously missing @dletorey!
Pig’s Ear Beer Festival, third year going. As usual, couldn’t be happier, but seriously missing @dletorey!
note
-
/bookmark/journalbook
JournalBook
🔖
From the venerable Trys Mudford comes JournalBook, a private, offline-first personal journal.
From the venerable Trys Mudford comes JournalBook, a private, offline-first personal journal.
https://journalbook.co.uk/
bookmark
-
/bookmark/binary-music-player
Binary Music Player
🔖
Another bit of clever fun from Tim Holman—this time building some fun musical melodies by counting in binary, and you...
Another bit of clever fun from Tim Holman—this time building some fun musical melodies by counting in binary, and you can customise the notes too!
http://tholman.com/binary-music-player/
bookmark
-
/bookmark/masking-gifs-with-other-gifs
Masking GIFs with other GIFs
🔖
A super-fun technique for using SVG to mask one GIF on top of another.
A super-fun technique for using SVG to mask one GIF on top of another.
https://css-tricks.com/masking-gifs-with-other-gifs/
bookmark
-
/bookmark/ordered-error-diffusion-dithering
Ordered Error Diffusion Dithering
🔖
I admit that I don’t understand a lot of the math going on here, but I’m very interested in the...
I admit that I don’t understand a lot of the math going on here, but I’m very interested in the output.
https://observablehq.com/@jobleonard/ordered-error-diffusion-dithering
bookmark
-
Wednesday, 27 November 2019
✍️
🖼️
🥖 Made some bomb-ass warm and fluffy breadsticks last night. They were far more amazing than my terrible photo of them, honest. 🗒 Recipe here: https://chrisburnell.com/recipe/breadsticks
🥖 Made some bomb-ass warm and fluffy breadsticks last night. They were far more amazing than my terrible photo of them, honest. 🗒 Recipe here: https://chrisburnell.com/recipe/breadsticks
note
-
Friday, 22 November 2019
✍️
Excited for @halfstackconf today! First conference with @dletorey where neither of us are organising too.
Excited for @halfstackconf today! First conference with @dletorey where neither of us are organising too.
note