HTML5 animation, rapid prototyping of different layouts on different devices, built-in physics. Signed up for beta on 11-22-14.
Category: HTML
Material UI
A CSS Framework and set of React components that implement Google’s Material Design
Some components already available. CSS framework built with Less.
Responsive Images in Practice – A List Apart
After three years of debate, a few new pieces of markup have emerged to solve the responsive images problem:
- srcset
- sizes
- picture
- and our old friend source (borrowed from audio and video)
Fire.app: Easy HTML Prototyping
Animated Border Menus
Chrome Extensions for Web Designers
Resize window, characters-per-line, EnjoyCSS (CSS3), CSS Shapes Editor, Live CSS Editor, many more
Off-Canvas Menu Effects
Side, corner, top and bottom off-menu effects created with CSS transitions and animations plus animated SVGs.
Design Patterns on Codepen
Using the :target selector for alternative layouts
I really like the :target pseudo-selector. It enables you to style the target of a so called skip-link. For instance when you link to a section in an article: you could highlight the header of that section. Or you can use it for toggling simple drop-down menus — the ones you see a lot on small screens. But you can also use it to create a completely different layout.
Unlock the next era of UI development with Polymer
Video from Google I/O 2014
Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.
Entering the multi-screen era means rethinking how we build our applications. Producing a few PSDs doesn’t cut it anymore, we have to start seeing the things we design as components within larger systems. Join us to learn how to use Polymer to revolutionize your design process. With these new tools we can create the UIs of the future, and shorten the time between concept and reality.