This is not new anymore, nowadays it became so easy to have a piece of content stuck while you’re scrolling. No JS, no hassle just some CSS
position: sticky magic. But the real thing is dealing with tabular sticky info.
Remember the last web app you’re working on it that had a large table with lots of data rows? Feels like yesterday, no? Well, having this scenario, in terms of UX, it’s almost mandatory to have
tr’s stuck while browsing the tabular data.
I didn’t know about this CSS property until a while ago, when I stumbled it upon it while reading Ire Aderinokun’s article on Localisation and Translation on the Web.
As a person who mainly works on small teams, I always felt guilty of making accessibility a lower priority. The reasons were multiple and it’s hard to blame someone else other than me.
Over time, I read lots of good articles on accessibility but couple of months ago, I stumbled upon this incredible article by Tuukka Ojala. Both incredible and inspiring, that article remained stuck in my head and hopefully will change the way I write HTML and not only.
I’ve never been a big fan of my very own domain name. Besides the fact that it was quite long, I really hated the hyphens for
Two hyphens, the mistakes of my youth.
While working on this site, I tried to improve my email subscription box a little bit. The idea was to enable the action button only when the user types something in the email input. So I found a way to use
:placeholder-shown CSS pseudo-class in an attempt to visually validate an input before form submission.
Upon the iPhone X release, I did enjoy the jokes and memes on Jony Ive and his notch haircut, or how to implement a scrolling list that shifts to avoid the notch. Those were funny. But the below excerpt from latest WebKit post on “Designing websites for iPhone X” isn’t.
… selectively apply padding to elements that contain important content, in order to ensure that they are not obscured by the shape of the screen.
It happens pretty often to encounter situations when you don’t like a default style for an HTML element. The methodology that has proven to be reliable over time is to use the so-called CSS utility classes. Their purpose is to allow you to quickly make HTML classes adjustments until the result looks just right.
Last time, we saw how the average web page looks like using data from about 8 million websites. So I wrote another guest post for CSS-Tricks that aims to showcase some random and hopefully interesting facts on markup usage.
Last month we’ve launched the new Advanced Web Ranking website and I wrote some lines on how we did it. It’s mostly about the workflow and tools that helped us in order to achieve a faster and more accessible website.