Search
Improving Icons for UI Elements with Typographic Alignment and Scale
17.5.2022
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even …
Improving Icons for UI Elements with Typographic...
Positioning Overlay Content with CSS Grid
28.6.2021
Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Recently, I have been experimenting with CSS Grid and alignment properties to create component layouts that …
The post Positioning Overlay Content...
Achieving Vertical Alignment (Thanks, Subgrid!)
30.9.2020
Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs and aligning things horizontally across a page using a 12-column grid. Media queries came along which required a serious mental shift. It solved...
South Africa Proposes New Rules to Regulate Cryptocurrencies, Seeks Alignment With FATF Standards
15.7.2020
South Africa is proposing new rules around crypto-asset service providers (CASP) as it seeks to align regulations with standards of the Financial Action Task Force (FATF). The proposed rules are part of amendments to the Financial Intelligence Centre Act (FICA) that are up for public comment....
Flexbox and absolute positioning
18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it.
It's odd...
Collective #595
5.3.2020
Variable Fonts Primer * Cannon-es and use-cannon * Faux Code Generator * Learn Box Alignment
Collective #595 was written by Mary Lou and published on Codrops
Overflow And Data Loss In CSS
17.9.2019
"Data Loss" is a funny term. My brain thinks of like packet loss on the way from the server to your browser, resulting in missing content in files. Perhaps it is that on some level, but in CSS parlance, it has to do with the overflow property. Too much content for sized container + hidden overflow...
The peculiar magic of flexbox and auto margins
27.7.2018
In front-end development, there are often times when I know that I don’t know something. I might know enough to know what CSS to search for, but I have absolutely no idea how to use it or what the right syntax is. Somehow, in my head, there appears to be a filing cabinet that’s entirely empty,...