{ 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

Design, Browsers
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

Design
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

Javascript
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

Javascript, HTML