Live After Effects layers straight from Sketch artboards https://google.github.io/sketch2ae/
Tag: CSS

Scrolling letters animation https://tympanus.net/codrops/2018/02/13/scrolling-letters-animation/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+tympanus+%28Codrops%29
Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an…
We call them Pens. Write HTML, CSS, and JS and get a real-time preview. You can use CodePen to: Show off the amazing things you build. Learn new things by tinkering. Build reduced test cases to report bugs and get help on tricky problems. Try out new technologies for the first time. Build components to…
“The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.” – See more at: http://www.gridsystemgenerator.com/#sthash.5Kd4jibB.dpuf Source: Grid System Generator
Skeleton: Responsive CSS Boilerplate. A dead simple, responsive boilerplate. DOWNLOAD Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary.
CSS Hat – Turn Photoshop Layer Styles to CSS3. Instantly.. Colors, gradients, sizes, borders… All instantly in CSS. Using CSS over images gives front-end developers many benefits. However it requires a ton of hand-coding to reflect all the layer styles into the code. CSS Hat prevents this pain. It accurately translates layer styles into CSS…
Understanding CSS Timing Functions | Smashing Magazine. Understanding CSS Timing Functions People of the world, strap yourself in and hold on tight, for you are about to experience truly hair-raising OK,
Animate.css Just-add-water CSS animations via Animate.css.
Towards A Retina Web | Smashing Coding. CSS standards for media query