Steve Schoger @steveschoger
? If you're tired of using outline styles for secondary buttons, a soft solid background based on the text color can be a great alternative. https://t.co/EZfWJJjBop
{ Design snippets }
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 @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 @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
Steve Schoger @steveschoger
? If you want text of different sizes to *feel* like the same weight, make larger text thinner and smaller text bolder. https://t.co/kgGQJJh1EL
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 @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 @steveschoger
? A trick designers often use to make things look a bit more interesting is to let images bleed out the edge of a container, ignoring any padding. https://t.co/62otrCbtte
Steve Schoger @steveschoger
☝️ Also, containing photos in circles - Great way to make a bad photo look good ? https://t.co/XSFoZJIiTR
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
Steve Schoger @steveschoger
? Styling content can be difficult. Here are a few ideas that can make a big difference: https://t.co/oiAH4foGJu
Steve Schoger @steveschoger
? Instead of blowing up small, in-app icons for your landing page, try putting a shape behind them and giving them a background color. https://t.co/BGknNtBzZ2
Steve Schoger @steveschoger
? Giving each section on a landing page it's own background color is a really easy way to make things look a bit more interesting. https://t.co/4vgTCSPQtr
Steve Schoger @steveschoger
? Little details go a long way when styling UI components. Here are a few different ways to style buttons: https://t.co/rsbtaZ1Peh
Adam Wathan @adamwathan
Stripe's status page is a good example of the "don't make the UI bigger than you need" tip @steveschoger shared on @fullstackradio #74 ?? https://t.co/Eh3azhRQik
Steve Schoger @steveschoger
? Designing nice tables can be tough, but here's a few ideas that can make a big difference: https://t.co/Q1qcF1hIG6
Steve Schoger @steveschoger
? Font size isn't always the best way to emphasize or de-emphasize text, try using color and font weight instead: https://t.co/KCtZNrtfkd
Steve Schoger @steveschoger
? This two-column form layout is great for organizing long forms and filling wider screens without using awkward long form fields. https://t.co/KbErS8hJHM
Steve Schoger @steveschoger
? Too many borders can make a design look really busy. Here's a few ideas that are a bit more subtle: https://t.co/JEIrjAS5YL
Steve Schoger @steveschoger
? Giving your box shadows a slight, vertical offset helps to make them look more natural. https://t.co/WcPsK8yFwu
