Here's the 452nd Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.
Web Design & Development News: Collective #452
Is your site too light? Need more pizzaz? Make it heavy with a single, zero dependency script. It downscales all images on your webpage by a factor of 3, takes the RGB values and creates spans with appropriate styles. Yes, this converts your images to HTML p and spans.
Benjamin Moore Paint Colours as CSS Variables
Add Markdown to any HTML using a <md> tag.
React Native animated app with reanimated + expo and Rive an amazing tool for interactive icons and shapes animation.
Battery Level Indicator Percentage
Small library for adding tooltips to your website.
Startpage with parallax
A cool new tab page template.
A fast-searching and space-saving browser specially designed for programmers.
Topograft Procedural Terrain Generation
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles.
Intercept & mock http requests issued by XMLHttpRequest, fetch, nodejs https/http module, axios, jquery, superagent, ky, node-fetch, request, got or any other request libraries by intercepting XMLHttpRequest, fetch and nodejs native requests at low level.
Link Hover Effects
A collection of link hover effects, styled with SCSS.
A programming Language based on darija and built to make learning coding simple for morroccan people using: Node.js and Nearly (Grammar Describing Language).
CSS Grid Carousel
ThreeJS Toys - Neon Cursor
Fancy and colorful CSS only hover effect
Free 3D Tech icons
IconaMoon Icons Pack
2400+ icons in 8 styles. Available for: Figma, Sketch, Adobe XD, SVG, PNG.
60 Free Windows11 System icons
60 Windows 11 system icons to download, edit and use freely in any design project. The icons are created in the Figma interactive interface design tool so you can make custom changes to the layers.
Stack to Content Layout Transition
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.