{ All snippets }

Tweetsnippet is a curated list of tips and tricks from Twitter.

Wes Bos

Wes Bos @wesbos

๐Ÿ”ฅ background-position can take four values which allows you to anchor from a specific corner and then skirt it around from there. https://t.co/fxJyj91Y2n

CSS
Adam Wathan

Adam Wathan @adamwathan

๐Ÿ”ฅ Because Unsplash is powered by imgix under the hood, you can apply lots of image transformations directly in the URL! For example, here I've colorized an image by desaturating it, adding a colored overlay, and multiplying the overlay with the image, all using query params: https://t.co/4GNUB9mt9f

Steve Schoger

Steve Schoger @steveschoger

My favourite visual design trick at the moment: Reduced opacity on overlapping elements. It's subtle but it's a nice touch that looks great on marketing page sections like this testimonial ๐Ÿ˜ https://t.co/5l7N0709Fm

Wes Bos

Wes Bos @wesbos

๐Ÿ”ฅDefault function arguments can fallback to a function. This won't be run at definition time, but only once the function is called and no argument is provided. In this case, Math.random() returns a new random number each time https://t.co/xtrn822CEN

Wes Bos

Wes Bos @wesbos

๐Ÿ”ฅ You can use new CSS logical properties instead of top/bottom/left/right. Makes designing multi-language websites much easier when the flow direction changes. CSS Grid and Flexbox already setup for this with start/end values. https://t.co/gielwhWQBI

CSS
Caleb Porzio

Caleb Porzio @calebporzio

๐Ÿ”ฅ Super clean little way to disable submit buttons while a form is posting ๐Ÿ‘Œ Just learned that you can reference an input element in the handler by "name" (no long document.querySelector) ๐Ÿ™Œ (Video in reply) https://t.co/BqhOETXIq5