Here are my favourite websites which I feel are the best in the industry right now! 1. artdirected.design 2. supply.family 3. mockupcloud.com 4. benditomockup.com 5. the-mockups.com/en-gb 6. mockup.maison 7. ls.graphics twitter.com/AlexAperios/st…
30 Tailwind CSS Tips ✨ O N E M E G A T H R E A D ↓ pic.twitter.com/C1AhU0CI24
Awesome collection of free design resources for developers. Grateful to see HTMLrev featured in HTML CSS Templates Thanks to @traversymedia 🙏 github.com/bradtraversy/d…
Quick tip everyone using @tailwindcss: With uicolors.app you can easily create a color palette from your brand color 🚀 pic.twitter.com/oMQrHxqecl
A small but beautiful project by @raunofreiberg: uiplaybook.dev Pattern library of common UI components. With a detailed breakdown of expected functionality, best practices, accessibility concerns, and implementation tips for each. Great example of 💯 design docs pic.twitter.com/mTbPaa8pmp
3 handy HTML and CSS notes! pic.twitter.com/g8obzE3UUd
UI/UX design tips Check out happyhues.co , Colour paring made easy 🙂 (cc: @johncjola) #uiux #uidesign pic.twitter.com/9ItZqW6j0x
🔥 It's one of those little things that I find extremely annoying in UI. Learn how to properly round the corners of boxes within boxes. A thread 👇 pic.twitter.com/3MjBxGZG0q
Create web development masterpieces with these free CSS generators:
I’m super excited to announce that my ebook has been launched! The content inside this book is a comprehensive guide to designing digital products and entering the design industry. Learn more in the thread below! 👇 Retweets are highly appreciated! 💜 pic.twitter.com/9DMqPfIIfs
Let’s talk about button sizes tonight before bed! Inspired by Marina instagram.com/marina_uiux?ig… pic.twitter.com/QmAbdECtVf
Autolayout is one of the most discussed Figma functionality. Discover the key points about this feature in the thread below! 👇 Retweets are highly appreciated! 💜 pic.twitter.com/JrLmOXJ4Jg
CSS Units CheatSheet for Frontend Developers 🗃️ pic.twitter.com/zffEoQ8efw
CSS Flex for speed-learners ~ pic.twitter.com/xomtKRTxvO
🎨 An endless collection of accessible color combinations: randoma11y.com pic.twitter.com/UxHWdSBB3R
CSS text typewriter animation in 48 seconds. 🔗 codepen.io/prathkum/pen/q… pic.twitter.com/STIWm5IJ9W
good icons are hard to find, here's the best places to find them: —phosphoricons.com —icons.radix-ui.com —iconoir.com —iconic.app —feathericons.com —remixicon.com —heroicons.com —tablericons.com
I follow one rule for painless and consistent spacing — never define margin inside components. Define spacing on the container element instead that positions these components. This way you're always in control of the layout💄 pic.twitter.com/IejikBEr20
I often slave over in-program microcopy. Tip: when crafting an error message for users, frame it as answering these three questions: 1. What just happened? 2. What are the implications of that happening? 3. What specific action should they take next? It just works.
📌 CSS Grid - Grid Alignment Properties 🎨✨ pic.twitter.com/3dBEcDoB8S
UI/UX teaching syllabus summarized in a nutshell 😂 pic.twitter.com/xHb4JsXiNc
Hey, designers and developers, does anyone use fractional font sizes in your designs? No? Read further to know how one simple trick can make your text look sharper, help with paddings, and perhaps even become an essential part of your design system. #ui #ux #uiux #typography pic.twitter.com/avSCmOCL7r
⚪️Tip - 44 Avoid using Scroll pic.twitter.com/wzwQDmbWnM
⚪️Tip - 43 Border Radius pic.twitter.com/rhvD6SHrOa
UI/UX designers; mistakes you should avoid when designing a button. 🧵Thread pic.twitter.com/UGz4zJ8tUb
A little late and sorry for that, but here are all the links mentioned during @shadeed9's talk: Slides: drive.google.com/file/d/1CgHB9R… ishadeed.com defensivecss.dev twitter.com/defensivecss caniuse.com/mdn-css_proper… amazon.com/Bulletproof-We…
Some gradients between two colours look good, others suck. It's easy to tell the difference, but what *is* that difference? pic.twitter.com/WX7KPbh5aM
When starting out in design working with colors felt like a mystery to me. If I used clashing colors, I just tweaked them randomly until they looked good. Here is how to solve colors with numbers 👇 pic.twitter.com/vPoVDMWiu3
Current status: building interactive demos showing some defensive CSS techniques in action 🤩 pic.twitter.com/3SqCVg6dQu
UI designers: STOP ADJUSTING UIs DYNAMICALLY BASED ON FREQUENT USAGE. In the brain, the hippocampus, controls, among other things, --> SPATIAL NAVIGATION <--. And it's damn good at it. Keep things in fixed positions. Sort elems, IF NEEDED, by NAME/CATEGORY, not by last seen.