Search
Creating a Pencil Effect in SVG
28.3.2020
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...
Make Yourself a Little API With Netlify Functions
10.3.2020
Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...
monica.css
20.2.2020
Monica Dinculescu:
I don’t want every possible padding and margin and colour and flexbox configuration in the world. I just want the ones that I know I end up using in every project. So here is monica.css: my very own CSS framework, which I copy paste at the beginning of every CSS file and take...
“Browser Functions”
26.1.2020
Serverless functions are fairly straightforward. Put a bit of back-end language code, like Node, in the cloud and communicate with it via URL. But what if that URL didn't run a back-end language, it ran an actual browser? Richard Young:
We can now do full stack development using just Web APIs....
Vražedný „Blob“ u pobřeží Pacifiku zabil přes milion mořských ptáků
18.1.2020
Vražedný „Blob“ u pobřeží Pacifiku zabil přes milion mořských ptáků
How many CSS properties are there?
15.1.2020
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them:
npx get-all-css-properties
You'll get 259 of them. The source code uses the website quackit.com...
Site Monetization with Coil (and Removing Ads for Supporters)
13.8.2019
I've tried a handful of websites based on "tip with micropayments" in the past. They come and go. That's fine. From a publisher perspective, it's low-commitment. I've never earned a ton, but it was typically enough to be worth it.
Now Bruce has me trying Coil. It's compelling to me for a couple...
Quick Gulp Cache Busting
7.8.2019
You should for sure be setting far-out cache headers on your assets like CSS and JavaScript (and images and fonts and whatever else). That tells the browser "hang on to this file basically forever." That way, when navigating from page to page on a site — or revisiting it, or refreshing...
Class Components in Vue are No Longer Happening
30.5.2019
An upcoming Vue update was set to have classes implemented. In React and Angular, we can create components u
Differential Serving
1.4.2019
There is "futuristic" JavaScript that we can write. "Stage 0" refers to ideas for the JavaScript language that are still proposals. Still, someone might turn that idea into a Babel plugin and it could compile into code that can ship to any browser. For some of these lucky proposals, Stage 0 becomes...
Animate a Blob of Text with SVG and Text Clipping
6.2.2019
I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize it! In it, a block of text appears to bleed into view with a swirl of colors, then goes out the same way it came in. It’s a slick effect and...
Quicklink
3.1.2019
We're in the future now so, of course, we're working on ways to speed up the web with fancy new tactics above and beyond the typical make-pages-slimmer-and-cached-like-crazy techniques.
One tactic, from years ago, was InstantClick:
Before visitors click on a link, they hover over that link. Between...
An Almost Ideal React Image Component
21.6.2018
Yes, this is a React component, but regardless if you care about that part or not, the "ideal image component" part could be of interest. There is a lot to consider with how we put images on web pages these days. This deals with:
Placeholder space (and then flexible responsive styles after...