Collective #328
![C328_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_WOTW.png?x86293)
Inspirational Website of the Week: Tim Roussilhe
An outstanding creative portfolio with beautiful details and interaction gems. Our pick this week.
Get inspired![C328_WebVRShowroom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_WebVRShowroom.jpg?x86293)
WebVR Showroom
A great WebGL and WebVR proof-of-concept for showcasing and customizing products on the web. Made by Little Workshop.
Check it out![C328_Pixels](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Pixels.jpg?x86293)
Pixels - Beautiful designs every day
A new place to find inspiration for great designs and copywriting. Read more about it in this article.
Check it out![C302_Divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/04/C302_Divi.png)
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now![C328_StickyHeader](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_StickyHeader.png?x86293)
Sticky Headers
A three-part article series on sticky navigations and smooth scrolling by Remy Sharp.
Read it![C328_UIKitten](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_UIKitten.png?x86293)
React Native UI Kitten
A mobile framework for React Native with easily customizable elements.
Check it out![C328_DemosMarpi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_DemosMarpi.jpg?x86293)
Marpi: Demos
A collection of amazing demos by Marpi Studios.
Check it out![C328_Font1](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Font1.png?x86293)
Free Font: Grad
A strong display typeface designed by Rick Lewik.
Get it![C328_Atomic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Atomic.jpg?x86293)
Atomic Design & Creativity
Audrey Hacq gives some great metaphors for the Atomic Design principle.
Read it![C328_ReactUWP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_ReactUWP.jpg?x86293)
React UWP
If you are into Microsoft's UWP Design and use React, this might be interesting for you.
Check it out![C328_Bundle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Bundle.png?x86293)
Browser module loading - can we stop bundling yet?
Read why it's still wise to bundle ECMAScript modules although all modern browsers are already capable of it.
Read it![C328_LineDrawing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_LineDrawing.png?x86293)
Animals SVG line animations with Snap.svg
An adorable demo by Gregor Ojstersek.
Check it out![C328_Sass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Sass.png?x86293)
Over-engineering Sass maps
Hui Jing shares her learning experience with Sass functions.
Read it![C328_reprocss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_reprocss.png?x86293)
reproCSS
A flexible <style>-tag based CSS reprocessor that allows for interpolating JS inside CSS with the ${}
syntax. By Tommy Hodgins.
![C328_AnimatedIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_AnimatedIcons.png?x86293)
60 Free Animated Icons
A set of fun icons that animate by Icons8.
Get it![C328_Electronium](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Electronium.jpg?x86293)
Electronium
A fun audio-visual experiment consisting of a virtual synthesizer and an audio visualizer. Built by DreamPipe.
Check it out![C328_Edugames](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Edugames.png?x86293)
Science-based games
A collaborative list of educational games that capture parts of real scientific phenomena.
Check it out![C328_Modal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Modal.jpg?x86293)
Move Modal in on a Path
Chris Coyier shows how to use the new CSS property offset-path
to animate a modal along a path.
![C328_ApectRatio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_ApectRatio.jpg?x86293)
Aspect Ratios in CSS are a Hack
A great collection of aspect ratio sizing techniques in CSS.
Read it![C328_HTMLDevs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_HTMLDevs.png?x86293)
HTML: The Living Standard
A new site for the Developer Edition of HTML.
Check it out![C328_Grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Grid.png?x86293)
You do not need a CSS Grid based Grid System
Rachel Andrew writes about how CSS Grid turns commonly used grid systems in CSS obsolete.
Read it![C328_Font2](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Font2.png?x86293)
Free Font: Chester Sans (Light & Bold)
A modern type family designed by Boris Garic.
Get it![C328_Terminus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_Terminus.jpg?x86293)
Terminus
A modern terminal with lots of useful features.
Check it out![C328_ShapeMorphing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C328_ShapeMorphing.jpg?x86293)
Organic Shape Animations with SVG clipPath
Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.
Check it out