Charanjit Chana articles - 28 total
A brief look at the CSS max() function
CSS' min(), minmax() and max() functions are still taking me some time to get my head around. Mostly...
Why I can't wait for the :has() pseudo-class in CSS
This past week I had a great idea for a tiny PWA that would only use JavaScript to make sure it...
Goodbye, Internet Explorer. You will not be missed.
My first draft of this post focused on all of the good that followed IE6 in the world of web developm...
🎂 1 Year of SITEJOY 🎉
I waited until a month after it's launch before blogging about SITEJOY last year. It was a project I...
3 things I didn't know SCSS / SASS could do
While I've spent over a decade working with LESS/SCSS/SASS, I never really pushed it beyond the basic...
I ️ SASS but am I making the most of it?
SASS / SCSS have been in my arsenal for over a decade but I don't feel like I've ever taken full adva...
🎉 My daughter built her first website 🦄
Just over a week ago, I asked my daughter if she'd be interested in writing some code and building a...
The preview…
Wayfinder is something I’ve had in mind for years. This past week I finally bit the bullet and got to...
How to build a pure CSS accordion
I had this topic in mind, but planned to build it using CSS and vanilla JS as follow up to an article...
My #dohackathon submission: The Neptunes, an interactive archive
What I built A searchable archive (or catalog) of every song that has been produced by the...
As usual, less is more
I spent an hour today tweaking how the layout works. I had somehow made margins and paddings behave s...
Data mining fun 😒
While my submission isn’t quite ready to submit yet I’m very happy with the progress I’ve made. And I...
🏃 Hackathon progress
2020 has been a good year for my personal projects. I launched one that I’d be thinking about for a d...
My first impressions of the DigitalOcean App Platform
I have to say I'm very impressed with the DigitalOcean App Platform. I'm an existing customer and had...
What is your 🤯 or 💡 moment?
I had been creating 'mobile first' websites for years, but in reality I was making websites that were...
Using CSS variables to create a dark mode for your site
These days, building a dark theme is easy thanks to media queries. Change the preferences on your com...
Why you should make yourself replaceable
Something for those with aspirations of taking on more leadership or responsibility, your mileage may...
🔥 Roast my site! 🔥
I relaunched my portfolio a couple of days ago and would love to hear your feedback. Over the past de...
When was the last time you used float?
Browsing through some old articles and blog posts I had bookmarked but never got around to, one examp...
Discovering inspirational websites and web applications
Need some inspiration for the next website or web app you’re building? Here are some of my favourite...
Explained: Creating a bubble pattern with just CSS
Using CSS to create a zigzag pattern was a lot harder to do than bubbles but there are a couple of wa...
I'm starting a newsletter!
My two primary side projects get plenty of attention from me but I'm now at a stage where I'd like to...
Taking advantage of image compression
When building SITEJOY (and 1 Thing A Week), keeping the amount of bandwidth is used was an important...
Explained: Creating a zigzag pattern with just CSS
This is the first in a series of articles where I'll look at creating CSS patterns work and explain h...
Do you use the :not() pseudo-class?
Over the past few weeks as I write more and more CSS that I want to be as reusable as possible, I kee...
3 Things you might not know SASS can do
Originally posted on my blog I love working with CSS, it's such a powerful tool when used right. Ove...
5 examples of what you can do with just CSS
Originally posted on my blog I'm a big fan of CSS, it's the best part of front-end development in my...
Make readable table headers with CSS
Originally posted on my blog One thing I've always found tough to work with when it comes to respons...