Collective #766
Inspirational Website of the Week: Laxer Brands
Our inspirational website of the week goes to David Laxer's website, featuring an impeccably designed interface with flawless execution, showcasing sharp typography and great attention to design details.
Get inspired
This content is sponsored via BuySellAds
Use Kintone to Spend Less Time on the Back-end
Kintone is a powerful web database, providing developers with a convenient environment to test out front-end coding ideas, without having to run a backend.
Find out more
Introducing the popover API
The article by Una Kravets introduces the popover API, a new set of declarative HTML APIs in browsers, simplifying the process of building popovers by handling complexities such as focus management, open/close states, and accessibility.
Check it out
Ultimate Lens Flare
Anderson Mancini created "Ultimate Lens Flare" for React Three Fiber. It adds the optical aberration caused by the dispersion of light entering the lens through its edges.
Check it out
Memory Allocation
In this comprehensive article, Sam Rose delves into the fundamental concept of memory allocation, explaining how programs utilize memory and the significance of effective memory management through the use of allocators, with visual representations and practical examples.
Read it
focus.txt
Focus is a minimalist, text-based daily planner that provides a straightforward to keep track of tasks and activities.
Check it out
Using linear() for better animation
The article discusses the use of the linear() easing function in CSS animations, transitions, and the Web Animations API, allowing for bounce, spring, and elastic effects without complex JavaScript coding.
Check it out
Sortabase: Collaborative, visual databases by communities
Sortabase is a platform for communities to build and manage collaborative, visual databases.
Check it out
Why we're bad at CSS
Mike Aparicio writes about the underlying reasons behind CSS struggles and shares the COOL CSS methodology for improving code quality in this insightful article.
Read it
Dropdown Descramble
Carl from Creative Coding Club shows how to code the effect seen on marvinschwaibold.com.in this two part tutorial series.
Check it out
Free Font: Intel One Mono
Intel One Mono is a carefully designed monospaced font catering to the needs of developers, offering clarity, legibility, and an extensive language support, while addressing the concerns of low-vision developers.
Check it out
Writing my own ChatGPT Code Interpreter
Rick Lamers' blog post introduces GPT-Code UI, an open-source project he developed as a REPL integrated with ChatGPT's coding abilities, allowing users to execute code, perform tasks like file manipulation, and run Python kernels locally.
Read it
Smallville
Smallville is an open-source project that allows you to create generative agents for RPG games and research purposes, providing virtual characters capable of storing memories, reacting dynamically to their environment, and making NPC interactions more realistic and dynamic.
Check it out
11 HTML best practices for login & sign-up forms
This article provides 11 best practices for login and sign-up forms, emphasizing the importance of improving user experience, security, and accessibility.
Read it
Windmill
An open-source developer platform to turn scripts into workflows and UIs. Windmill offers a self-hostable solution for internal tools, serving as a viable alternative to platforms like Airplane, Pipedream, Superblocks, and a simplified version of Temporal.
Check it out
The problem with disabled buttons and what to do instead
Adam Silver discusses the issues with disabled buttons in forms and suggests alternative approaches, emphasizing the importance of providing feedback, ensuring visibility, and enabling users to proceed with their actions.
Read it
OpenCommit
OpenCommit is a tool that automates the generation of meaningful commits using AI, with options to configure emoji and commit descriptions, and it can be set up as a GitHub Action or used via the CLI.
Check it out
Pixpaint
Just draw something on this delightful animated pixel canvas made by Max Bittker.
Check it out
File Upload Security and Malware Protection
Austin Gil discusses implementing OWASP recommendations for file upload security, including extension validation, filename sanitization, upload and download limits, file storage location, and content-type validation, as well as the use of malware scanning solutions.
Read it
From our blog
On-Scroll Pixelated Image Loading Effect
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website.
Check it out