Design

You need to find a specific Unicode character? With Shapecatcher.com you can search through a database of characters by simply drawing your character into a box. It can find the most similar character shapes for your drawing.

Pete Barr teaches us how he creates beautiful animations with SVG and GSAP. We pick up a few techniques like text splitting and infinite scroll.

Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I'd say, is what you'd expect, but things get weird when srcset

Animated SVGs add a touch of interactive whimsy and polish to our websites. In this episode, Cassie Evans will teach us how to use Greensock to create fun, engaging experiences!

By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid — features that become even more powerful when we introduce subgrids. In this article, Rachel Andrew is going to demonstrate an approach to this kind of editorial design, which builds on a few techniques. In addition to this being a nice way to name sections of your layout, this technique exposes a whole bunch of interesting things about Grid Layout which you may find useful in creating your own layout patterns.

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.

Format Mockups delivers exceptional digital mockups and striking imagery tailored for graphic designers, branding agencies, and creative professionals. Our exclusive, high-quality visuals empower you to elevate your brand's identity and showcase your unique style. Discover our innovative collections

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.