Design writing, tool observations, and practical notes.
Microsoft announced the next version of Windows, Windows 11 with a major design revamp. Start Menu has redesigned with Live Tile removed. Widgets are back, similar to the news tab in last year update. Aesthetically speaking, it's reverting back to the glossy glass vibe in Windows Vista. There will also be a bunch quality of life updates to windows management, external monitor docking, touch capabi
Introducing KEYSTROKE ⌨! My first Figma community template to create keycap quickly (with auto-layout support!). Quickly create keyboard shortcuts on Figma now! 1. Open figma community file 2. Click "Duplicate" 3. Copy the component to your own file 4. Start typing in the text layer in the middle View file here or search "Keystroke" on Figma Community or click Remember to use scale ("K" key" to re
Brand new Safari and Firefox were both announced this month. Both versions received major design iterations. Which do you prefer? Announced in WWDC, Apple's new Safari is more ground-breaking in terms of UI and interaction. Merged address & search bar aims to reduce occupied space, while color-adaptive background will help the browser blend into webpages. Safari also underwent some big changes on
iOS 15 beta is here with revamped notification center and improved location permission. More design videos from the developer conference can check out here.
One simple step to enhance your website's accessibility is checking your colors. 8% of all men suffer from color vision deficiency (0.5% in women), so 1 in 12 males that visited your website may experience difficulties if your design is not accessible. Until few years ago, colors on a website have to check one by one using contrast checker or by completing a site audit. Recently, I discovered Chro
Stark has been a very helpful tool for creating accessible designs. The all-in-one accessibility toolkit has launched Chrome version after focusing on design platforms like Figma, Sketch and Adobe XD. Two main features launched today include color contrast checker and colorblind simulation. Smart color suggestion, recommendation of alternative colors if the contrast does not pass WCAG 2.0 level, h