![](https://2busy4it.com/wp-content/uploads/2021/12/C692_WOTW.jpg)
Inspirational Website of the Week: Highvibe Network
A beautiful design with great typographic combinations and wonderful details. Our pick this week.
![Collective 668 image](https://2busy4it.com/wp-content/uploads/2021/12/Divi_new.jpg)
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_12.jpg)
12 Days of Web
A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_pixelpatterns.jpg)
Pixel Patterns
Yuan Chuan explores mathematical functions for generating amazing pixel-based patterns.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_StateCss.jpg)
The State of CSS 2021
The results of the annual survey about the latest trends in CSS. It’s also a really cool website!
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_doodlecss.jpg)
DoodleCSS
A hand doodled CSS/HTML theme made by Chris McCormick.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_Box.jpg)
Breaking Out of the Box
Patrick Brosset shows how to use Window Controls Overlay, a new PWA functionality that allows to take advantage of the full surface area of an app.
![](https://2busy4it.com/wp-content/uploads/2021/12/Screen-Shot-2021-12-16-at-11.48.15.jpg)
Embrace the Platform
Bramus’ answer to what the one thing is that people can do is to make their website better?
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_turbo.jpg)
Turborepo
Turborepo is a high-performance build system for JavaScript and TypeScript codebases.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_cognitive.jpg)
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_cognitive-2.jpg)
Cognitive Bias and the Design Process
Part 2 of a series that looks at the systematic errors in thinking that affects decisions and judgment during the design process. By Jon Yablonski.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_gamut.jpg)
Wide Gamut 2D Graphics using HTML Canvas
Earlier this year, a proposal for creating canvas contexts using other color spaces was added to the HTML standard. Cameron McCormack writes on the recent support of WebKit for this.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_svelte.jpg)
Beginner’s guide to Svelte
In this article you’ll learn Svelte’s basic development methods, as well as advanced topics such as state management and animation.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_stateofapis.jpg)
State of APIs
The RapidAPI developer survey results for 2021.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_Servefolder.jpg)
Serve folder for web development
Serve a local folder of files in your browser for easy testing without having to run a server. Check out the repo.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_vortex.jpg)
Vortex
A sound experience in WebGL where you can listen or compose music, done with Three.js and GSAP.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_website.jpg)
Straw.Page
Straw.Page is the world’s simplest website builder. Create unique websites from your mobile device.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_compression.jpg)
HTTP compression
HTTP compression is an important part of the big web performance picture. Leon Brocard covers the history, the current state and the future of web compression.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_wiki.jpg)
Modern for Wikipedia
A beautiful, clean, modern web UI for Wikipedia. Enhance your Wikipedia experience with a redesigned look, new features and customization.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_chrisferdinandi.jpg)
Building a JS library from scratch on Frontend Horse
Chris Ferdinandi shows how to build a JavaScript library from scratch.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_waterwebgl.jpg)
WebGL Water
Evan Wallace made this cool interactive water demo in WebGL.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_pixelated.jpg)
Pixelated Distortion Effect with Three.js
In this coding tutorial, you’ll learn how to recreate an interesting pixel distortion effect using Three.js.
![](https://2busy4it.com/wp-content/uploads/2021/12/Screen-Shot-2021-12-16-at-11.50.41.jpg)
Case Study: A Unique Website for Basement Grotesque – Codrops
A look behind the scenes of Basement Grotesque’s website, the open-source typeface of basement studio.
![](https://2busy4it.com/wp-content/uploads/2021/12/C692_websitesroundup.jpg)
Inspirational Websites Roundup #32
Get updated on the latests web design trends with this carefully selected collection of creative websites.
The post Collective #692 appeared first on Codrops.