Most Recent 40 Tweets
Not including replies or retweets or mentions.
Tweets
-
HTML + CSS, Sun + Water codepen.io/danwilson/pen/GRQXozz
-
Flipping nested rainbow boxes on CodePen [motion/spinning warning]: codepen.io/danwilson/pen/abqGjVp
-
Really looking forward to re-reading (and discussing) Understanding Comics with the @austinkleon book club next month… I lost count how many people call this a foundational book to their profession (and no… not just people in the comic book industry) app.literati.com/book/understanding-comics
-
This is an old demo, but it's fun to check back on old ones & find improved browser support. -
dnow supported/animatable via CSS in Firefox 97 - Safari has advanced WAAPI support & has started on CSS Motion Path in Tech Preview Banners in the Wind: codepen.io/danwilson/pen/PQddxe -
In CSS-Motion-Path-Still-Has-New-Things News: Safari Tech Preview 137 introduces new options for
offset-pathsuch as circle, ellipse, & polygon: codepen.io/danwilson/details/MWErdKL [alt: A smiley face keeps animates its offset distance from 0 to 100% while changing its offset path] -
I mean... Malala's book club reading & discussing Amanda Gorman's poetry collection together on @literati has me feeling all right heading into January 2022. app.literati.com/book/call-us-what-we-carry
-
500 ornaments lighting up a tree on @CodePen with Math, blend modes, and opacity animations: codepen.io/danwilson/full/MWvNYQq
-
📹New post: An interactive introduction to camera and microphone APIs on the web: danielcwilson.com/blog/2021/11/user-media/
-
I made a second #divtober thing! Add that to my 3 chalktobers, 0 inktobers, 10 get-kid-on-to-school-tobers, and 3 made-it-through-the-day-tobers and October's looking all right. Oh right, divtober: Shine on @CodePen codepen.io/danwilson/full/ExvPevO (twinkles in Edge/Chrome)
-
Squiggly Single Div Snow Accumulation for @lynnandtonic's delightful #divtober 16: Snow (I decided to focus on CSS Houdini/property things... so it's one of those Edge/Chrome only things today, as I've not handled a fallback animation) codepen.io/danwilson/full/MWvKXVM
-
Clip Paths as a framing device for a full screen animation on @CodePen codepen.io/danwilson/full/rNzNQWZ
-
I had big hopes for this Web Animations API game demo in 2015. It was a sequel to a finished game, but was going to have many levels with different gameplay options. It's still fun to me in its basic drag-to-find-the-palindrome demo form. So here it is: palindrama.danielcwilson.com
-
Finding a *bunch* of old game ideas I sketched out as demos on CodePen but never translated to the full games I dreamed them to be. Going to spend this week getting them all on netlify and subdomain them up to my site even though they aren't "finished" Tweets forthcoming.
-
#dzy If you look closely enough it almost appears as though the circles move and change colors... on @CodePen: codepen.io/danwilson/full/LYLpydE
-
One day soon I will get back into regular code art/demos... But for now I'm very content with spending my "extra" time doing chalk art and reading books. August looks like it's going to be a good one for our club discussions on Literati: app.literati.com/discover/upcoming
-
Easing my way back into more animation demos (and maybe even articles again) by celebrating palindromes and 1s and 0s on @CodePen codepen.io/danwilson/full/WNpJEjy
-
A @CodePen recreation of a perpetual calendar, as found in the creative book This Book is a Planetarium... codepen.io/danwilson/full/RwoXOZG
-
Thank God for the Texas Tribune bluntly bringing facts to the ridiculous, insulting, and hurtful claims of our state's lawmakers. I know accountability will never happen, but it would be refreshing to hear just once. (we are holding in there still) @TexasTribune/1361841789955670026
-
The seven days of sub freezing weather have driven me away from chalk and back to code: A @CodePen Heart: codepen.io/danwilson/full/QWGdPYj
-
Been doing regular sidewalk chalk since, oh... about March of 2020. Finally starting a dedicated Instagram account for it instagram.com/chalkontheside
-
Fine. I guess I felt the need for two tree CodePens this year. codepen.io/danwilson/pen/ZEpQLKY
-
Realized last year that I've made a tree or wreath every winter since 2015 on @CodePen ... so here's one for this year: codepen.io/danwilson/full/LYRPYpv
-
Candy cornfetti codepen.io/danwilson/full/jOrxNwx
-
Delightful. @literati/1322546937267183619
-
It's my favorite day of the year... when the new @_carnovsky_ book lands on my doorstep... Simply magical. carnovsky.com/
-
You can now combine any number of CSS animations/transitions on the _same property_ with a little help from the Web Animations API and the composite property. danielcwilson.com/blog/2020/10/additive-css-animations/
-
Goodness. I completely missed that Edge/Chrome 84 released. It has
compositesupport in the Web Animations API... so now "animation bending" demos like this one work without a flag (press around the screen, preferably before the current animations end) codepen.io/danwilson/pen/OoVzzZ -
There’s a smile behind every frazzled face... and vice versa. instagram.com/p/B_7jLVqgLZz/?igshid=y2evgv2svvfm [alt: a chalk drawing of a frazzled face that reveals a smile when viewed through a magic lens]
-
Animating pseudo-elements with the Web Animations API: danielcwilson.com/blog/2020/05/pseudo-waapi/
-
A Little How To: Using the Web Animations API with pseudoelements (like ::before and ::after)... danielcwilson.com/blog/2020/05/pseudo-waapi/
-
I see my baritone ukulele each day while WFH, & each day I think I need to finally learn the actual chords instead of pretending it's the same tuning as a standard ukulele. Thanks to @notwaldorf and the ease of @glitch for remixing, now I will... bari-uke-practice.glitch.me/ @notwaldorf/1249056165687726081
-
The basics of extending CSS Animations and Transitions with the Web Animations API... [Demos viewable in latest Firefox (75+), Safari (13.1, iOS 13.4) and Edge/Chrome (only with Experimental Web Platform Features)] danielcwilson.com/blog/2020/04/css-in-the-waapi/
-
When I get even remotely frustrated in a meeting or something, I make a rainbow on @CodePen ... kinda like a carbon offset, but for returning to positivity. codepen.io/danwilson/full/JjYYxLv
-
With the latest Firefox & Safari, you can now get all CSS & WAAPI animations for a given element/page through
getAnimations()You can check if a CSS Transition or Animation is returned by looking for thetransitionProperty/animationNamefields codepen.io/danwilson/pen/bGVNzJr?editors=0010 -
One of the small new features in Firefox 75 and Safari 13.1 (iOS 13.4) with the Web Animations API is the ability to only specify one keyframe and use the original state of the element as the starting value... codepen.io/danwilson/pen/oNjNOey
-
A great introduction to Web Animations on the webkit blog as it rolls out in the latest iOS 13.4 (and times nicely with a new rollout of animation features in Firefox 75) webkit.org/blog/10266/web-animations-in-safari-13-1/
-
A little game I made a few years ago with the Web Animations API... now on Netlify and with a Junior Edition for the younger kids out there. (Pro tip: Use a Chromecast and wireless keyboard to do it from the couch and a TV) lettersandsuch.netlify.com/
