A rather geeky/technical weblog, est. 2001, by Bramus
Egor Kloos on closing the gap between design and development: I have never worked anywhere where there wasn’t someone trying to close the gap. This role is often filled in accidentally, and companies are totally unaware of the need. Recruiters have never heard of it, and IT consultancies don’t have the capability in their roster. …
Continue reading “The Gap between UX/Design and Development: The Design Engineer”
RenderingNG is a re-architecture of the entire rendering pipeline of Chrome, for greatly improved reliability, scalability and extensibility. Listen in to find out how it works and why it makes the web better. Thanks to these advancements we get better rendering of tables, container queries support, features like Scroll-Linked Animations, etc. Related: RenderingNG — Ready …
Continue reading “RenderingNG: The next-generation rendering architecture for Chrome”
From fonts to animated movies, curves and surfaces constitute fundamental building blocks of many geometrical designs. We’ll see how complex surfaces are a natural extension of plain two dimensional curves. Throughout this article I’ll keep jumping back and forth between curves and surfaces to highlight how the ideas we develop for wiggly lines can be …
grid-auto-rows
Recently I saw this tweet float by: CSS experts, I need your help! 👇 I need a container that vertically centers its children and that can be scrollable if necessary. It should be a single container. Not 2. <div class="container"> <item>Vertically centered</item> <item>Vertically centered</item></div> — Álvaro Trigo 🐦🔥 (@IMAC2) September 24, 2021 Now that sounds …
Continue reading “CSS Full-Height Slideshow with Centered Slides thanks to grid-auto-rows“
We are publishing a new major version of React Router so you can ship smaller, more efficient apps which will in turn lead to better user experiences. React Router v6 is the successor to all previous versions of React Router including v3 and v4/5. It is also the successor to Reach Router. React Router v6 …
With CSS Subgrid already being supported in Firefox (ever since version 71), and Chromium recently having started work on it, it might be the perfect time to start learning about CSS Subgrid. That’s exactly what Kevin J Powell thought too, with his “October Subgrid Awareness Month”, so he created a bunch of videos on the …
A while ago I installed the GoPro Webcam App, only to find out my GoPro is too old to work with it. Although I had removed the GoPro Webcam Application itself from /Applications, the GoPro Webcam would still be shown in a list of choices. To remove the GoPro Webcam from that list, you need …
No-JS Fingerprinting is a POC that you can do fingerprinting — a way of uniquely identifying browsers — without the need for JavaScript. Fingerprinting is a way of identifying browsers without the use of cookies or data storage. Created using properties like language and installed fonts, your fingerprint stays the same even if your browser …
October is the month of “Divtober”, where artists are challenged to draw different things using CSS and a single HTML element. Each day they get a theme to work with. You can find some nice works on CodePen, all tagged #divtober. Here’s a small selection: See the Pen Single div CSS chili garlic sauce by …