Collective #475

CodyHouse Components CodyHouse’s design system is an arsenal of production-ready components and tools that empower web designers to craft digital experiences faster and better. Check it out This content is sponsored via Thought Leaders Learn To Build Pixel Perfect Websites in HOURS Ran Segall shares how he uses Webflow to build pixel perfect websites super…

Collective #474

Inspirational Website of the Week: Elias Tinchon A minimal design with great function and nice details. Our pick this week. Get inspired Our Sponsor Divi Leads A/B Testing & Conversion Optimization Did you know that Divi comes with an integrated split testing and conversion rate optimization system backed by powerful stats and insights? Learn more…

Interactive Repulsion Effect with Three.js

This tutorial is going to demonstrate how to build an interesting repulsion effect for a grid of elements using three.js and TweenMax (GSAP). The effect is a recreation of BestServedBold’s Dribbble shot Holographic-Interactions. Attention: We assume that you already have some basic JavaScript and three.js knowledge. If you are not familiar with it, I highly…

Collective #473

Christmas XP 2018 This year’s edition of the famous WebGL advent calendar with experiments by digital artists. The “Plume and the Forgotten Letter” game is the first beautiful contribution. Check it out This content is sponsored via Syndicate Ads How to improve customer experience 2019 We recently asked 2,000 customer experience (CX) professionals about the…

Collective #472

Inspirational Website of the Week: Sarto A fantastic melange of elegance and delightful details. Our pick this week. Get inspired This content is sponsored via Thought Leaders Pramp – Free frontend interview practice Can you ace an interview? Make sure you can. Pramp, a peer-2-peer mock interviews platform allows you to practice on-demand for free.…

An Introduction to CSS Shapes

Until the introduction of CSS Shapes, it was nearly impossible to design a magazine-esque layout with free flowing text for the web. On the contrary, web design layouts have traditionally been shaped with grids, boxes, and straight lines. CSS Shapes allow us to define geometric shapes that text can flow around. These shapes can be…

Image Reveal Hover Effects

Today we’d like to share a set of link hover effects with you. The main idea is to reveal a thumbnail image with a special effect when hovering a link. The inspiration for this idea comes from the effect seen on Fuge’s website where you can see a thumbnail showing when hovering the underlined links.…

Collective #471

Voice User Interfaces (VUI) – The Ultimate Designer’s Guide Justin Baker shares the fundamentals for designing Voice User Interfaces. Read it Build your own interactive JavaScript playground A tutorial by Krasimir Tsonev where he shows how to code a JavaScript playground. Read it Our Sponsor Real Time Design in WordPress Divi is powered by the…

Collective #470

Inspirational Website of the Week: Awwwards Conference A beautiful web experience that’s so much fun to navigate. Our pick this week. Get inspired Our Sponsor Elegant Themes Black Friday Sale The Elegant Themes Black Friday Sale will start on November 23rd at 12:00 AM UTC-5. This is the best time of the year to purchase…