dancwilson’s avatardancwilson’s Twitter Archive

1,269 tweets

Recent:

  1. HTML + CSS, Sun + Water codepen.io/danwilson/pen/GRQXozz
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  2. Flipping nested rainbow boxes on CodePen [motion/spinning warning]: codepen.io/danwilson/pen/abqGjVp
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood -2 🙁
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood +13 🙂
  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]
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood +1 🙂
  7. 500 ornaments lighting up a tree on @CodePen with Math, blend modes, and opacity animations: codepen.io/danwilson/full/MWvNYQq
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  8. An Icy/Wintry Tree for the Holidays on @CodePen codepen.io/danwilson/full/VwzNLYd
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  9. 📹New post: An interactive introduction to camera and microphone APIs on the web: danielcwilson.com/blog/2021/11/user-media/
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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)
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood +3 🙂
  12. Clip Paths as a framing device for a full screen animation on @CodePen codepen.io/danwilson/full/rNzNQWZ
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood +7 🙂
  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.
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0
  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
    Permalink On twitter.com Twitter logo dancwilson’s avatar Mood 0

Popular:

  1. The Basics of Handwriting SVG Paths (Part 1): <path d="M 40,20 L 180,280" /> M: Move the cursor to the following x,y coordinate without drawing anything L: draw a straight Line from the previous coordinate to the following x,y coordinate #CssMotionPath
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 203 Retweets ❤️ 1,092 Favorites Mood +1 🙂
  2. Independent transform properties are now also supported in Firefox 72! developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/72 So, for example, you can use translate: 20px 20px and animate/transition separately from any rotation, scaling, and everything in the transform function list
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 98 Retweets ❤️ 432 Favorites Mood +2 🙂
  3. OH: I'm a mobile web developer, so I basically spend all day getting requests for content to stick to the top after some scrolling
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 55 Retweets ❤️ 92 Favorites Mood +2 🙂
  4. In CSS Motion Path in Chrome Canary news: offset-path is now animatable itself, in addition to offset-distance: codepen.io/danwilson/pen/vxQKvm
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 48 Retweets ❤️ 145 Favorites Mood 0
  5. Important thing to remember with the new CSS Motion Path & independent transform properties: They all get applied in a specific order in addition to the original transform property: 1. translate 2. rotate 3. scale 4. offset-path (& friends) 5. transform codepen.io/danwilson/full/abzGPmG
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 39 Retweets ❤️ 169 Favorites Mood +2 🙂
  6. All CSS transformations (transform, independent translate/scale/rotate, motion path) are affected by transform-origin. This example also highlights that an independent ‘rotate’ is applied before an offset path whereas ‘transform:rotate’ is after. codepen.io/danwilson/full/KKwXXqN
    Permalink On twitter.com Twitter logo dancwilson’s avatar ♻️ 36 Retweets ❤️ 151 Favorites Mood -1 🙁

I’ve retweeted other tweets 196 times (15.4%)

Most Retweeted

  1. davatron5000 15 retweets
  2. rachelnabors 12 retweets
  3. vlh 7 retweets
  4. jensimmons 6 retweets
  5. AmeliasBrain 6 retweets
  6. CSSDevConf 6 retweets
  7. CodePen 5 retweets
  8. brianskold 5 retweets
  9. localontap 5 retweets
  10. lynnandtonic 4 retweets

Most Retweeted (Last 12 months)

Replies and Mentions

33.1% of my tweets are replies (×420)

Most Replies To

  1. davatron5000 35 replies
  2. rachelnabors 15 replies
  3. vlh 11 replies
  4. simevidas 9 replies
  5. brianskold 8 replies

Most Replies To (Last 12 months)

  1. alvaro_montoro 2 replies
  2. jensimmons 1 reply

I’ve sent someone a mention 10 times (0.8%)

63.3% of the links I’ve posted are using the https: protocol (387 of 611)

100.0% of the links I’ve posted in the last 12 months are using the https: protocol (4 of 4)

Top Domains

  1. codepen.io 199 tweets
  2. danielcwilson.com 77 tweets
  3. twitter.com 45 tweets
  4. apple.com 20 tweets
  5. mozilla.org 15 tweets
  6. css-tricks.com 15 tweets
  7. microsoft.com 11 tweets
  8. github.com 8 tweets
  9. 24ways.org 7 tweets
  10. windows.com 6 tweets

Top Hosts

  1. codepen.io 191 tweets
  2. danielcwilson.com 64 tweets
  3. twitter.com 45 tweets
  4. css-tricks.com 15 tweets
  5. itunes.apple.com 13 tweets
  6. www.danielcwilson.com 11 tweets
  7. developer.mozilla.org 8 tweets
  8. github.com 8 tweets
  9. developer.apple.com 7 tweets
  10. 24ways.org 7 tweets

My tweets have been given about ♻️ 1,260 retweets and ❤️ 5,675 likes

Top 5 Emoji Used in Tweets

  1. ✨ used 14 times on 10 tweets
  2. 📹 used 1 times on 1 tweets
  3. 🎩 used 1 times on 1 tweets
  4. ✍️ used 1 times on 1 tweets
  5. 😅 used 1 times on 1 tweets

7 unique emoji on 15 tweets (1.4% of all tweets***)

Top 5 Hashtags

  1. waapi used 22 times
  2. cssmotionpath used 5 times
  3. aea used 5 times
  4. frontporchio used 4 times
  5. sxsw used 4 times

99 hashtags on 99 tweets (9.2% of all tweets***)

Top 5 Swear Words

0 swear words on 0 tweets (0.0% of all tweets***)

***: does not include retweets