Paged.js is an open-source library to paginate content in the browser.
Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph.
Rachel Andrew looks at some common layout patterns that we can't yet do on the web and the CSS that might let us achieve them in the future.
Pure CSS Lace by Diana Smith.
CSS allows you to create dynamic layouts and interfaces on the web, but as a language, it is static: once a value is set, it cannot be changed.
Pseudo-elements are in use for a long time. However, there are some uses cases that I feel they are not entirely known across developers.
Best I could tell from the last time I compiled the most wished-for features of CSS, styling form controls was a major ask.
Maurice Mahan created FocusOverlay, a "library for creating overlays on focused elements."
Recently I was working on a few chat interfaces, and the general layout is typical to what you would see in most chat applications.
Since the early days of the web, when images could be floated and text would wrap around them, designers have wanted to bring drop caps onto the web.