Clik here to view.
Autism
Autism languageGenerally, identity-first language is preferred to person-first language, but it’s always best to ask people’s personal preference.Identity-firstPerson-firstAutistic personPerson with...
View ArticleAtomic
A single irreducible unit or component in a larger system.For example:An atomic note would be only describing a singular ideas or concept.An atomic habit would be a regular practice that is small and...
View ArticleAltruism
As lovely as it might seem, our selfless actions usually get prioritised above looking after ourselves.We will go to unending lengths to look after the ones we love, and even the ones we don’t. We are...
View ArticleADHD
The worst acronym in the world. 🙃There is no deficit of attention, trust me. Have you ever seen someone with ADHD doing something they’re interested in? There is no stopping them once they’re in that...
View ArticleClik here to view.
I Dropped Out of My Computer Science Degree to Learn Coding
Well hello there! My name is Elly Loel. I’m a developer, designer and writer, currently working as a junior developer at Portable!Lulu trying her very best to distract me.I run a newsletter and love...
View ArticleClik here to view.
Troubles with backdrop-filter and SVG clipping
Navigation menu storyWhile building the navigation menu for a past version of this site, I had some troubles getting it to work. I wanted it to have a frosted glass look as well as a wavy shape. The...
View ArticleObsidian Git xcrun error
This is for my future self.xcode-select --installhttps://apple.stackexchange.com/questions/254380/why-am-i-getting-an-invalid-active-developer-path-when-attempting-to-use-git-a
View ArticleStylized Text
Warning!This project is deprecate/unmaintained, do not use it.A Web Component that makes stylised text a less horrible experience for screen reader users and anyone who is confused by what the text...
View ArticleModern CSS reset
I put together a CSS Reset that uses modern CSS features such as :where(), logical properties, prefers-reduced-motion, etc. :sparkles:Lots of inspiration from Josh W Comeau, Andy Bell, and Adam...
View ArticleD3
Learnt a bit about D3.js today, specifically force-directed graphs.I setup a graph view on post hub pages, to visualise posts and links between posts.Here’s what it looks like:
View ArticleClik here to view.
Stop using active classes
Semantic/stateful/accessible selectors are really important!I strongly recommend these articles for anyone, especially if you’re still using .is-active or similar classes for styling state.“Style with...
View ArticleMy website is my only project
Every time I want to try something new out, it’s always on my website. I never have projects outside my website. It’s really annoying because I want to try out things without the extra struggle of...
View ArticleClik here to view.
Astro
I’ve been hearing lots about Astro, I really want to try it out. I need to think of a project to use it on, because I’m definitely not rebuilding my website again 😂My website is my only...
View ArticleDesign engineering
There really is a different between being able to evaluate and implement designs and being able to build and connect functionality to the backend. Specialising in a11y, i18n, CSS, etc. is a whole other...
View ArticleThe right number of design tokens
Something I’ve been thinking about for a while now is, how many design tokens is the right amount?I often see roughly around 10 for each colour, whether they’re named 1-10 counting one-by-one or...
View ArticleClik here to view.
Design systems in an agency
Multi layered design systemWith different levels of abstraction.The client's brand identity is used to create design tokens which get passed into an unbranded component library to create the basis of...
View ArticleClik here to view.
Web Components as templates
I need a way of being able to use web components as just plain HTML templates/components without JavaScript.EnhanceThe HTML first full stack web framework.11tyGitHub - 11ty/webc: Single File Web...
View ArticleYAML is strict
If you’ve never written YAML before, one common issue, and one that I ran into myself making this blog, is using tabs rather than spaces 🤯❌ This doesn’t work:foo:bar: baz☑️ This does work:foo:bar:...
View ArticleCascade layers
👷🏼♀️ Under construction 🚧Heads up! This post is under construction, so take it with a grain of salt.Coming up with a layer stackMy current layer setup:@layer reset, vars, base, blocks,...
View ArticleMy ADHD medication contains gluten
This means next to nothing for anyone else but, UGH!! WTF, like whyyyyy 🫠As I have Coeliac disease I can’t eat anything containing gluten, so I’m going to have to start new medication 🥲
View Article