Steve Schoger

Steve Schoger @steveschoger

[5/6] Just experiment! The results may be subtle depending on the original palette and adjustment levels you made, but the overall effect may add a bit more emotion to your design and make things feel more “glued” together. https://t.co/5DFTc4Cb8E — PolitiTweet.org

Steve Schoger @steveschoger

[4/6] If you’re working with images, you can also add a colored layer with reduced opacity on top to give it a similar tint as the rest of the design. HT to @hanspagel for this idea 🙌 https://t.co/eOwFCLhArj — PolitiTweet.org

Steve Schoger @steveschoger

[3/6] Once you’re happy with the results, overlay a layer with the same color/blending mode/opacity values on top of your already defined color palette and sample the new hex values with the eye dropper to create your new color palette. https://t.co/FijyVRHQ3h — PolitiTweet.org

Steve Schoger @steveschoger

[2/6] Once you’re satisfied with your design, in your design tool (I'm using Figma), draw a rectangle layer on top covering the entire design. Experiment by changing the layers colors, blending modes and opacity — I find it’s best to keep things subtle by using a low opacity. https://t.co/DHlVtsFcQ3 — PolitiTweet.org

Steve Schoger @steveschoger

[1/6] To try this, it will be easier to experiment if your design is finalized with your color palette defined up front. I’m using @tailwindcss colors here but we talk about building a color palette in this Refactoring UI chapter: https://t.co/C9orDuqPFT https://t.co/mn6YAuV3ht — PolitiTweet.org

Steve Schoger @steveschoger

💡 An experiment you can try on your next web/app project to get a more interesting color palette is color grading your design. 🧵 https://t.co/CtGSMwbMtb — PolitiTweet.org

Steve Schoger @steveschoger

@hanspagel This is smart 🧠 — PolitiTweet.org

Steve Schoger @steveschoger

RT @reinink: If forms are the most common thing I use when building web apps, the runner up absolutely has to be tables. I use them **all t… — PolitiTweet.org

Steve Schoger @steveschoger

Seeing @si_bonobo in Toronto tonight with @negativespaceca. My first large gathering event in over 2 years 🤯 https://t.co/ksvh5Mr6tp — PolitiTweet.org

Steve Schoger @steveschoger

@codedbydesign Use an actual colour 👍🏻 Transparency can make appear muddy looking — even if you're using white. Picking a more vibrant/lighter colour to the background is the way to go. — PolitiTweet.org

Steve Schoger @steveschoger

☝️ If you like this tip, check out the Twitter Moment of ongoing design tips here: https://t.co/Z4RpBZDOfY — PolitiTweet.org

Steve Schoger @steveschoger

@codedbydesign Will fix! thanks — PolitiTweet.org

Steve Schoger @steveschoger

☝️ If you like this tip, check out the Twitter Moment of ongoing design tips here: https://t.co/Dg3mRMmDXL — PolitiTweet.org

Steve Schoger @steveschoger

@samuel76381057 We have a bunch of ideas for a 2nd edition but no immediate plans. We're really busy with Tailwind stuff atm. Don't want to promise anything but maybe later this year/early next 🤞🏻 — PolitiTweet.org

Steve Schoger @steveschoger

🔥 It can be really hard to keep user generated content looking clean and balanced if you aren’t careful about how you present it. Here are some tricks you can use to “normalize” content you don’t control into a really great looking design. https://t.co/jUEt1cr1Vn — PolitiTweet.org

Steve Schoger @steveschoger

@jant_hd @Pat_Hg 😍😍😍 — PolitiTweet.org

Steve Schoger @steveschoger

@_richardgorman https://t.co/9GVTjPkI0j — PolitiTweet.org

Steve Schoger @steveschoger

Been making some iOS backgrounds with soft pastels 👨‍🎨 https://t.co/bWetVAQ1Du — PolitiTweet.org

Steve Schoger @steveschoger

@AaronGundy @ormanclark Navigate to a secondary details page that would show the additional items. — PolitiTweet.org

Steve Schoger @steveschoger

@ormanclark My preference may vary depending on the context but in general I prefer the progressive disclosure approach of collapsing columns. — PolitiTweet.org

Steve Schoger @steveschoger

@dsmithhayes @simons1984 Would be 2 sets of code. A list component for mobile and a table for larger screens 👍🏻 — PolitiTweet.org

Steve Schoger @steveschoger

👆🏻 We'll be adding these mobile table patterns plus a bunch of other cool table ideas in the next @tailwindui release 🤙🏻 https://t.co/pkJCt835mT — PolitiTweet.org

Steve Schoger @steveschoger

@arronhunt No plans atm. This would be an incredible effort and would interfere with us working on other more valuable projects like more components or new Tailwind features. — PolitiTweet.org

Steve Schoger @steveschoger

💡 When it comes to mobile table design, there's not a lot of dependable solutions that match up against the desktop experience. Here's a visual reference of a few patterns that may be a sensible compromise 👉🏻 https://t.co/wleBrOp1ao — PolitiTweet.org

Steve Schoger @steveschoger

RT @steveschoger: Designing for dark mode as an afterthought can be really tricky. Here are a few things you can try that might help you be… — PolitiTweet.org

Steve Schoger @steveschoger

@dazeign Congrats! — PolitiTweet.org

Steve Schoger @steveschoger

Built with @tailwindcss by @danpastori 😍 https://t.co/omi0miVOFz https://t.co/6shIVxVHRQ — PolitiTweet.org

Steve Schoger @steveschoger

@dannydjones @driesvints Yeah good chance I'll add a select few social icons they are ready 👍🏻 — PolitiTweet.org

Steve Schoger @steveschoger

@heychazza @driesvints Nah it's free update to the existing set 👍🏻 — PolitiTweet.org

Steve Schoger @steveschoger

@driesvints Yes! I've been expanding the set plus drawing small, fill and duotone versions. Took a bit of a break from these to recover from burnout plus we have a new, exciting Tailwind project in the works 👀 Hopefully will have these out later in the year 👍🏻 https://t.co/F27fvtypw7 — PolitiTweet.org