Collective #776
Inspirational Website of the Week: Evmos
A cool futuristic design with so many interesting details and animations that will make you enjoy every bit you scroll.
Get inspiredDeveloper-centric approach to building UIs and workflows
Airplane is a code-first platform for building custom internal tools. You can transform scripts, queries, and APIs into UIs and workflows for your team in minutes. Use Airplane for customer onboarding, admin operations, and more.
Get started for free!Adapting typography to user preferences with CSS
Adam Argyle explores using CSS media queries with a variable font to tailor the reading experience for users based on their preferences, such as dark mode, high contrast, and font weight customization.
Read itwebgl.app (beta)
Colin van Eenige is working on this fantastic app where you can indulge into a stunning display of WebGL patterns and animations.
Check it outThe virtual keyboard API
This article by Ahmad Shadeed discusses the issue of fixed elements being hidden underneath the virtual keyboard on mobile devices and explores how to solve it using the virtual keyboard API with CSS comparison functions, along with various use cases and examples.
Read itI'm betting on HTML
David DeGraw discusses the importance of semantic HTML in the context of the current state of the internet and the potential it holds for creating decentralized platforms, focusing on various HTML elements and their functionalities.
Read itSplitting the Web
Lionel Dricot's shares his thoughts on the growing divide between the commercialized, ad-driven web and the tech-savvy web, encouraging readers to choose simplicity and privacy by embracing a more minimalistic and less intrusive online experience.
Read itLinkwarden
Linkwarden is a fully self-hostable, open-source collaborative bookmark manager to collect, organize and archive webpages.
Check it outTixy tutorial: Match visual patterns with JavaScript
Learn JavaScript logic, maths and expressions by matching patterns and by writing your own code.
Check it outMoebius effect in Three.js
A really cool Moebius art demo made by Tang Xuan. Read more about it in this tweet.
Check it outRandomness in CSS using trigonometry
This article by Kacper Kula discusses a better approach to generating pseudo-random values in CSS using trigonometric functions and demonstrates various examples of how to apply this technique to create animations and visual effects.
Check it outMy Journey Away from the JAMstack
In this article, Jared White reflects on the rise and fall of the JAMstack (JavaScript, APIs, Markup) and how Netlify, the company that popularized the term, shifted its focus from simple static site hosting to more complex serverless architectures, leading to the demise of the original JAMstack vision and the need for more reasonable alternatives.
Check it outIf Web Components are so great, why am I not using them?
Dave Rupert summarizes the reasons why Web Components took a decade to gain traction, including issues related to their marketing, design for framework authors, lack of early support, and performance concerns. He also reflects on potential improvements for the future.
Read itReflex: Web apps in pure Python
Reflex is a full-stack web development framework in Python, offering a seamless combination of frontend, backend, and hosting functionalities, allowing engineers to build and deploy web apps in Python quickly and efficiently, eliminating the need for language switching and complex API integrations.
Check it outBrain animation with Three.js and R3F
Yuri Artiukh shows how to recreate the stunning brain animation Blueyard with React Three Fiber and shaders.
Watch itUnderstanding React Server Components
A comprehensive guide on understanding React Server Components, their benefits, how they work, and their integration with Next.js, highlighting their role in improving performance, data fetching, and user experience.
Read itAudioCraft
AudioCraft by Meta is a PyTorch library for deep learning research on audio generation. AudioCraft contains inference and training code for two state-of-the-art AI generative models producing high-quality audio: AudioGen and MusicGen.
Check it outKhoj: An AI Personal Assistant for your Digital Brain
Khoj is an open-source AI personal assistant that helps users link up their knowledge bases, enabling faster and better information retrieval through natural language conversations and fast semantic search, with plans for a cloud-hosted version and a user-friendly desktop application in the works.
Check it outRethinking Window Management
Tobias Bernard writes about the challenges and limitations of traditional window management systems on desktops and introduces a new concept called "Mosaic" that aims to combine the best aspects of tiling and floating windows for a more intuitive and efficient multitasking experience in GNOME.
Check it outOn-Scroll Perspective Grid Animations
On-scroll animations for perspective image grids with different layouts.
Check it outDivi: The most popular choice for building WordPress websites
Divi is the most popular WordPress website building platform that offers advanced visual builder technology and a wide range of design options and features for users to create stunning websites easily and efficiently.
Try it for free