Sublime

An inspiration engine for ideas

AllPeopleCollectionsArticlesAudioBooksFilesHighlightsImagesLinksNotesTextTweetsVideosSocial

Crafting a custom motion slider for Anya’s photography portfolio showcase.… | Arlind Aliu

She is as skilled at place-making as she is at sketching. She deals in stories as often as schematics. She is honest about the limitations of her chosen craft. And, yet, she remains convinced that thoughtful, accountable, and inclusive design is our best path toward positive and durable change.

Zack Bryant • Moral Design — Journey Group

Hot dang this is nice site — I love the background video with the gradient overlay. Also @samselikoff is one of the best programming teachers in the game — I've been watching every YouTube video for the past while and learned so much 🔥 https://t.co/yXWETt83BP https://t.co/bFdv1M5x3g

Brian Lovin

x.com

Time for a portfolio update! Showcasing my best works from recent years in a minimalist layout, enhanced by subtle animations, putting my works at the center of the navigation. Done w/ my bro @thomasmonavon ↳ https://t.co/QgJ9JhP6dx #portfolio #javascript... See more

greg x.com

View Transition powered theme switching 😎 Animate some custom @property values that transition a clip-path on ::view-transition-new(root) to create those staggered columns ⭐️ Browser doesn't support View Transitions? User gets the switch without the animation 🤙 https://t.co/36QFL5Fcvf

jhey ʕ•ᴥ•ʔ x.com

example:

Alla Kholmatova • Design Systems (Smashing eBooks)

Example

Alla Kholmatova • Design Systems (Smashing eBooks)

Picked up this awesome trick from @adamwathan – Responsive animations with Framer Motion using Tailwind prefixes to tweak CSS Variables at different breakpoints 😎 YouTube video coming today! https://t.co/AKi9n29D6l

Sam Selikoff x.com

CSS progressive blur: stack of empty overlay elements using backdrop-filter: blur() with varying strengths/mask 🤙 https://t.co/qzTHREK8B9

jhey ʕ•ᴥ•ʔ x.com