Malek On The Web
@malekontheweb.bsky.social
Principal software developer who also does UI design. Public speaker. Photographer. Blues music fan.
"There are three design patterns for representing an inactive command in a graphical user interface..." "Which option has superior usability?" #ux #design www.uxtigers.com/post/inactiv...
Inactive GUI Controls: Show, Disable, or Hide?
Three design patterns exist for inactive UI commands: showing them as normal commands with an error message if clicked, a visibly disabled state, or completely hiding unavailable options. Best practic...
www.uxtigers.com
November 13, 2025 at 2:49 PM
"There are three design patterns for representing an inactive command in a graphical user interface..." "Which option has superior usability?" #ux #design www.uxtigers.com/post/inactiv...
"When anyone can build anything, standing out isn’t about better tools or flashier features. It’s about fundamentally different skills that most people skip entirely..." www.antonsten.com/articles/how...
How to stand out when anyone can build anything | Anton Sten
When AI tools have democratized product creation, standing out isn't about better tools or flashier features—it's about fundamentally different skills that most people skip entirely.
www.antonsten.com
November 5, 2025 at 8:41 PM
"When anyone can build anything, standing out isn’t about better tools or flashier features. It’s about fundamentally different skills that most people skip entirely..." www.antonsten.com/articles/how...
"When it comes to content creation in UX writing, consistency is key for maintaining and enhancing the user experience." This article provides "the top 16 content style guides for you to use on your next content style guide creation journey." uxwritinghub.com/content-styl...
Explore 16 Top Content Style Guides and How to Use Them
We've collected 16 excellent content style guides to inspire you on your journey towards a new style guide or voice and tone. Join the ride!
uxwritinghub.com
November 3, 2025 at 3:27 PM
"When it comes to content creation in UX writing, consistency is key for maintaining and enhancing the user experience." This article provides "the top 16 content style guides for you to use on your next content style guide creation journey." uxwritinghub.com/content-styl...
"useHooks is a collection of custom React Hooks that’s available via npm. It has a great selection of super useful Hooks that will simplify your web development process and make you a faster, better, more efficient developer." blog.logrocket.com/7-custom-rea...
7 custom React Hooks every developer should be using - LogRocket Blog
Discover seven custom React Hooks that will simplify your web development process and make you a faster, better, more efficient developer.
blog.logrocket.com
October 30, 2025 at 4:22 PM
"useHooks is a collection of custom React Hooks that’s available via npm. It has a great selection of super useful Hooks that will simplify your web development process and make you a faster, better, more efficient developer." blog.logrocket.com/7-custom-rea...
"The smart/dumb component pattern in Angular separates components based on their responsibilities, making it easier to reuse the same data or application state across different UI presentations." www.telerik.com/blogs/clean-...
Clean Code Using Smart and Dumb Components in Angular
Reuse data or state across interfaces by separating your Angular components based on responsibility, aka the smart/dumb component pattern.
www.telerik.com
October 29, 2025 at 5:00 PM
"The smart/dumb component pattern in Angular separates components based on their responsibilities, making it easier to reuse the same data or application state across different UI presentations." www.telerik.com/blogs/clean-...
"...the basic snippets of HTML", tags included to make websites appear in desktop and mobile browsers as expected. #WebDevelopment blog.jim-nielsen.com/2025/dont-fo...
Don’t Forget These Tags to Make HTML Work Like You Expect
Writing about the big beautiful mess that is making things for the world wide web.
blog.jim-nielsen.com
October 27, 2025 at 2:54 PM
"...the basic snippets of HTML", tags included to make websites appear in desktop and mobile browsers as expected. #WebDevelopment blog.jim-nielsen.com/2025/dont-fo...
"...when you stop treating AI like magic and start treating it like what it actually is (a very enthusiastic intern with zero life experience), things start to make more sense." #ux #PromptEngineering www.smashingmagazine.com/2025/10/ai-u...
AI In UX: Achieve More With Less — Smashing Magazine
A simple but powerful mental model for working with AI: treat it like an enthusiastic intern with no real-world experience. Paul Boag shares lessons learned from real client projects across user resea...
www.smashingmagazine.com
October 17, 2025 at 6:21 PM
"...when you stop treating AI like magic and start treating it like what it actually is (a very enthusiastic intern with zero life experience), things start to make more sense." #ux #PromptEngineering www.smashingmagazine.com/2025/10/ai-u...
Highlight #WebAccessibility issues in your #HTML via this #CSS snippet, such as div buttons, empty anchors, and images missing alt text. frontendmasters.com/blog/a11y-li...
A11Y Linting HTML with CSS
Will Mendes has a bit of CSS to highlight accessibility issues on HTML elements. Things like missing alt text and labels that aren’t linked properly to inputs. If you want to try it out quick on a web...
frontendmasters.com
October 14, 2025 at 6:53 PM
Highlight #WebAccessibility issues in your #HTML via this #CSS snippet, such as div buttons, empty anchors, and images missing alt text. frontendmasters.com/blog/a11y-li...
'If you’re lost in an AI user flow, blame the writing. Lots of these tools use unclear labeling, make phony promises, or simply cram interfaces with vague, hyphenated phrases like “AI-enabled.”' uxdesign.cc/ai-interface...
AI interfaces and the role of good writing
How words are powering a new era of digital product design
uxdesign.cc
October 13, 2025 at 1:05 PM
'If you’re lost in an AI user flow, blame the writing. Lots of these tools use unclear labeling, make phony promises, or simply cram interfaces with vague, hyphenated phrases like “AI-enabled.”' uxdesign.cc/ai-interface...
"...deeper-level redesigns eventually deliver well-refreshed, up-to-date, highly usable designs by pushing the next redesign need in years. How to select the right UX redesign level that optimizes cost but delivers good results?" blog.logrocket.com/ux-design/ux...
How to decide how deep your UX redesign should go - LogRocket Blog
Unsure if your product needs a facelift or a full rebuild? Here’s how to decide how deep your UX redesign should go without wasting time or budget.
blog.logrocket.com
October 10, 2025 at 5:57 PM
"...deeper-level redesigns eventually deliver well-refreshed, up-to-date, highly usable designs by pushing the next redesign need in years. How to select the right UX redesign level that optimizes cost but delivers good results?" blog.logrocket.com/ux-design/ux...
Advice to level up your contact forms including designing an easy-to-scan layout and ensuring #accessibility. #WebDesign www.telerik.com/blogs/4-desi...
4 Design Best Practices for Better Contact Forms
High-performing contact forms should be concise and intuitive and simultaneously make things easier for the brand representatives on the other end of the form.
www.telerik.com
October 9, 2025 at 2:32 PM
Advice to level up your contact forms including designing an easy-to-scan layout and ensuring #accessibility. #WebDesign www.telerik.com/blogs/4-desi...
"JavaScript now has native support for grouping data with Object.groupBy() and Map.groupBy(). These static methods make grouping expressive, concise, and far more readable..." allthingssmitty.com/2025/10/06/g...
How to group arrays in JavaScript without reduce() - Matt Smith
Ditch the reduce() boilerplate! Learn how to use Object.groupBy() and Map.groupBy() in JavaScript to group data with cleaner, more expressive code.
allthingssmitty.com
October 6, 2025 at 9:57 PM
"JavaScript now has native support for grouping data with Object.groupBy() and Map.groupBy(). These static methods make grouping expressive, concise, and far more readable..." allthingssmitty.com/2025/10/06/g...
"...sometimes it’s better to start fresh than to endlessly patch a flawed design. Incremental improvements can only go so far if the underlying structure is broken." #ux blog.logrocket.com/ux-design/ho...
How we turned a broken order form into a 95% ticket reduction - LogRocket Blog
I rebuilt our order form from scratch. The result? A 95% drop in support tickets and a smoother experience for everyone.
blog.logrocket.com
October 3, 2025 at 8:10 PM
"...sometimes it’s better to start fresh than to endlessly patch a flawed design. Incremental improvements can only go so far if the underlying structure is broken." #ux blog.logrocket.com/ux-design/ho...
"So how do you overcome creative block? Simply put, you find fun in the process. Treat your failures like exercises and explorations of curiosity rather than reflections on your own capabilities and self-worth." tympanus.net/codrops/2025...
Developing Creativity & Emotional Design Skills for Beginners | Codrops
Learn how analytical and systematic thinking can lead to natural creative insight, and discover what makes projects emotionally resonate.
tympanus.net
October 1, 2025 at 6:17 PM
"So how do you overcome creative block? Simply put, you find fun in the process. Treat your failures like exercises and explorations of curiosity rather than reflections on your own capabilities and self-worth." tympanus.net/codrops/2025...
"...quality isn’t a slogan, a program, or a scorecard. It’s a promise kept at the edge by the people doing the work. And, ideally, quality is fundamental to the product itself..." matthewstrom.com/writing/dece...
Decentralizing quality
Why moving judgment to the edges wins in the long run
matthewstrom.com
September 30, 2025 at 10:59 PM
"...quality isn’t a slogan, a program, or a scorecard. It’s a promise kept at the edge by the people doing the work. And, ideally, quality is fundamental to the product itself..." matthewstrom.com/writing/dece...
A discussion, with examples, of a wide array of #css media queries including forced-colors, orientation, and prefers-reduced-motion. #WebDevelopment frontendmasters.com/blog/learn-m...
How much do you really know about media queries?
There are a ton more @media queries than
frontendmasters.com
September 29, 2025 at 5:31 PM
A discussion, with examples, of a wide array of #css media queries including forced-colors, orientation, and prefers-reduced-motion. #WebDevelopment frontendmasters.com/blog/learn-m...
"Instead of fighting with each other, the design and development teams should approach collaboration as coowners of the product experience... here are a few tips for making coownership work." www.nngroup.com/articles/dev...
From Confrontation to Collaboration: The Developer-Designer Relationship
The infamous developer-designer relationship doesn’t need to be toxic. Design and development teams should approach collaboration as coowners of the product experience.
www.nngroup.com
September 27, 2025 at 11:58 AM
"Instead of fighting with each other, the design and development teams should approach collaboration as coowners of the product experience... here are a few tips for making coownership work." www.nngroup.com/articles/dev...
'Is vibe coding (i.e. letting AI generate code without looking at the code) good or bad? The answer is of course neither, because “it depends”.' #development martinfowler.com/articles/exp...
To vibe or not to vibe
Notes from my Thoughtworks colleagues on AI-assisted software delivery
martinfowler.com
September 23, 2025 at 7:35 PM
'Is vibe coding (i.e. letting AI generate code without looking at the code) good or bad? The answer is of course neither, because “it depends”.' #development martinfowler.com/articles/exp...
"Every time a user is forced to jump between different screens, tabs, or workflows, they lose momentum, context, and focus... For products where efficiency is critical... this friction can make or break the experience." #ux blog.logrocket.com/ux-design/ta...
Task switching slowed my users down. Here's how I fixed it - LogRocket Blog
See how unifying screens in a trading platform redesign halved task time and how you can use the same UX principles in your product.
blog.logrocket.com
September 19, 2025 at 6:40 PM
"Every time a user is forced to jump between different screens, tabs, or workflows, they lose momentum, context, and focus... For products where efficiency is critical... this friction can make or break the experience." #ux blog.logrocket.com/ux-design/ta...
Using "cos" and "sin" in #CSS to create circular layouts, popup menus with circular animations, wavy layouts, and more. #WebDevelopment css-tricks.com/the-most-hat...
The “Most Hated” CSS Feature: cos() and sin() | CSS-Tricks
I want to look at practical uses for CSS trigonometric functions. And we'll start with what may be the most popular functions of the "worst" feature: sin() and cos().
css-tricks.com
September 16, 2025 at 1:42 PM
Using "cos" and "sin" in #CSS to create circular layouts, popup menus with circular animations, wavy layouts, and more. #WebDevelopment css-tricks.com/the-most-hat...
Five ways to reduce a three-column grid to one-column for smaller screens or browser windows, each with their pros and cons. #css #WebDevelopment frontendmasters.com/blog/breakpo...
Breakpoint Columns, Five Ways. Which Do You Like?
There are usually multiple ways to do the same thing on the web. Sometimes... a lot of ways. Which is
frontendmasters.com
September 15, 2025 at 3:06 PM
Five ways to reduce a three-column grid to one-column for smaller screens or browser windows, each with their pros and cons. #css #WebDevelopment frontendmasters.com/blog/breakpo...
Learn how to write simple web and API servers in #JavaScript with #node. #WebDevelopment 2ality.com/2025/09/impl...
Learning web development: Implementing web servers
In this chapter, we’ll write our own web server: It will serve files and manage the data for a browser app.
2ality.com
September 12, 2025 at 1:00 PM
Learn how to write simple web and API servers in #JavaScript with #node. #WebDevelopment 2ality.com/2025/09/impl...
"...developers need to construct an optimal development toolkit for themselves by choosing tools from dozens of frontend frameworks, libraries, languages, build tools, ... deployment tools, and AI tools, even before writing a single code line." blog.logrocket.com/frontend-too...
Too many tools: How to manage frontend tool overload - LogRocket Blog
Read about how the growth of frontend development created so many tools, and how to manage tool overload within your team.
blog.logrocket.com
September 11, 2025 at 4:32 PM
"...developers need to construct an optimal development toolkit for themselves by choosing tools from dozens of frontend frameworks, libraries, languages, build tools, ... deployment tools, and AI tools, even before writing a single code line." blog.logrocket.com/frontend-too...
"a comparison engine to help you compare AI tools side-by-side" covering Claude, Gemini, Cursor, GitHub Copilot, Windsurf, and more. blog.logrocket.com/ai-dev-tool-...
AI dev tool power rankings & comparison [Sept 2025] - LogRocket Blog
Compare the top AI development tools and models of September 2025. View updated rankings, feature breakdowns, and find the best fit for you.
blog.logrocket.com
September 10, 2025 at 2:21 PM
"a comparison engine to help you compare AI tools side-by-side" covering Claude, Gemini, Cursor, GitHub Copilot, Windsurf, and more. blog.logrocket.com/ai-dev-tool-...
"Think of Cursor as Visual Studio Code’s ambitious younger cousin—the one who not only borrows your syntax highlighting but also brings a full brain along for the ride—and is also a fork of its bigger cousin." #AI #Development frontendmasters.com/blog/getting...
Getting Started with Cursor
Cursor is an AI-focused VS Code fork. Here's Steve Kinney with a nice overview of what it offers and how to start getting help out of it right away.
frontendmasters.com
September 9, 2025 at 7:30 PM
"Think of Cursor as Visual Studio Code’s ambitious younger cousin—the one who not only borrows your syntax highlighting but also brings a full brain along for the ride—and is also a fork of its bigger cousin." #AI #Development frontendmasters.com/blog/getting...