Weekly Web Design & Development News: Collective #299
Here's the 299th 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 #299
hexbot
Every request returns a different hex code—all 16,777,216 of them.
a11y-css-reset
Global CSS rules to improve accessibility in your site and make your life easier.
[Download]
color-scheme-change
Listen for changes to the system color scheme in the web browser. Detect when the system switches between Light Mode and Dark Mode.
[Download]
func
More popular and simple way to build command-line tools.
[Download]
dark-mode-toggle
A custom element that allows you to easily put a Dark Mode toggle or switch on your site and that adds prefers-color-scheme support even to browsers that don't support the media feature natively.
underliner
Underliner is a simple script that can help in creating custom link underline effects with SVG paths.
css-tooltip
Only CSS lightweight, minimal and simple tooltips. No dependencies, no javascript, no rubbish, just around ~500 Bytes gzipped.
lift
Declarative data modeling & database migrations
- Declarative data modelling syntax
- Supports relational and document databases (more coming soon)
- Keeps a migration history
- Before- and after hooks to run scripts for complex migrations
- Simple defaults, optional complexity for advanced use cases
- Revert and replay migrations
- Works with existing databases using schema introspection
- CLI to support all major workflows
[Download]
Placeholder loading
Simple and flexible, css only, content placeholder loading animation.
Pure CSS Magazine style layout
Pure CSS Magazine style layout with transition.