Search
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...
Patternico
20.6.2020
I remember searching for tutorials for making seamless patterns in Photoshop¹ all the time back in the day.
It’s fun to see this little website for building repeating patterns as its one job. It does everything you’d expect: pick a background, drag some decorations onto it and position...
LingoJam
17.6.2020
I’ll sometimes search the web for something like “Small Text Generator” knowing there will be some website that will turn some dumb thing I want to type like:
Uhm hi when is that meeting again?
into something fun like…
ᵁʰᵐ ʰᶦ ʷʰᵉⁿ ᶦˢ ᵗʰᵃᵗ ᵐᵉᵉᵗᶦⁿᵍ ᵃᵍᵃᶦⁿˀ
Important note about...
My Flywheel Landing Page
15.6.2020
Flywheel is my WordPress hosting partner here. I use Local every day for my WordPress local development environment and use their hosting for all my WordPress sites as part of my whole flow, so I’m glad they aren’t just a sponsor but a product I use and like.
Last November some of their...
Jetpack Scan
2.6.2020
Fresh from the Jetpack team at Automattic, today, comes Jetpack Scan. Jetpack Scan scans all the files on your site looking for anything suspicious or malicious and lets you know, or literally fixes it for you with your one-click approval.
This kind of security scanning is very important to...
I’m getting back to making videos
8.5.2020
It’s probably one part coronavirus, one part new-fancy-video setup, and one part “hey this is good for CodePen too,” but I’ve been doing more videos lately. It’s nice to be back in the swing of that for a minute. There’s something fun about coming back to an...
Some Innocent Fun With HTML Video and Progress
30.4.2020
The idea came while watching a mandatory training video on bullying in the workplace. I can just hear High School Geoff LOL-ing about a wimp like me have to watch that thing.
But here we are.
The video UI was actually lovely, but it was the progress bar that really caught my attention – or rather...
SVG, Favicons, and All the Fun Things We Can Do With Them
24.4.2020
Favicons are the little icons you see in your browser tab. They help you understand which site is which when you’re scanning through your browser’s bookmarks and open tabs. They’re a neat part of internet history that are capable of performing some cool tricks.
One very new trick is the ability...
Fake Code
21.4.2020
Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for.
It...
How to Play Retro Game ROMs on Windows
20.4.2020
Video games are always a fun time, something we desperately need during our COVID lockdown. A few years back I shared how to play retro games on Mac, as well as how to patch games to play popular ROM hacks like Grand Poo World and Invictus. One disadvantage that Macs have, however, is performance...
ICO Crackdown: 11 Class-Action Lawsuits Filed Against Cryptocurrency Companies
5.4.2020
A number of class-action lawsuits have been filed against various digital asset firms and exchanges on Friday. The U.S.-based “litigation boutique,” Roche Cyrulnik Freedman, filed the lawsuit for three plaintiffs in the Southern District of New York. All three lawsuits claim that...
Let a website be a worry stone
1.4.2020
Ethan Marcotte just redesigned his website and wrote about how the process was a distraction from the difficult things that are going on right now. Adding new features to your blog or your portfolio, tidying up performance issues, and improving things bit by bit can certainly relieve a lot...
"What You Said" (Mar. 23), a Weekly Round-Up of Sentiments From the Community
24.3.2020
Hey CoinMarketCap fam! Welcome back to another week’s edition of “What You Said”! Here you will see fun polls conductedContinue Reading
The post "What You Said" (Mar. 23), a Weekly Round-Up of Sentiments From the Community appeared first on CoinMarketCap Blog
Flexible Repeating SVG Masks
22.3.2020
Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing.
CodePen Embed Fallback
Direct Link to Article — Permalink… Read article...
Neumorphism and CSS
20.3.2020
Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name. It got its name in a UX Collective post from December 2019,...
How Many Women Users Before Crypto Is Not Sexist?
17.3.2020
A recent headline on Micky — an iconoclastic media outlet that focuses on cryptocurrency — read “Crypto Twitterstorm: ‘Creepy sexist trolling’ or just a funny meme?” The article explained, “A post making fun of Blockstream’s Samson Mow has sparked...
"What You Said" (Mar. 16), a Weekly Round-Up of Sentiments From the Community
17.3.2020
CoinMarketCap crew! Welcome back to another week’s edition of “What You Said”! Here you will see fun polls conducted forContinue Reading
The post "What You Said" (Mar. 16), a Weekly Round-Up of Sentiments From the Community appeared first on CoinMarketCap Blog
"What You Said" (Mar. 9), a Weekly Round-Up of Sentiments From the Community
9.3.2020
Hello CoinMarketCap fam! Welcome back to this week’s edition of “What You Said,” where fun polls are conducted for ourContinue Reading
The post "What You Said" (Mar. 9), a Weekly Round-Up of Sentiments From the Community appeared first on CoinMarketCap Blog
“What You Said” (Mar. 3), a Weekly Round-Up of Sentiments From the Community
3.3.2020
Welcome back to our weekly blog series, “What You Said,” where we conduct fun polls for our community and shareContinue Reading
Unfortunately, clip-path: path() is Still a No-Go
2.3.2020
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one below with just one HTML element and very little CSS without needing SVG or a huge list of points inside the polygon function!
Chris...