Design

What can you do with a single CSS keyframe? A metric ton. 0:00 - 50% keyframes are magic 0:49 - Animation is easier than you think 2:17 - Why at 50%? 6:51 - Trick 1 Shake 12:00 - Trick 2 Pulse 23:25 - Trick 3 Glitch 27:55 - Trick 4 Flip 32:45 - Trick 5 Fill 41:20 - Trick 6 Sheen 44:25 - Trick 7 Emphasize 46:50 - Trick 8 Censor 48:35 - Trick 900 Tony Hawk Links Bad at CSS - https://twitter.com/badatcss Adam Twitter - https://twitter.com/argyleink David Twitter - https://twitter.com/_davideast Codepen Demo: https://codepen.io/davideast/pen/MWxvzjm Open Props: https://open-props.style

The past few years have brought us a tonne of new CSS features to help solve common layout challenges. In this session, we’ll delve into some real-world use cases for new features like container queries and the :has() pseudo class.

Share your videos with friends, family, and the world

Eleventy starter using modern CSS, fluid type, fluid spacing, flexible layout and progressive enhancement.

Why I Had to Rethink How I Measure Progress

By following these patterns and guidelines, designers and developers can create AI-enhanced applications that provide significant value to users, improve their workflow, and ensure a seamless, intuitive user experience. | Made with ❤️ by Emplifi

Chance Graham is principal designer specializing in product and software design, former Apple Design Team member, and cofounder of music software company Supertape.

The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one that probably envies how much attention navigation gets. But read on to learn why we need types and how it opens up new possibilities for custom view transitions when navigating between pages.

Creative and graphic design studio based in New York and Madrid specialising in strategic brand identity and creative visual communication founded by Rebeka Arce.

Designer based in Los Angeles. Specializes in dynamic, interactive visuals.
Worked at Apple, Meta, and ZOE. Now studying at ArtCenter.
Skilled in 3D, motion design, interactive prototyping, and UX.

Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.

Marginalia Search is a small independent do-it-yourself search engine for surprising but content-rich websites that never ask you to accept cookies or subscribe to newsletters. The goal is to bring you the sort of grass fed, free range HTML your grandma used to write.

We read Terms of Service and Privacy Policies so you don't need to

Vincent Wagner is a freelance typographer, motion designer & lettering artist.

Designer and Photographer

The largest collection of UI/UX references and design inspiration for web and iOS. Explore tens of thousands of screenshots with advanced search capabilities

Building brands, and campaigns for startups and emerging tech companies. Based in California, I specialize in brand identities, campaigns, and digital brand experiences with a data-driven approach.

Free, out-of-the-box utilities to help with common frontend and backend tasks.

High quality photoshop mockups developed for graphic designers, studios & start-ups. Made in Melbourne, Australia. @darkroom.psd

The creative resource agency. We produce visuals that are true to life, enabling designers to focus more on design and less on template creation.

Bendito Mockup brings to life the aesthetic potential of your projects. If you believe in bold art directions: welcome to your iconic era.

High-quality premium mockup store where we pay much attention to ideas, quality, and details of our products. Customizable and easy-to-use PDS files.

Elevate your designs with our high-quality mockups of digital devices, stationary, and more. Our simple to use PSD files will make your work standout.

Multi disciplinary, independently owned design studio. graphic design and art direction

Test various contrast methods to see whether a black or white foreground color provides the best contrast against a given background color.

Dare to dream, dare to create.

Color scale generator by Hayk An

In October I gave a talk at Monktoberfest in Portland, Maine, a small and intimate tech conference with a big impact in the industry. It’s quite unlike any other conference I’ve been to, which is explicitly the point. I’d been hearing about the conference from friends for years, and it somehow still managed to exceed all my lofty expectations. Monktoberfest asks that your talk be something you wouldn’t be able to hear at any other conference. Mine was about values and how they show up at work and what happens when there is a gap between your stated and enacted values. It’s a theme that percolates through a lot of my writing and something I’ve spent many sleepless nights ruminating on, and giving this talk to such a receptive, empathetic, and compassionate audience was incredibly meaningful to me. You can watch the talk here: Seeing as I am personally allergic to watching any YouTube videos longer than five minutes unless I absolutely have to, I’ve also included a lightly edited version of the text of the talk below.