Andrew Malek<p>"Every interaction should feel polished and engaging, especially buttons... A well-animated button can capture attention, reinforce branding, and make the experience more enjoyable." <a href="https://techhub.social/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> <a href="https://frontendmasters.com/blog/reanimating-the-css-day-buttons/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/reani</span><span class="invisible">mating-the-css-day-buttons/</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome
Administered by:
Server stats:
5.4Kactive users
techhub.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.6
Andrew Malek@andrewmalek@techhub.social
Principal software developer (and I also do UX design)
. Public speaker 
. Photographer 
. Blues music fan 
.
Andrew Malek<p>"A strong typographic framework simplifies development and makes products easier to maintain. By integrating typography into a design system, teams can effortlessly scale designs across desktop, tablet, and mobile, ensuring a consistent visual language." <a href="https://uxdesign.cc/mastering-typography-in-design-systems-with-semantic-tokens-and-responsive-scaling-6ccd598d9f21" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/mastering-typograp</span><span class="invisible">hy-in-design-systems-with-semantic-tokens-and-responsive-scaling-6ccd598d9f21</span></a></p>
Andrew Malek<p><a href="https://techhub.social/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> shadows as animations and transition effects - with no <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a>? Learn how - "Shadows in CSS can be multi-directional, layered, and are animate-able." <a href="https://techhub.social/tags/WebDev" class="mention hashtag" rel="tag">#<span>WebDev</span></a> <a href="https://frontendmasters.com/blog/expanding-css-shadow-effects/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/expan</span><span class="invisible">ding-css-shadow-effects/</span></a></p>
Andrew Malek<p>"A process mindset involves focusing on the details of each step in every process." </p><p>"A product mindset emphasizes looking at the bigger picture and focusing on long-term impact."</p><p>Learn tips on balancing the two. <a href="https://blog.logrocket.com/product-management/balancing-process-product-mindsets/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/product-man</span><span class="invisible">agement/balancing-process-product-mindsets/</span></a></p>
Andrew Malek<p>Regarding asking ChatGPT for design advice: "Experience helps clarify and articulate what lesser experience cannot see, let alone articulate." <a href="https://blog.jim-nielsen.com/2025/value-of-experience/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.jim-nielsen.com/2025/valu</span><span class="invisible">e-of-experience/</span></a></p>
Andrew Malek<p>"Users expect smooth, near-instantaneous interactions when they’re on web and mobile applications. The perception of speed is just as important as actual speed, so you need to find ways to create the illusion of instant responsiveness..." <a href="https://techhub.social/tags/ux" class="mention hashtag" rel="tag">#<span>ux</span></a> <a href="https://techhub.social/tags/design" class="mention hashtag" rel="tag">#<span>design</span></a> <a href="https://blog.logrocket.com/ux-design/designing-instant-feedback-doherty-threshold/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/ux-design/d</span><span class="invisible">esigning-instant-feedback-doherty-threshold/</span></a></p>
Andrew Malek<p>"...a list of WCAG 2.2 Level A and AA success criteria that I think cannot be completely tested with automated tools. These criteria require manual testing because they involve meaning, usability, intent, or user experience that automated tools cannot fully evaluate." <a href="https://html5accessibility.com/stuff/2025/03/24/a-tools-errand/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">html5accessibility.com/stuff/2</span><span class="invisible">025/03/24/a-tools-errand/</span></a></p>
Andrew Malek<p>"...how the array filter() method works, practical use cases, advanced techniques, and best practices to help you write efficient filtering logic." <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> <a href="https://techhub.social/tags/WebDev" class="mention hashtag" rel="tag">#<span>WebDev</span></a> <a href="https://blog.logrocket.com/array-filter-method-javascript/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/array-filte</span><span class="invisible">r-method-javascript/</span></a></p>
Andrew Malek<p>For e-commerce websites, "4 proven ways to retain users in the areas of account creation UX and user-created product photos". "69% of sites don’t do 1 or more" of these steps. <a href="https://baymard.com/blog/post-checkout-ux-best-practices" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">baymard.com/blog/post-checkout</span><span class="invisible">-ux-best-practices</span></a></p>
Andrew Malek<p>"The more we depend on systems optimized for convenience, the less we develop the ability to function without them.</p><p>AI is accelerating this shift. Large language models, predictive text, and AI-generated content are reducing the need for critical thinking and problem-solving." <a href="https://uxdesign.cc/the-cognitive-cost-of-convenience-e97083ed09b5" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/the-cognitive-cost</span><span class="invisible">-of-convenience-e97083ed09b5</span></a></p>
Andrew Malek<p>"From my experience, a few pain points affect a modern Tester: a cult of automation, praising tools over testing strategy and inappropriate professional labelling." <a href="https://uxdesign.cc/test-smart-how-to-deal-with-biases-around-testing-9117691e55ae" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/test-smart-how-to-</span><span class="invisible">deal-with-biases-around-testing-9117691e55ae</span></a></p>
Andrew Malek<p>"Writing 9,000 alt-texts manually would take ages. Of course, AI could do this much faster, but is it good enough? To see what AI can do, I tested 12 Large Language Models (LLMs)..." <a href="https://dri.es/comparing-local-llms-for-alt-text-generation" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">dri.es/comparing-local-llms-fo</span><span class="invisible">r-alt-text-generation</span></a></p>
Andrew Malek<p>"In doing comedy, we improvise, which is a form of innovation... I try to instill that with my team to encourage that out-of-the-box thinking. I want to create that safe space where you know that your ideas are going to be heard and no one’s going to put you down, even if it’s a bad one!" <a href="https://blog.logrocket.com/product-management/leader-spotlight-kevin-erdner/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/product-man</span><span class="invisible">agement/leader-spotlight-kevin-erdner/</span></a></p>
Andrew Malek<p>"A new study... finds serious accuracy issues with generative AI models used for news searches... the AI models incorrectly answered more than 60 percent of queries about news sources." <a href="https://arstechnica.com/ai/2025/03/ai-search-engines-give-incorrect-answers-at-an-alarming-60-rate-study-says/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">arstechnica.com/ai/2025/03/ai-</span><span class="invisible">search-engines-give-incorrect-answers-at-an-alarming-60-rate-study-says/</span></a></p>
Andrew Malek<p>"UI makes or breaks an app. People today want something easy to navigate and use... Good UI is a combination of having a deep understanding of what your user wants while following the already-established principles of good and intuitive design." <a href="https://www.noupe.com/design/how-to-design-an-intuitive-user-interface-for-mobile-apps.html" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">noupe.com/design/how-to-design</span><span class="invisible">-an-intuitive-user-interface-for-mobile-apps.html</span></a></p>
Andrew Malek<p>A guide on "how you can switch between different versions of Node.js", covering NVM, a Windows version of the tool, and a Rust-based alternative, Volta. <a href="https://techhub.social/tags/NodeJS" class="mention hashtag" rel="tag">#<span>NodeJS</span></a> <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="tag">#<span>JavaScript</span></a> <a href="https://blog.logrocket.com/how-switch-node-js-versions-nvm/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/how-switch-</span><span class="invisible">node-js-versions-nvm/</span></a></p>
Andrew Malek<p>Currently only for Chrome/Edge, "Per spec, dialogs can now be closed via "close requests" (closerequest) or "close requests and any click outside of the dialog" (any). What's a close request?" <a href="https://techhub.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#<span>WebDevelopment</span></a> <a href="https://techhub.social/tags/HTML" class="mention hashtag" rel="tag">#<span>HTML</span></a> <a href="https://www.stefanjudis.com/blog/risky-mobile-close-requests/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">stefanjudis.com/blog/risky-mob</span><span class="invisible">ile-close-requests/</span></a></p>
Andrew Malek<p>"Even without direct user involvement, a seasoned evaluator can flag many usability issues early on — and that, for a fraction of the cost, saving time and effort in later testing rounds. That’s why I always recommend that people starting with a cognitive walkthrough before diving into full-scale usability testing." <a href="https://blog.logrocket.com/ux-design/cognitive-walkthrough-usability-testing-guide-template/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/ux-design/c</span><span class="invisible">ognitive-walkthrough-usability-testing-guide-template/</span></a></p>
Andrew Malek<p>"...tips to hopefully make your code easier to extend and maintain by questioning every opinion you build into it." <a href="https://techhub.social/tags/SoftwareDevelopment" class="mention hashtag" rel="tag">#<span>SoftwareDevelopment</span></a> <a href="https://techhub.social/tags/ReactJS" class="mention hashtag" rel="tag">#<span>ReactJS</span></a> <a href="https://techhub.social/tags/Vue" class="mention hashtag" rel="tag">#<span>Vue</span></a> <a href="https://piccalil.li/blog/tips-on-extensible-and-maintainable-components/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">piccalil.li/blog/tips-on-exten</span><span class="invisible">sible-and-maintainable-components/</span></a></p>
Andrew Malek<p>"Interdepartmental collaboration doesn’t just magically improve — it takes effort. The real work isn’t just in the pixels; it’s in how we communicate, build trust, and create alignment. When designers take the lead in bridging gaps, office politics becomes less of a roadblock and more of an opportunity" <a href="https://uxdesign.cc/office-politics-the-skill-they-never-taught-us-38df80fe64d9" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/office-politics-th</span><span class="invisible">e-skill-they-never-taught-us-38df80fe64d9</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload