WebGL Scroll Spiral

Today we want to show you some shader art made with WebGL. The idea is to create a decorative background effect by twisting images and hexagonal grid patterns smoothly on page scroll. The effect aims to be as light as possible on desktops or mobile devices. (Click the image to view the demo) Attention: You’ll…

Details

Inspiration for Grid Loading Animations

View demo Download source Today we’d like to share a set of simple, inspirational loading animations for grid items with you. The idea is to show some image grid items with a (subtle) animation after loading has finished. For the demo we have three slightly different grid layouts with different gutters and column numbers. We…

Details

Developer/Designer Page Layout Concept

View demo Download source Today we’d like to share a simple page layout concept with you. The theme of the page is a developer/designer portfolio where we add a special effect for revealing the “other” quality of the designer. When you open the demo, you’ll notice a kind of “glitch” effect on some words and…

Details

Collective #309

CSS in JavaScript: The future of component-based styling Jonathan Z. White shares his thoughts on the future of component-based styling. Read it This content is sponsored via Syndicate Ads Dropsource: Rapid Visual Prototyping For Native Mobile Apps Visual app platform for rapidly building real iOS & Android apps on the web. Drag and drop design,…

Details

Collective #308

Inspirational Website of the Week: Carbon Beauty Interesting scroll action with some nice, exemplary reveal animations. Our pick this week. Get inspired It’s Time To Start Using CSS Custom Properties Learn about CSS custom properties and how to use them in this article by Serg Hospodarets. Read it Advertisement Real Time Design in WordPress Divi…

Details

Collective #307

Learning AI if You Suck at Math Daniel Jeffries’ seventh part of a very insightful series of articles on learning AI. This one is about the “Magic of Natural Language Processing”. Read it This content is sponsored via Syndicate Ads FullStory Click Maps: Heat Maps Of The Future Forget trying to make sense of splotchy…

Details

Collective #306

Inspirational Website of the Week: ueno.store An impeccable design with lovely details and perfect transitions. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Record and replay visitor sessions By seeing your visitor’s clicks, taps and mouse movements you can identify usability issues on the fly and improve your website. And…

Details

Collective #305

Griddy Griddy is a new tool for learning CSS Grid. Made by Drew Minns. Check it out A Comprehensive Guide To HTTP/2 Server Push Jeremy Wagner’s complete guide to HTTP/2 Server Push, what it is and how to use it. Read it React Conf 2017 Watch all videos from the React Conference 2017. Watch it…

Details

Collective #304

Inspirational Website of the Week: Shuka Form and typography come together brilliantly in this strong design. Our pick this week. Get inspired How India saved its internet from greedy corporations The important and inspiring story behind the fight for Net Neutrality in India. Read it Education of a Programmer Terry Crowley reflects on what he…

Details