Collective #717
Publikováno: 23.6.2022
The cost of convenience * Building forms with custom elements * State of GraphQL
The post Collective #717 appeared first on Codrops.
Inspirational Website of the Week: Hisami Kurita Portfolio
A really unique design and web experience that shines with amazing animations. Our pick this week.
This content is sponsored via BuySellAds
Perfect for Hackathons
Learn how to speed up your development using low-code databases.
State of GraphQL
The new annual developer survey of the GraphQL ecosystem. Fill out the survey to help identify which GraphQL tools and features are actually being used.
The cost of convenience
Surma’s mental model of how to develop for developers without getting tempted to over-do it with abstractions.
Fun Parallax Scrolling CSS for Matterday
Journey through the parallax scrolling CSS effects featured on the site of the Matterday project. By Lynn Fisher.
Managing Specificity With CSS Cascade Layers
An in-depth guide to CSS Cascade Layers that will help you write easily maintainable stylesheets and deal with CSS specificity more efficiently.
Stack Overflow Developer Survey 2022
The results of Stack Overflow’s survey insights about the attitudes, tools, and environments that are shaping the art and practice of software today.
Building forms with custom elements
Maggie Wachs reviews what we can do now with custom elements in forms to ensure they behave as expected, and what’s on the horizon to simplify this process.
Style scoping versus shadow DOM: which is fastest?
Nolan Lawson presents a new benchmark that provides a better answer to the question if shadow DOM improves style performance.
Building a Quiz with Eleventy and Eleventy Serverless
Learn how to built an Eleventy site driven by dynamic quiz data. By Raymond Camden.
CSS card shadow effects
Chen Hui Jing shows how to create a card component with a comic style look.
ATMOS
Get on board and discover the most surreal facts about the aviation industry. A fantastic experiment by the folks of Leeroy.
Spider
A cool spider experiment coded by Fabio Ottaviani.
SVG Spinners
A collection of 24 x 24 dp SVG spinners.
Markwhen
In case you didn’t know about it: Markwhen is a text-to-timeline tool. You write markdown-ish text and it gets converted into a nice looking cascading timeline.
Chunshik’s observation diary
An absolutely adorable WebGL site.
Modern CSS Reset
CSS Reset that uses modern CSS features such as :where(), logical properties, prefers-reduced-motion and more. By Elly.
Conditionally Styling Selected Elements in a Grid Container
Fantastic CSS magic by Preethi that allows for selecting multiple items in a grid.
Three.js Architectural Visualization
Anderson Mancini has made another amazing #archiviz project in Three.js.
The designer’s gaze
Srishti Mehrotra’s opinion on the role of designers and the impact of their work.
From Our Blog
Creating a Particles Galaxy with Three.js
A coding session where you’ll learn how to recreate the galaxy made of particles from the Viverse website.
The post Collective #717 appeared first on Codrops.