aayugsite

Firefox 72 was first out of the gate with “independent transforms.” That is, instead of having to combine transforms together, like: .el { transform: translate(10px, 10px) scale(0.95) rotate(10deg); } …we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That’s extremely useful, as having to repeat other Read more…

Scott Turner, who has an entire blog “Exploring procedural generation and display of fantasy maps”, gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke: Something like this pencil stroke would require many tens of thousands of different elements.  Read more…

Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes: In cases of emergency, many organizations need a quick way to publish Read more…

Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance. I like Max Kohler’s coverage as well, which includes a demo where the Read more…

Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API Read more…