Collective #392
![C392_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_WOTW.jpg?x86293)
Inspirational Website of the Week: Robin Payot
Some fascinating interaction ideas with a futuristic design. Our pick this week.
Get inspired![C392_Sencha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_Sencha.png?x86293)
Design, Develop and Test Your Apps with
Ext JS
Build better apps faster with a single, enterprise-ready framework, complete with a robust UI component library that's fully supported.
Try it for free![C392_buttonvars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_buttonvars.jpg?x86293)
Stunning hover effects with CSS variables
Tobias Reich shows how to use CSS variables for creating magic button effects.
Read it![C392_order](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_order.jpg?x86293)
Avoiding chaos when using Flexbox 'order'
Amelia Bellamy-Royds explains the CSS flexbox "order" property and shows how to use it.
Read it![C392_gitleaks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_gitleaks.jpg?x86293)
GitLeaks
A tool that searches repositories for sensitive information.
Check it out![C392_Es2018](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_Es2018.jpg?x86293)
Exploring ES2018 and ES2019
Axel Rauschmayer writes about what's new in ECMAScript 2018 and ECMAScript 2019.
Read it![C392_LeaVerouCourse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_LeaVerouCourse.jpg?x86293)
Free Intro to Web Development slides (with demos)
Read about Lea Verou's slides on the "User Interface Design & Implementation" course she teaches at the MIT.
Read it![C392_Stinkmoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_Stinkmoji.jpg?x86293)
Stinkmoji
Brilliant three.js fun where you can control the facial expressions of an emoji.
Check it out![C392_Ikko](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_Ikko.jpg?x86293)
Ikko Tanaka
Ikko Tanaka's graphic design in CSS handcrafted by Yuan Chuan.
Check it out![C392_scrollmorph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_scrollmorph.jpg?x86293)
Scroll and morph
In this demo Mikael Ainalem shows how to use basicScroll, CSS variables and clip-path to morph shapes.
Check it out![C392_empty](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_empty.jpg?x86293)
Styling Empty Cells With Generated Content And CSS Grid Layout
Rachel Andrews shows how to style grid cells that don't contain any content with pseudo classes.
Read it![C392_login](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_login.jpg?x86293)
Animated SVG Avatar
An adorable login form where the avatar responds to the input fields.
Check it out![C392_flexgridjen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_flexgridjen.jpg?x86293)
Combine Flexbox & Grid in a common layout made easy
Jen Simmons shows how you can nest CSS Flexbox and Grid to make flexible layouts.
Watch it![C392_gifmuse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_gifmuse.jpg?x86293)
GIFMUSE.io
If you didn't know it yet: A curated gallery of micro animations that elevate the animated GIF as artistic work.
Check it out![C392_margins](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_margins.jpg?x86293)
Revisiting Margin Collapse
A great article on the logic and usefulness of collapsing margins in CSS. By Adam Laki.
Read it![C392_CSSVars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_CSSVars.jpg?x86293)
Learn CSS Variables in 5 minutes
Per Harald Borgen's quick introduction to Custom Properties.
Read it![C392_WOman](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_WOman.jpg?x86293)
CSS Illustration 'Woman'
Beautiful CSS art made by WhitePallet.
Check it out![C392_productnames](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_productnames.jpg?x86293)
How Products Got Their Name
An interesting collection of products and projects and the stories of how they got their name.
Check it out![C392_photostyle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_photostyle.jpg?x86293)
FastPhotoStyle
The intriguing fast photorealistic style transfer algorithm that transfers the style of one image to another.
Check it out![C392_AudioVis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_AudioVis.jpg?x86293)
Webgl Particle Audio Visualizer
A WebGL particle experiment that reacts to audio input by using the WebAudio API. Made by Sehyun Av Kim.
Check it out![C392_pixelicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_pixelicons.jpg?x86293)
Mario Pixel Icon Collection (AI, PNG, SVG)
An awesome playful pixel icon set with 100 versatile icons.
Get it![C392_Fluid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_Fluid.jpg?x86293)
Fluid Simulation
A three.js demo that simulates fluid with volumetric lighting. Made by David Lenaerts.
Check it out![C392_parallaxmac](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C392_parallaxmac.jpg?x86293)
3D iMacs
A nice scrollable 3D iMacs presentation with parallax effect just with CSS. Made by Thismanslife.
Check it out