@theartofmadeline
occasionally subtle
Alisa U Zemlji Chuda
Sweet Seals For You, Always
Misplaced Lens Cap
⁂
No title available
Three Goblin Art
2025 on Tumblr: Trends That Defined the Year
titsay
he wasn't even looking at me and he found me
will byers stan first human second
DEAR READER
let's talk about Bridgerton tea, my ask is open
JVL
祝日 / Permanent Vacation
noise dept.
Not today Justin
tannertan36
Janaina Medeiros
seen from United Kingdom
seen from United States
seen from Kazakhstan
seen from Norway
seen from United States
seen from Malaysia
seen from United States
seen from Malaysia
seen from Japan
seen from Brazil
seen from Germany
seen from United States
seen from United Kingdom
seen from Australia
seen from Brazil
seen from Malaysia
seen from Brazil
seen from United States
seen from United States
seen from Australia
@rachelcoding
Infinite Canvas Episode #1! I demo warmup sketching for viewer Micah Godbolt, discuss this week’s A List Apart web animation double feature, snap.js, Visualized conference, and give a sneak peek into some upcoming animated stories I’m working on :D
Thinking I need to make smaller episodes. This one was so big. There was a typo in one of the URLs, and it took a full day to re-export and re-upload. Argh. What do you think? Bite-sized or lunch-sized?
I’m on A List Apart, talking web animation! Woohoo! My purpose in life has been fulfilled. Now to hang from the tip of a leaf until the first rays of sunlight turn me to foam… or something! (Psst, also, check out this more technical article by Val Head!)
We use HTML to tell stories and communicate vast amounts of informationâand animation helps us do both better. Just as hierarchy guides users through content, animation guides them through interactions by helping them understand relationships, structure, cause, and effect. Rachel Nabors explains her fascination with CSS3 animations, Canvas, SVG, the web audio API, webGL, and all the rest, and explains why we need web animationâand web animators.
Unofficial first episode of the new screencast by crowchick aka Rachel Nabors. Infinite Canvas will be/is a vlog about web animation and interaction. What would you like to see and where?
An interactive take on Lewis Carroll’s classic tale, lovingly crafted in HTML5, CSS3, and JavaScript by Rachel Nabors.
Aaaaand here’re the two articles I promised detailing how I made Alice in Videoland! Adobe Inspire, more emphasis on design and dealing with retina displays, geared toward designers: http://www.adobe.com/inspire/2013/12/interactive-html5-storybook.html On Web Design Tuts, the nitty gritty of getting all this to come together in iOS Safari: http://webdesign.tutsplus.com/articles/case-studies-articles/how-they-did-it-alice-in-videoland/
ASK AND I SHALL REPLY!
I'm going to be on Chris Coyier's Shop Talk Show in an hour! Ask me all your questions about CSS, animation, comics, the future of online interactions, whatevs: http://shoptalkshow.com/ask/ NOW'S YOUR CHANCE!
I spent my first 7 days job-free collaborating with the awesome (and mind-bogglingly young!) comicker Xamag to create The Black Brick Road of O.Z. #11, an interactive treasure map/cartoon: http://cdpn.io/lqswg Originally she intended to make this using Flash, but she had trouble with the scripting. I had been reading her comics and contacted her about a possible collaboration. She was super excited to hand the project to me to implement with pure HTML, CSS and JavaScript. My apologies for the retro "best viewed in Chrome" sign, but you know what? It's not too shabby on my iPhone :)
Adobe
Something is up with Adobe. There's some sort of shakedown happening at the Adobe Developer Connection. The only reason I know is because there's a reshuffling with some articles I was going to post with them. Now it looks like I will need to shop these somewhere else.
Does this have something to do with Kevin Lynch's departure?
New Benchmarks and shader toys
Benchmarks and tips regarding browser performans/framerates under a variety of stresses including but not limited to positioning and forced hardware acceleration: http://blog.tumult.com/2013/02/28/transform-translate-vs-top-left
And a webGL shader toy if you're into that sort of thing: https://www.shadertoy.com/
Bonus: Lessons in webGL http://learningwebgl.com/blog/?page_id=1217
Hitting that 60 fps mark
A few rules of thumb: http://chrislord.net/index.php/2013/02/11/tips-for-smooth-scrolling-web-pages-edgeconf-follow-up/
DevTools, use them: http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times/
The only way to unmute the Web Audio context is to call noteOn() right after a user interaction.
--Paul Bakaus on Web Audio on iOS
Because teens often work on older, second-hand computers — and sometimes have slow Internet connections — fancy features might not work well.
NNGroup study on teens and web design
It might be awhile before I can expect to launch browser-based cartoons for young people. But adults are another story...
Tuna and Audio Hackday
Loving the web audio data flow created at Stockholm's music hackday event. We need to get our Triangle music hackday set up, stat!
Also, don't you think Tuna P. Katz would make a great mascot for Dinah Moe's Tuna? I love what this company works on!
Catching up on recommended reading.
Finally reading:
A Tale of Two Clocks
Getting Started with the HTML5 Track Element
Web Animations
Web Animations 1.0 Draft
How did I miss this? Mozilla, Google, Webkit animation discussions? And why is the room so empty?? When does this stuff happen and why don't I know about it????
Also, directional CSS hover effects! Mmmm...
The thing that can help the most people...
Given that IE is such a jerk about steps() animations (and by jerk I mean "has no idea what they are"), I need to make a JavaScript that will run through one's CSS and create JS animations using all the steps() rules.
I have a mission.
