#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

#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

#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

#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

#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

#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

#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

#Development #Approaches
How to write exceptional documentation · A comprehensive, practical guide for developers https://ilo.im/162qpi

_____
#Programming #Documentation #DX #API #WebDev #Frontend #Backend

#Development #Approaches
Mental model shift for CSS · With the right mindset, CSS is easier to understand https://ilo.im/162qda

_____
#ModernCSS #CSS #Skills #MentalModel #WebDev #Frontend

#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

#Development #Approaches
Building websites with LLMS · (L)ots of (L)ittle ht(M)l page(S) is a game changer https://ilo.im/162myf

_____
#ViewTransitions #Navigation #Filter #Webpage #Website #ProgressiveEnhancement #WebDev #Frontend #HTML #CSS

#Design #Approaches
Truth, lies, and progress bars · Alternatives to deceptive progress indicators https://ilo.im/162n20

_____
#Indicators #ProgressBar #Perception #DesignPattern #DeceptiveDesign #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Approaches
Truth, lies, and progress bars · Alternatives to deceptive progress indicators https://ilo.im/162n20

_____
#Indicators #ProgressBar #Perception #DesignPattern #DeceptiveDesign #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Approaches
Illustrating in Figma · How the design tool boosts illustration workflows https://ilo.im/162k3t

_____
#Illustrations #Collaboration #Workflow #Figma #Plugins #DesignTool #ProductDesign #UxDesign #VisualDesign #WebDesign

#Development #Approaches
AI made coding fun again · “Sometimes it’s exactly what you need to start the thing.” https://ilo.im/162gpe

_____
#Business #SideProjects #Programming #Coding #Ai #GenerativeAI #WebDev #Frontend #Backend