#Design #Approaches
UI is communication · A communication-first approach to UI design https://ilo.im/163bfc
_____
#Communication #Principles #Clarity #Politeness #Respectfulness #ProductDesign #UiDesign #UxDesign #WebDesign
Recent searches
Search options
#approaches
4 posts3 participants0 posts today
#Development #Approaches
Vibe Coding isn’t an excuse for poor work · A field guide to responsible AI-assisted development https://ilo.im/163dzy
_____
#Programming #Coding #VibeCoding #AI #Opportunity #Productivity #TechnicalDebt #WebDev #Frontend #Backend
Elevate · Vibe Coding is not an excuse for low-quality work
#Development #Approaches
CSS theme variables from a JS file · How to avoid redundant theme maintenance https://ilo.im/163gg9
_____
#Themes #Colors #CustomProperties #CSS #JavaScript #Npm #WebDev #Frontend
#Design #Approaches
Designing in the browser · Your starting point for in-browser mockups https://ilo.im/163dnu
_____
#Browser #DesignProcess #UiDesign #WebDesign #Development #WebDev #Frontend #HTML #CSS #JavaScript
#Design #Approaches
Design critique framework · A way to determine if a design meets its objectives https://ilo.im/1638ou
_____
#Business #Stakeholders #Projects #Feedback #Critique #Framework #ProductDesign #UxDesign #UiDesign #WebDesign
UX Planet · Design Critique: Framework - UX Planet
#Development #Approaches
CSS custom properties vs. Sass variables · How you can combine both with a hybrid approach https://ilo.im/1637te
_____
#Sass #CSS #CustomProperties #Browser #DesignSystems #WebDesign #WebDev #Frontend
Always TwistedCSS Custom Properties vs. Sass Variables: A Pragmatic Guide Always Twistedwhen to use CSS custom properties vs Sass variables in design systems: runtime theming vs compile-time constants, dynamic flexibility vs immutable foundations
#Design #Approaches
The art of design tokens · A metaphor for the 3-tier token model https://ilo.im/163180
_____
#Metaphors #Art #Creativity #DesignTokens #DesignSystems #ProductDesign #UxDesign #UiDesign #WebDesign
Design Systems Collective · The Art of Design Tokens: A Metaphor for the 3-Tier Token Model
#Development #Approaches
Automated visual regression testing · How to use Playwright’s visual comparison feature https://ilo.im/1631eh
_____
#Automation #Testing #VisualRegression #Playwright #Screenshots #Browser #WebDev #Frontend
CSS-Tricks · Automated Visual Regression Testing With Playwright | CSS-TricksWith visual regression testing, we can update a page, take screenshots before and after the fact, and compare the results for unintended changes. In this article, learn how to set up visual regression testing using Playwright.
#Development #Approaches
The case for “old school” CSS · Beyond “this(my) way is the best way.” https://ilo.im/162za1
_____
#CSS #Templating #Twig #Drupal #CMS #WebDev #Frontend #HTML #JavaScript
Chen Hui Jing · The case for “old school” CSSDo people still write CSS in CSS files any more? I honestly don’t keep up with the trends as much as I did back when I started by career. Partly because I’ve started to feel that the web development community online has become a lot more “this(my) way is the best way” than when I started out at the tail-end of the HTML tables era and the start of the floats era.
#Design #Approaches
Design handoff is broken · Beyond the limitations of traditional design handoff https://ilo.im/162we4
_____
#Handoff #Communication #Collaboration #Figma #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Fundament – Product Design Newsletter · Design Handoff is Broken
#Development #Approaches
Coding backwards · A new approach for traditional and AI-assisted developers https://ilo.im/162yp7
_____
#Programming #Coding #VibeCoding #AI #WebDev #Frontend #Backend
#Development #Approaches
Previewing content changes · Ever tried your browser’s edit mode for the web? https://ilo.im/162x5n
_____
#Content #Editing #Collaboration #Business #SocialMedia #SEO #Browser #WebDesign #WebDev #Frontend
Smashing Magazine · Previewing Content Changes In Your Work With document.designMode — Smashing MagazineYou probably already know that you can use developer tools in your browser to make on-the-spot changes to a webpage — simply click the node in the Inspector and make your edits. But have you tried `document.designMode`? Victor Ayomipo explains how it can be used to preview content changes and demonstrates several use cases where it comes in handy for everything from basic content editing to improving team collaboration.
#Development #Approaches
Revisiting CSS ‘border-image’ · “It remains one of the most underused CSS tools.” https://ilo.im/162y7m
_____
#Image #Decoration #Callout #Button #Design #WebDesign #WebDev #Frontend #SVG #CSS
CSS-Tricks · Revisiting CSS border-image | CSS-TricksI’ve used border-image regularly. Yet, it remains one of the most underused CSS tools, and I can’t, for the life of me, figure out why. Is it possible that people steer clear of border-image because its syntax is awkward and unintuitive? Perhaps it’s because most explanations don’t solve the type of creative implementation problems that most people need to solve. Most likely, it’s both.
#Business #Approaches
Pushing side projects with little time · Side projects alongside work, family, and friends https://ilo.im/162vzs
_____
#Projects #SideProjects #Shipping #Design #ProductDesign #UiDesign #WebDesign #Development #WebDev
#Development #Approaches
CSS animation with ‘offset-path’ · Motions along paths without using JavaScript https://ilo.im/162x04
_____
#Animation #Motion #Effects #CSS #SVG #WebDev #Frontend
#Development #Approaches
My Cursor AI workflow that actually works · “Using AI for coding isn’t perfect, but it makes me faster.“ https://ilo.im/162ubv
#Development #Approaches
A fluid CSS methodology · A contemporary approach to fluid web design https://ilo.im/162uwf
_____
#Layout #FluidDesign #ResponsiveDesign #Typography #Font #Design #WebDesign #WebDev #Frontend #CSS
ilo.imWilly Braunerfront-end developer engineering design systems & interactive experiences.
#Development #Approaches
How to write exceptional documentation · A comprehensive, practical guide for developers https://ilo.im/162qpi
_____
#Programming #Documentation #DX #API #WebDev #Frontend #Backend
Chris NicholasChris Nicholas | Developer experience at LiveblocksDX engineer at Liveblocks. Articles on developer experience and web engineering.
#Development #Approaches
Mental model shift for CSS · With the right mindset, CSS is easier to understand https://ilo.im/162qda
ilo.im- YouTubeEnjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
#Design #Approaches
T-shaped vs. V-shaped designers · Craft your own UX role when you need one https://ilo.im/162qij
_____
#Business #Job #Career #Roles #Designer #ProductDesign #UxDesign #IxDesign #UiDesign #WebDesign
ilo.imYour vs. My? UX Writing Guidelines — Smart Interface Design PatternsHow to choose between “My profile” vs. “Your profile” in UIs and what both pronouns communicate.