dancwilson’s avatardancwilson’s Twitter Archive

Most Recent 40 Tweets

Not including replies or retweets or mentions.

Tweets

  1. HTML + CSS, Sun + Water codepen.io/danwilson/pen/GRQXozz
  2. Flipping nested rainbow boxes on CodePen [motion/spinning warning]: codepen.io/danwilson/pen/abqGjVp
  3. 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
  4. This is an old demo, but it's fun to check back on old ones & find improved browser support. - d now 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
  5. In CSS-Motion-Path-Still-Has-New-Things News: Safari Tech Preview 137 introduces new options for offset-path such 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]
  6. 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
  7. 500 ornaments lighting up a tree on @CodePen with Math, blend modes, and opacity animations: codepen.io/danwilson/full/MWvNYQq
  8. An Icy/Wintry Tree for the Holidays on @CodePen codepen.io/danwilson/full/VwzNLYd
  9. 📹New post: An interactive introduction to camera and microphone APIs on the web: danielcwilson.com/blog/2021/11/user-media/
  10. 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)
  11. 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
  12. Clip Paths as a framing device for a full screen animation on @CodePen codepen.io/danwilson/full/rNzNQWZ
  13. 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
  14. 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.
  15. #dzy If you look closely enough it almost appears as though the circles move and change colors... on @CodePen: codepen.io/danwilson/full/LYLpydE
  16. 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
  17. 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
  18. A @CodePen recreation of a perpetual calendar, as found in the creative book This Book is a Planetarium... codepen.io/danwilson/full/RwoXOZG
  19. 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
  20. 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
  21. Been doing regular sidewalk chalk since, oh... about March of 2020. Finally starting a dedicated Instagram account for it instagram.com/chalkontheside
    oh my god twitter doesn’t include alt text from images in their API
  22. Fine. I guess I felt the need for two tree CodePens this year. codepen.io/danwilson/pen/ZEpQLKY
  23. 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
  24. It's my favorite day of the year... when the new @_carnovsky_ book lands on my doorstep... Simply magical. carnovsky.com/
  25. 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/
  26. Goodness. I completely missed that Edge/Chrome 84 released. It has composite support 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
  27. 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]
  28. Animating pseudo-elements with the Web Animations API: danielcwilson.com/blog/2020/05/pseudo-waapi/
  29. A Little How To: Using the Web Animations API with pseudoelements (like ::before and ::after)... danielcwilson.com/blog/2020/05/pseudo-waapi/
  30. 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
  31. 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/
  32. 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
  33. 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 the transitionProperty/animationName fields codepen.io/danwilson/pen/bGVNzJr?editors=0010
  34. 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
  35. 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/
  36. 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/
  37. My go to: lots of animated dots on @CodePen codepen.io/danwilson/full/bGdjjEX