{ Design snippets }

Derrick Reimer

Derrick Reimer @derrickreimer

πŸ”₯ For a little extra polish, add a background color to your <body> and different background color on your content wrapper to reveal a surprise splash of color when over-scroll happens. 🎨 https://t.co/k6uCV9AyKT

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Don't be afraid to "think outside the database" β€” your UI doesn't need to map one-to-one with your data's fields and values. Here are a few ideas you can use to present "field: value" data in a more interesting way: https://t.co/NoL3wMtjLV

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Overlapping images is a great way to add depth to an interface and make it look more β€œdesigned”. Use a border that matches the background color to create distinction and keep things looking clean πŸ‘Œ https://t.co/G4Zs2wLUz0

Adam Wathan

Adam Wathan @adamwathan

Today's new idea: This extended nav area where the first piece of content overlaps the background color πŸ‘ŒπŸ» (from @Netlify) I use this idea a lot on marketing pages but never thought to try and apply it in an application UI. https://t.co/ZDlPZShMvw

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Dropdowns can be more than just a boring list of links. They're just boxes, you can do anything you want with them! For example, this two-column layout is great when you want to add supporting text: https://t.co/fh1CxDruSi

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Working with images that clash with each other? Try desaturating them to greyscale or colorizing them all with a single color to make them a little more cohesive. https://t.co/R6POfB2WrR