DEV Community

Adam Marsden profile picture

Adam Marsden

I curate the best resources for design-savvy front-end devs ๐Ÿง‘โ€๐Ÿ’ป and code-loving designers ๐ŸŽจ Weekly newsletter ๐Ÿ‘‰ unicornclub.dev

Seven Year Club
Writing Debut
8 Week Writing Streak
4 Week Writing Streak
Six Year Club
Hacktoberfest 2022
Five Year Club
Four Year Club
Three Year Club
Two Year Club
One Year Club
๐Ÿฆ„ 6 CSS Snippets, Audibleโ€™s UX Insights & 350ms LCP

๐Ÿฆ„ 6 CSS Snippets, Audibleโ€™s UX Insights & 350ms LCP

Comments
5 min read

Want to connect with Adam Marsden?

Create an account to connect with Adam Marsden. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
๐Ÿง  Frontend Roadmap 2025, ROI of UX & Login Code Secrets to Success

๐Ÿง  Frontend Roadmap 2025, ROI of UX & Login Code Secrets to Success

Comments
4 min read
๐Ÿ’ก Smarter UX, AI-Powered Design & HTML in 2025

๐Ÿ’ก Smarter UX, AI-Powered Design & HTML in 2025

Comments
5 min read
โšก TikTokโ€™s UX Secrets + 2025โ€™s CSS Wishes

โšก TikTokโ€™s UX Secrets + 2025โ€™s CSS Wishes

1
Comments
5 min read
๐Ÿฆ„ 2025โ€™s First Look: Multi-State Buttons, Preloaded Fonts & UX Retention Hacks

๐Ÿฆ„ 2025โ€™s First Look: Multi-State Buttons, Preloaded Fonts & UX Retention Hacks

Comments
4 min read
๐Ÿง  Free Code Challenges, UX Trends Shaping 2025 & Duolingo's Retention Playbook

๐Ÿง  Free Code Challenges, UX Trends Shaping 2025 & Duolingo's Retention Playbook

Comments
4 min read
๐ŸŽ CSS Wrapped 2024, Intent-Driven UX & A11Y Design Tips

๐ŸŽ CSS Wrapped 2024, Intent-Driven UX & A11Y Design Tips

1
Comments
4 min read
๐Ÿ‘‘ UX Research Gold, HTML Secrets & 1500+ Free Templates!

๐Ÿ‘‘ UX Research Gold, HTML Secrets & 1500+ Free Templates!

Comments
4 min read
๐ŸŽถ Shazam UX Secrets + iOS 18 Photo Drama & CSS Borders

๐ŸŽถ Shazam UX Secrets + iOS 18 Photo Drama & CSS Borders

1
Comments
5 min read
๐Ÿ“ˆ 2025 Design Trends + Fixing the Dev-Design Mismatch

๐Ÿ“ˆ 2025 Design Trends + Fixing the Dev-Design Mismatch

Comments
4 min read
โœจ UX Psychology Insights + New CSS You Can Use Right Now

โœจ UX Psychology Insights + New CSS You Can Use Right Now

Comments
4 min read
๐Ÿš€ 12 Dev Tools + Gen Z UX Secrets + CSS Animations (5-min read)

๐Ÿš€ 12 Dev Tools + Gen Z UX Secrets + CSS Animations (5-min read)

4
Comments 1
5 min read
๐Ÿฆ„ 100+ FREE Dev Resources + Masterclass to Boost User Activation

๐Ÿฆ„ 100+ FREE Dev Resources + Masterclass to Boost User Activation

2
Comments
5 min read
๐Ÿ Jony Ive Interview, Hyper-Responsive Components & Git Tricks (5-min read)

๐Ÿ Jony Ive Interview, Hyper-Responsive Components & Git Tricks (5-min read)

Comments
5 min read
๐ŸŽ๏ธ Boost LCP Scores + JS Memory Management (UX Tips Inside!)

๐ŸŽ๏ธ Boost LCP Scores + JS Memory Management (UX Tips Inside!)

Comments
4 min read
๐ŸŒŸ Golden Ratio CSS + Accessible Modals (Plus, UX in AI!)

๐ŸŒŸ Golden Ratio CSS + Accessible Modals (Plus, UX in AI!)

Comments
5 min read
๐Ÿฆ„ 11 New CSS Features, Design System Hacks & PayPal's Brand Refresh (5-min read)

๐Ÿฆ„ 11 New CSS Features, Design System Hacks & PayPal's Brand Refresh (5-min read)

1
Comments
4 min read
โœจ HTML Secrets, UX Research Gems & CSS Performance Hacks (5-min read)

โœจ HTML Secrets, UX Research Gems & CSS Performance Hacks (5-min read)

Comments
5 min read
๐Ÿ› ๏ธ 21 Dev Tools to 10x Your Productivity (Plus, Time-Traveling CSS!)

๐Ÿ› ๏ธ 21 Dev Tools to 10x Your Productivity (Plus, Time-Traveling CSS!)

Comments
4 min read
๐Ÿ”ฅ Raw-Dogging Websites + CSS Performance Deep Dive (and more!)

๐Ÿ”ฅ Raw-Dogging Websites + CSS Performance Deep Dive (and more!)

Comments
4 min read
๐Ÿช Build a Solar System in CSS (Plus, Font Size Tips & UX Design Gems!)

๐Ÿช Build a Solar System in CSS (Plus, Font Size Tips & UX Design Gems!)

1
Comments
4 min read
โฐ Your Voice Matters - CSS 2024 Survey Now Open!

โฐ Your Voice Matters - CSS 2024 Survey Now Open!

Comments
4 min read
๐Ÿš€ UX Growth Tips + 19 Open-Source Gems!

๐Ÿš€ UX Growth Tips + 19 Open-Source Gems!

Comments
4 min read
๐Ÿ˜ฑ Google Killed It! 4.6 Billion URLs Broken (Plus, Free Resume Template!)

๐Ÿ˜ฑ Google Killed It! 4.6 Billion URLs Broken (Plus, Free Resume Template!)

Comments
4 min read
๐Ÿง‘โ€๐Ÿ’ป 5 Tools to Make Your Dev Life Easier in 2024 (Plus, Master Box Shadows!)

๐Ÿง‘โ€๐Ÿ’ป 5 Tools to Make Your Dev Life Easier in 2024 (Plus, Master Box Shadows!)

Comments
4 min read
๐Ÿš€ CSS Quick Wins โ€“ One-Liners to Improve (Almost) Every Project

๐Ÿš€ CSS Quick Wins โ€“ One-Liners to Improve (Almost) Every Project

Comments
5 min read
๐Ÿ’ก Design Smarter - 3 Tips to Create Stunning Landing Pages

๐Ÿ’ก Design Smarter - 3 Tips to Create Stunning Landing Pages

Comments
4 min read
โœจ CSS Manga Effects โ€“ Surprise Your Users!

โœจ CSS Manga Effects โ€“ Surprise Your Users!

Comments
4 min read
๐Ÿงฉ 100 FREE Frontend Challenges โ€“ Sharpen Your Skills!

๐Ÿงฉ 100 FREE Frontend Challenges โ€“ Sharpen Your Skills!

2
Comments
4 min read
โœจ CSS Evolves - Discover Inline if() & CSS Flow Charts

โœจ CSS Evolves - Discover Inline if() & CSS Flow Charts

1
Comments
4 min read
๐Ÿ” Dive into CSS Anchor Positioning โ€“ Let's Hang!

๐Ÿ” Dive into CSS Anchor Positioning โ€“ Let's Hang!

2
Comments
4 min read
๐ŸŽฏ Unlock the Magic of Popover Toggletips & Anchor Positioning!

๐ŸŽฏ Unlock the Magic of Popover Toggletips & Anchor Positioning!

1
Comments
4 min read
๐Ÿช„ Design Spells โ€“ Infuse Magic Into Your Work!

๐Ÿช„ Design Spells โ€“ Infuse Magic Into Your Work!

Comments
4 min read
๐Ÿ” Unleash the Power of ChatGPT - Essential Prompts for Developers

๐Ÿ” Unleash the Power of ChatGPT - Essential Prompts for Developers

Comments
4 min read
๐Ÿ Apple + Figma: Latest Design Tools Released

๐Ÿ Apple + Figma: Latest Design Tools Released

1
Comments
3 min read
๐Ÿš€ 2024 Web Dev Trends - What's Next for Front-End Pioneers?

๐Ÿš€ 2024 Web Dev Trends - What's Next for Front-End Pioneers?

1
Comments
3 min read
๐Ÿ—ฃ๏ธ Chrome thinks Safari's proposal for CSS masonry would be a mistake

๐Ÿ—ฃ๏ธ Chrome thinks Safari's proposal for CSS masonry would be a mistake

2
Comments
3 min read
๐Ÿค” Can You Improve CSS? Help invent CSS Masonry layout...

๐Ÿค” Can You Improve CSS? Help invent CSS Masonry layout...

1
Comments
3 min read
๐Ÿ“ Gap vs. Margin: Rethinking Spacing in CSS

๐Ÿ“ Gap vs. Margin: Rethinking Spacing in CSS

7
Comments
3 min read
๐ŸŽจ Pixel-Perfect Positions - New CSS Feature "Anchor Positioning"

๐ŸŽจ Pixel-Perfect Positions - New CSS Feature "Anchor Positioning"

1
Comments
3 min read
๐Ÿ’ก JS Essentials - 10 Sites That Every Dev Should Bookmark

๐Ÿ’ก JS Essentials - 10 Sites That Every Dev Should Bookmark

Comments
3 min read
๐Ÿ”ง Code & Creativity - Crafting Accessible Forms with a Dash of CSS Magic!

๐Ÿ”ง Code & Creativity - Crafting Accessible Forms with a Dash of CSS Magic!

Comments
3 min read
โœจ Revive Your Stylesheets - Native CSS Takes the Throne From SASS!

โœจ Revive Your Stylesheets - Native CSS Takes the Throne From SASS!

Comments
3 min read
๐Ÿš€ Code Smarter, Not Harder - Must-Have Extensions for VS Code

๐Ÿš€ Code Smarter, Not Harder - Must-Have Extensions for VS Code

Comments
3 min read
๐Ÿ’ญ The Future of CSS-Tricks - Chris Coyier on Selling to DigitalOcean

๐Ÿ’ญ The Future of CSS-Tricks - Chris Coyier on Selling to DigitalOcean

Comments
3 min read
๐Ÿ” Get instant clarity โ€“ CodeMate's AI unlocks your coding answers

๐Ÿ” Get instant clarity โ€“ CodeMate's AI unlocks your coding answers

Comments
3 min read
๐Ÿ”ฎ Adobe Redefines Design - Inside Spectrum 2's Visionary Update

๐Ÿ”ฎ Adobe Redefines Design - Inside Spectrum 2's Visionary Update

Comments
3 min read
๐ŸŒŸ On-Scroll Elegance - Animate Your Sticky Sections with Flair

๐ŸŒŸ On-Scroll Elegance - Animate Your Sticky Sections with Flair

Comments
3 min read
๐Ÿ‘† Button Renaissance - Why It's Time to Push Back on the Trends

๐Ÿ‘† Button Renaissance - Why It's Time to Push Back on the Trends

Comments
3 min read
๐ŸŽฉ Console Magic - Render CSS, SVGs & HTML in Your Console

๐ŸŽฉ Console Magic - Render CSS, SVGs & HTML in Your Console

Comments
2 min read
๐Ÿ”จ Quick Wins for Devs - 12 Powerful CSS One-Liners

๐Ÿ”จ Quick Wins for Devs - 12 Powerful CSS One-Liners

Comments
2 min read
๐Ÿง  Devs, Avoid these Top Accessibility Pitfalls in 2024

๐Ÿง  Devs, Avoid these Top Accessibility Pitfalls in 2024

Comments
3 min read
๐Ÿ”ฎ Front-End Foresight - 7 Emerging Trends for 2024 Devs

๐Ÿ”ฎ Front-End Foresight - 7 Emerging Trends for 2024 Devs

1
Comments
3 min read
๐Ÿ‘โ€๐Ÿ—จ Uncover the Magic - SVG Pixelations & Time-Traveling CSS

๐Ÿ‘โ€๐Ÿ—จ Uncover the Magic - SVG Pixelations & Time-Traveling CSS

Comments
3 min read
๐Ÿ”ฎ Peek into 2024 - UI/UX Trends Redefining Digital Experiences

๐Ÿ”ฎ Peek into 2024 - UI/UX Trends Redefining Digital Experiences

Comments
3 min read
๐Ÿ”ฅ 15 Essential Websites Every Developer Must Bookmark!

๐Ÿ”ฅ 15 Essential Websites Every Developer Must Bookmark!

1
Comments
3 min read
๐ŸŽฉ HTML Hacks - 10 Bizarre Tricks That Actually Work

๐ŸŽฉ HTML Hacks - 10 Bizarre Tricks That Actually Work

2
Comments
3 min read
โœจ Unveil the Magic โ€“ CSS Auto-Height Transitions!

โœจ Unveil the Magic โ€“ CSS Auto-Height Transitions!

Comments
3 min read
This week's best picks for devs

This week's best picks for devs

1
Comments
3 min read
๐Ÿ› ๏ธ HTML First - Simpler, Faster, Better Web Development

๐Ÿ› ๏ธ HTML First - Simpler, Faster, Better Web Development

5
Comments
3 min read
loading...