Designer News
Where the design community meets.
Erik Terwan
Full stack developer. Joined almost 9 years ago
- 6 stories
- 37 comments
- 15 upvotes
- Show DN: I made a CSS3 scroll position based animation library
- Great to read comments on this 2003 article about IE hacks
- I made a CSS3 hamburger / mobile nav, without JavaScript (codepen.io)
- Show DN: I made a super simple and fast Retina image converter (Mac) (github.com)
- Show DN: Asynchronous page loader plugin for jQuery
- Show DN: I made a CSS3 slideshow plugin for jQuery
Posted to Get ready for "prefers-color-scheme" media queries to toggle between light/dark interfaces, Oct 25, 2018 Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Surjith S M , Jul 04, 2016 Yes this is fixed now! A bug that slipped in with v0.2; FF & IE do not have the scrollTop property on the body, but on the html element..
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Jay Kerr , Jul 04, 2016 I recently added this option, just use the 'once' option in the data-scroll tag! Releasing v0.2 today with more legible/concise syntax.
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Thompson George , Jul 01, 2016 Hold your horses! Responsiveness has arrived. Works great on mobile actually, <3 window.requestAnimationFrame
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Oscar Waczynski , Jul 01, 2016 The script works on mobile, the demo just is not optimised for mobile devices!
Edit: it's optimised now and working pretty sweet
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Jared Pike , Jul 01, 2016 Not yet but i'm interested in this myself, so this might be a feature in the future ;)
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Simon F , Jul 01, 2016 Try scrolling up & down, wow.js just triggers the animations once. And wow.js minified is 8.22 KB while ScrollTrigger minified is 1.4 KB
Posted to Show DN: I made a CSS3 scroll position based animation library, in reply to Dustin Cartwright , Jul 01, 2016 Ah yes i'll look into that, just quickly slapped this site together.
Posted to A method for colour blindness testing in Sketch, Jun 07, 2016 This should be 'A method for colour blindness testing', since it has nothing to do with Sketch. Good tip tho'
Posted to Type Sample: A tool for identifying and sampling webfonts, Mar 27, 2016 Used this for a little while, now i'm over to http://fontface.ninja , looks a bit better imo.
- Show DN: Berghaintrainer
- Linear-gradients were so hard in 2013, but app icons are somehow harder in 2016 (twitter.com)
- Cameron's World (cameronsworld.net)
- EAT24 Logo Redesign (blog.eat24hours.com)
- How HTTP/2 will speed up the internet (blog.trackduck.com)
- Canadian passport reveals its design secrets (creativereview.co.uk)
- Minimalistic Browser from Yandex (browser.yandex.com)
- Real-time magnet position detection using an iPhone (youtube.com)
- “Highway at Night” — created from just 1023 bytes of JavaScript (js1k.com)
- The Art of UI Animation (markgeyer.com)
Really nice that it animates between the modes, even background images fade smoothly; https://codepen.io/erikterwan/pen/zmyjxy