Joined February 2019
- Tweets 26
- Following 18
- Followers 36
- Likes 6
3 Photos and videos
5 May 2021
First new pen in a few months! I made several CSS Gradients that looked like different types of paper. My favorite is a pretty good facsimile of a yellow legal pad - check it out! @CodePen #css #webdesign
codepen.io/TheCSSKing/pen/KK…
1
22 Dec 2020
The "user icon" CSS gradient - a perfect ironic background for your user settings page. @CodePen
codepen.io/TheCSSKing/pen/jO…
1
8 Sep 2020
A lot of folks have been asking about animations for the CSS Gradients I've been working with, so I made a pen to play around with options. You can change styles, speed, and gradient. Please let me know which ones you like! @CodePen
codepen.io/TheCSSKing/full/E…
2
1
3
23 Aug 2020
Shout out to the @Netlify free tier. My project @GradientMagic hit #1 on Hacker News (briefly) last week and barely made a dent on the bandwidth limit.
gradientmagic.com
3
25 May 2020
Just deployed a new Jekyll site to @Netlify and holy cow, that was easy! It automatically recognized the project and populated all of the build settings, all I had to do was click a button.
1
15 May 2020
My Latest Pen: Subtle grid styled CSS Gradients, in a CSS grid (A grid of grid gradients). Perfect for adding that graph paper charm to a header or background. Includes some variations on the @codepen blog header theme.
codepen.io/TheCSSKing/full/g… #css #webdesign #webdev
1
1
5
7 Apr 2020
Have you ever thought the X-factor your website was missing was... POLKA DOTS? Well now you can add the magic! The Polka Dot Generator uses radial gradients to create Pure CSS patterns that are easy to add to your site. @CodePen #css #webdesign
codepen.io/TheCSSKing/full/X…
3
11
6 Apr 2020
Me in 2019 (feeling lazy): I think I'll get delivery
Me in 2020 (feeling like a hero): I stand between our beloved local restaurants and utter oblivion! I will not fail them!
1
24 Nov 2019
Thanks for the tips! I'll have to look at ways of optimizing my gradient generation toolchain.
One thing I love about gradients are that these un-optimized versions are still smaller than most images you would use in their place.
Saw a @CodePen demo by @TheCSSKing codepen.io/TheCSSKing/pen/Vw… and noticed gradients could be simplified a bit, so I wrote a couple of Sass functions to generate clean code versions codepen.io/thebabydino/pen/M…
Before vs after CSS comparison:
231 vs 185 bytes (1)
310 vs 159 bytes (6)
...
1
Jordan Marshall retweeted
Saw a @CodePen demo by @TheCSSKing codepen.io/TheCSSKing/pen/Vw… and noticed gradients could be simplified a bit, so I wrote a couple of Sass functions to generate clean code versions codepen.io/thebabydino/pen/M…
Before vs after CSS comparison:
231 vs 185 bytes (1)
310 vs 159 bytes (6)
...
1
4
23 Nov 2019
A triple underline effect with pure CSS? It can be done. That, and several more in this fun little pen that explores underline effects via CSS gradients. @CodePen codepen.io/TheCSSKing/pen/Vw…
20
132
26 Aug 2019
Very excited for this pen. I actually came up with the name "CSS Grid-ient" first, and worked backwards to design a pen that fully fit the concept. codepen.io/TheCSSKing/full/Z… @CodePen #css #cssgradients #cssgrid
1
9 Aug 2019
There is no feeling quite like solving a complicated problem with a finely crafted regular expression. On a related note, the regexp support in VS Code is pretty good! #regexp
1
18 Jul 2019
Ever wondered how to animate a CSS Gradient? It's not magic - it's CSS Variables 🎆 codepen.io/TheCSSKing/full/w… @CodePen @codrops #cssgradient
13 Apr 2019
Too many Github followers? Its a common problem. Try using my revolutionary "don't follow me" button, which actively runs away from pesky potential followers. codepen.io/TheCSSKing/full/m… @CodePen @github
27 Mar 2019
Banksy Meets Vue: A CSS shredding effect, inspired by "Girl with Balloon", the painting Banksy shredded after it was sold. codepen.io/TheCSSKing/full/J… #artcodevue @vueconfus @CodePen
3
14 Mar 2019
What it feels like to browse the web these days
codepen.io/TheCSSKing/full/e…
@CodePen #gdpr #cookies
1
1
5 Mar 2019
Try your luck with "Full-Stack Groupie", "Backend Soothsayer", or "Enterprise Content Management Sorbet", and watch the job offers roll in. codepen.io/TheCSSKing/full/a… @CodePen #PersonalBranding
4 Mar 2019
Wasn't sure how to brand myself, but thanks to my handy new tool I think I figured it out. I'll share the tool itself soon.
