This content originally appeared on Codrops and was authored by Mary Lou
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_WOTW.jpg)
Inspirational Website of the Week: Postevand
A modern grid based design with great typography. Our pick this week.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_divi.jpg)
Our sponsor
Black Friday is coming early!
Save the date and win an iMac at this year’s Black Friday sale! Purchase any Divi product & get our biggest discount of all time, a free prize, a pack of website templates and exclusive access to dozens of additional product deals.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_lucia.jpg)
Lucia
Lucia is a simple yet flexible user and session management library that provides an abstraction layer between your app and your database.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_threejstut.jpg)
Shadow Mapping In Three.js
In this article Misaki Nakano writes about how to do shadow mapping in Three.js.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_colors.jpg)
OKLCH in CSS: why we moved from RGB and HSL
Learn about the CSS Color Module 4 which adds oklch() and allows for P3 wide-gamut support.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_mediaquery.jpg)
The New CSS Media Query Range Syntax
The Media Queries Level 4 specification has introduced a new syntax for targeting a range of viewport widths using common mathematical comparison operators, like , and =, that make more sense syntactically while writing less code for responsive web design.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_http.jpg)
The HTTP crash course nobody asked for
Learn all about the functioning of HTTP in this crash course.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_commit.jpg)
The Perfect Commit
Simon Willison shares his work around the Perfect Commit and what steps it invovles.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_21.jpg)
Scroll to Text Fragments
Learn about scroll to text fragments which just landed in Safari. By Jim Nielsen.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_preview.jpg)
Generative art Open Graph preview images
A how-to on generative art and browser automation by Matthew Ström.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_statecss.jpg)
State of CSS 2022
Web styling features of today and tomorrow, as seen at Google IO 2022, plus some extras.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_next.jpg)
Outstatic
An open source static site CMS for Next.js. Create your blog or website in minutes. No dabatase needed.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_11.jpg)
Designing an Accessible Future
Geri Reid’s talk at this year’s WDC in Bristol on applying the principles of WCAG 3.0 to some current visions of the future.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_imageencrypt.jpg)
Image Steganography Tool
A simple C++ encryption and steganography tool that uses Password-Protected-Encryption to secure a file’s contents, and then proceeds to embed it insde an image’s pixel-data using Least-Significant-Bit encoding.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_hydra.jpg)
Hydra
Hydra is live code-able video synth and coding environment that runs directly in the browser. It is free and open-source and made for beginners and experts alike.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_shader.jpg)
Fragment Shader Art
Another creative coding shader exploration by Daniel Velasquez.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_outline.jpg)
Fancy Image Decorations: Outlines and Complex Animations
In this third and final piece of a series on image decorations, Temani Afif shows more techniques using the CSS outline property.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_dashedline.jpg)
Masked Gradient Dashed Lines
A very interesting technique for creating dashed lines with a gradient. By Eric Meyer.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_backanimation.jpg)
Wormhole still frames sequence CSS only w/ commands
A really cool CSS Only animation of still frames sequence made by Olivier Blanc.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_search.jpg)
Swurl
Swurl is a new search engine that allows you to search everything instantly!
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_aistyle.jpg)
Invasive Diffusion: How one unwilling illustrator found herself turned into an AI model
Andy Baio on a recent Stable Diffusion AI discussion regarding the ethics of using an artist’s style.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_portfolio.jpg)
Brett Williams’ Portfolio Place
The super cool “Portfolio Place” is the home of Brett Williams’ web experiments.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_scroll.jpg)
Building Chrometober!
Read how the scrolling book came to life for sharing fun and frightening tips and tricks this Chrometober.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_android.jpg)
TamoTam
This project is a combination of a personal education project to learn JavaScript Mobile Development using React Native and a business idea to create a mobile app with offline-only events.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/11/C736_unreveal.jpg)
From Our Blog
Unreveal Effects for Content Previews | Codrops
Some explorations of page transitions using covering elements and CSS clip-paths.
This content originally appeared on Codrops and was authored by Mary Lou
![](https://www.radiofree.org/wp-content/plugins/print-app/icon.jpg)
Mary Lou | Sciencx (2022-11-03T17:11:28+00:00) Collective #736. Retrieved from https://www.scien.cx/2022/11/03/collective-736/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.