“Browser Functions”
The revert value in CSS “resets” a property back to it’s inherited value, only going as far back as the UA stylesheet. That’s critical, as it won’t reset a
Details
Simple Image Placeholders with SVG
Miriam Suzanne explains in a Mozilla Developer video on the subject.
DetailsGoing Beyond Automatic SVG Compression With the “use” Element
It’s such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here’s the thing about a lot of startup ideas: you need data. Chances are, you need good … Read article “aviationstack”
DetailsWoodworking SVG (and Other Real Life Encounters)
I wonder how many startup ideas have something to do with air travel? ?
DetailsWhat does “revert” do in CSS?
Here’s some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don’t have to use it for animation, hence the rename, and this example proves it! … Read article “Set Type on a Circle… with offset-path”
Detailsaviationstack
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with
DetailsSet Type on a Circle… with offset-path
Hugo Giraudel writes that they do server-side rendering already, so the next tricky part is the click handler. Without JavaScript, the … Read article “Apollo GraphQL without JavaScript”
DetailsUse and Reuse Everything in SVG… Even Animations!
This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least friendly environment for progressive enhancement I can imagine.
DetailsApollo GraphQL without JavaScript
It’s cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
Details