The Process of Building a CSS Framework

We recently released version 3 of CodyFrame, a CSS framework Sebastiano (my partner at CodyHouse) and I have been working on for the last three years. In this article, I want to show you the steps that brought us to this last version, the key features of the framework, and how CodyFrame and the library of components that come with it – almost...

14h

Collective #684

Inspirational Website of the Week: Team Stefansky Geeky, cool and super-fun to browse. This website design has the right amount of exciting details and innovative effects. Our pick this week. Get inspired This content is sponsored via BuySellAds We connect exceptional developers with world-class companies. We combine an industry-leading...

4d

7 eCommerce Design Trends You Need to Know for 2022

With more and more people depending on online stores to get the goods and services they need, ecommerce companies need websites that can keep up with demand. The only problem is that the ecommerce landscape is constantly changing, so what may have made for a great ecommerce experience just a year or two ago might now feel inefficient and outdated. ...

5d

Repetitive Typography Animation

After using a typography animation as page transition, my next endeavour incorporating kinetic typography ideas into a web design, is based on this fantastic animation by Domagoj Štrok for HOLOGRAPHIK®: This is actually a really interesting challenge: take a fun typography animation like this and try making it part of a web design! Challenge...

5d

Replicating the Particles Animation from DNA Capital with Three.js

In this ALL YOUR HTML coding session you will learn how to recreate the beautiful particles animation from the website of DNA Capital using Three.js. The website was made by Immersive Garden. This coding session was streamed live on October 17, 2021. Check out the live demo. Support: https://www.patreon.com/allyourhtml Setup:...

1w

Collective #683

Inspirational Website of the Week: Victoire Douy A unique design with engaging interactivity that perfectly represents the artist. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Project Management Without All the Management Shortcut is made for engineers and project managers, providing easy reporting,...

2w

Collective #682

Inspirational Website of the Week: Lunchbox It’s hip, it’s cool and the colors pop! We love this fresh design and the details. Our pick this week. Get inspired This content is sponsored via Syndicate Ads We connect exceptional developers with world-class companies. We combine an industry-leading matching algorithm with human...

3w

How to Implement and Style the Dialog Element

A dialog is a component of web interfaces providing important information and requiring user interaction in response. The user’s attention should be focused exclusively on the active dialog element, both visually and interactively. Information and user actions presented by the dialog should be phrased simply and unambiguously. So, a dialog is interruptive...

3w

Inspirational Websites Roundup #30

Today I’m very happy to share another websites roundup with you! There is lots to discover and explore, especially when it comes to creative typography usage and color themes. Uppercase letters are hip while soft, fuzzy, blurry shapes and gradients create an interesting “ambient” in some designs. Hope you enjoy this collection and find it inspirational!...

3w

Creating 3D Characters in Three.js

Three.js is a JavaScript library for drawing in 3D with WebGL. It enables us to add 3D objects to a scene, and manipulate things like position and lighting. If you’re a developer used to working with the DOM and styling elements with CSS, Three.js and WebGL can seem like a whole new world, and perhaps a little intimidating! This article is for developers...

3w