Collective #392 | StrikeWorks Media

Collective #392

Collective #392

C392_WOTW

Inspirational Website of the Week: Robin Payot

Some fascinating interaction ideas with a futuristic design. Our pick this week.

Get inspired

C392_Sencha
Our Sponsor

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

Stunning hover effects with CSS variables

Tobias Reich shows how to use CSS variables for creating magic button effects.

Read it

C392_order

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

GitLeaks

A tool that searches repositories for sensitive information.

Check it out

C392_Es2018

Exploring ES2018 and ES2019

Axel Rauschmayer writes about what’s new in ECMAScript 2018 and ECMAScript 2019.

Read it

C392_LeaVerouCourse

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

Stinkmoji

Brilliant three.js fun where you can control the facial expressions of an emoji.

Check it out

C392_Ikko

Ikko Tanaka

Ikko Tanaka’s graphic design in CSS handcrafted by Yuan Chuan.

Check it out

C392_scrollmorph

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

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

Animated SVG Avatar

An adorable login form where the avatar responds to the input fields.

Check it out

C392_flexgridjen

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

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

Revisiting Margin Collapse

A great article on the logic and usefulness of collapsing margins in CSS. By Adam Laki.

Read it

C392_CSSVars

Learn CSS Variables in 5 minutes

Per Harald Borgen’s quick introduction to Custom Properties.

Read it

C392_WOman

CSS Illustration ‘Woman’

Beautiful CSS art made by WhitePallet.

Check it out

C392_productnames

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

FastPhotoStyle

The intriguing fast photorealistic style transfer algorithm that transfers the style of one image to another.

Check it out

C392_AudioVis

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

Mario Pixel Icon Collection (AI, PNG, SVG)

An awesome playful pixel icon set with 100 versatile icons.

Get it

C392_Fluid

Fluid Simulation

A three.js demo that simulates fluid with volumetric lighting. Made by David Lenaerts.

Check it out

C392_parallaxmac

3D iMacs

A nice scrollable 3D iMacs presentation with parallax effect just with CSS. Made by Thismanslife.

Check it out

Collective #392 was written by Pedro Botelho and published on Codrops.

Original Article

Codrops
No Comments

Post a Comment

Comment
Name
Email
Website

Sign up to be the first to hear about FREE marketing materials for your business.
Subscribe

Send this to a friend