I'm Ketan ‐ A Melbourne web designer and developer
with over 20 years of industry experience.
blogs.windows.com
If you’re a web developer, you may have already heard that some CSS selectors are faster than others. In this article by Microsoft, they explain how to optimise CSS better by improving CSS selector performance. A must-read if you are working on Google’s Core Web Vitals. Read more
15 February 2023 core web vitals website performance css
www.smashingmagazine.com
I totally agree with this article. It’s all too easy for developers to reach for UI frameworks like Bootstrap with the hope of saving time, but it’s never the case. I’ve used a UI framework twice in my 20+ year career, and all it gave me was a headache and unnecessary website bloat. Read more
4 May 2022 frameworks ui design css
Drop caps have been used in printed media for a long time to add styling to the first letter of the first paragraph of piece of content.
css-tricks.com
I’m not sure why anybody, developer or not, would want to turn off/hide scrollbars on a desktop. This macOS setting has always puzzled me. Read more
I’ve been using Sass for a few years now, and I’ve gotten so used to using it on new projects, I never gave it a second thought. I thought it was making my life easier, but it’s caused me more hassle than it’s worth in recent weeks.
16 July 2021 sass web design css
css-tricks.com
A brilliant post about how important HTML and CSS truly are today more than ever. I’ve been watching the JS and React craziness going on over the last few years and have refused to take part. The fundamentals of the web are, and always will be, HTML and CSS. Without these at the core, JS, React, or even PHP (or any other web-based language for that matter) would not even exist. Read more
The paragraph you are reading right now is styled differently from the rest of the paragraphs down below. This only applies if there are more sibling paragraphs below.
9 May 2021 css
In my previous post, I mentioned that I’d added an archive page containing images of old work to my website. To build this, I decided to use CSS columns to create a masonry-style layout without using complex JavaScript or frameworks - just plain old CSS and HTML.
6 May 2021 page speed css
joshwcomeau.com
Interesting idea on creating full-bleed layouts using css grid - not something I ever thought off using for this type of layout, but definitely a great idea! Read more
13 October 2020 css web design css grid
css-tricks.com
A great article about using flex-basis and flex-wrap instead of media queries when creating components. Read more
10 September 2020 css responsive web design
youtu.be
I’ve used min() and max() in CSS many times, but I wasn’t aware of clamp(), which looks amazing for typography! This youtube video by Kevin Powell shows a great example of them in use. Read more
16 May 2020 css responsive typography
I love the new desktop design of Gmail but I find the font size of the message composition window to be too small. Amazingly Google hasn’t added any options to change the font size other than providing the default “small”, “normal” and “large” (which is too large) choices.
30 June 2018 css
HTML5 introduced the new range form element that is perfect for creating sliders with min and max values.
There’s over 100 CSS colour names, most of which are unknown. You can find all of them here.
