#Design #Quizzes
The big UX quiz · 118 questions to challenge your UX knowledge https://ilo.im/163hmj

_____
#Skills #Concepts #Principles #Techniques #Usability #Accessibility #ProductDesign #UxDesign #UiDesign #WebDesign

Overengineered Anchor Links, by (not found on Mastodon or Bluesky):

https://thirty-five.com/overengineered-anchoring

Yannick Alléno | Chef | Reporter Gourmet S.r.l. https://www.diningandcooking.com/2037132/yannick-alleno-chef-reporter-gourmet-s-r-l/ #Alleacuteno #creativity #culinary #francais #france #French #FrenchGourmet #FrenchGourmetFood #gourmet #GourmetFood #innovative #leadership #multiple #renowned #Restaurants #techniques #Yannick

#Development #Techniques
Polishing your typography · The power of the CSS line height units ‘lh’ and ‘rlh’ https://ilo.im/163hyx

_____
#Layout #Typography #LineGrid #LineHight #Text #ProgressiveEnhancement #Browser #WebDev #Frontend #CSS

#Development #Techniques
Top 5 CSS navigation menu mistakes · How to avoid some of the most common UI gotchas https://ilo.im/163dcq

_____
#Navigation #TargetAreas #Animation #Delays #Design #WebDesign #WebDev #Frontend #CSS #CssFlexbox

Minimal CSS-Only Blurry Image Placeholders, by @Kalabasa:

https://leanrada.com/notes/css-only-lqip/

#Development #Techniques
Minimal dark mode · Light and dark mode in just 1 line of CSS https://ilo.im/163ec0

_____
#OneLiner #ColorScheme #LightMode #DarkMode #Browser #WebDev #Frontend #CSS

#Development #Techniques
Web performance tips for 2025 · Tiny lessons for turbo-charged websites https://ilo.im/163c1p

_____
#WebPerf #Website #WebVitals #CrUX #Browser #WebDev #Frontend

#Development #Techniques
Never lose a z-index battle again · How to set the highest possible z-index in CSS https://ilo.im/163b5p

_____
#CssCalc #WebDev #Frontend #HTML #CSS

#Development #Techniques
How to open and close HTML dialogs · You’ll use a little JS today but none in the future https://ilo.im/163b4u

_____
#Dialogs #Modals #Invokers #Browser #WebDev #Frontend #HTML #CSS #JavaScript

#Development #Techniques
Multi-step logins with password manager support · The problem with email-first logins and how to solve it https://ilo.im/163at0

_____
#Logins #Forms #Passwords #PasswordManagers #SSO #Accessibility #Usability #WebDev #Frontend #HTML

#Development #Techniques
Flowing WebGL gradient · A modern and elegant touch to any landing page https://ilo.im/163aih

_____
#Effect #Colors #Animation #Gradients #Shaders #Math #WebGL #WebDev #Frontend #JavaScript

I am looking a #programming concepts and #techniques i don’t use much in my daily work. I am a little surprise about how in recursion tutorials with #python doesn’t mention the depth “issue”. Where when you reach a certain dept, the interpret just goes NO!

The reason I am surprised is that the tutorials with different data structures and data sets EASILY reach this limit. How is newcomer supposed to know what this error means… I know it is easy to find out… but still

#Development #Techniques
Overengineered anchor links · A technique to improve the UX of scrollable content https://ilo.im/16363v

“We’ve gone to depths that no man has ever gone before to fix anchor links.”
_____
#HTML #AnchorLinks #Scrolling #Content #Browser #Design #UiDesign #WebDesign #WebDev #Frontend

#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247

_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS

#Development #Techniques
Poisoning well · An effort to dupe nasty AI crawlers with nonsense https://ilo.im/1632tq

_____
#AI #ChatBots #SEO #Content #Protection #RobotsTxt #WebDev #Backend #Frontend #HTML

#Design #Techniques
Consistent drop shadows across platforms · Matching shadows in CSS, Figma, Sketch, Android, and iOS https://ilo.im/162x7i

_____
#Shadows #CSS #Figma #Sketch #DesignTool #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Techniques
HTML button groups for keyboard users · Keyboard-friendly ‘menu’, ‘menubar’, ‘toolbar’, and ‘tablist’ https://ilo.im/162rp7

_____
#Accessibility #ScreenReader #Keyboard #WebDev #Frontend #ARIA #HTML #JavaScript

#Development #Techniques
The bare minimum for CSS view transitions · An instant win for your website’s user experience https://ilo.im/162voy

_____
#ModernCSS #CssViewTransitions #Transitions #Webpage #Website #Browser #ProgressiveEnhancement #WebDev #Frontend #CSS

#Development #Techniques
How I use AI to help me write code · “I’ve been getting great results for over two years now.” https://ilo.im/162r4p

_____
#Programming #Coding #AI #ChatBot #Cursor #ChatGPT #Claude #WebDev #Frontend #Backend