CSS and Web Development Bloggers
Ahmad Shadeed
Ahmad Shadeed is a well-known designer and frontend developer who specializes in creating responsive web and mobile experiences. He is passionate about the intersection of design and code, focusing on modern CSS techniques and bug-free user interfaces
Key Contributions:
- Debugging CSS: Ahmad authored a book on debugging CSS, providing practical methods and techniques to improve CSS debugging skills
- Defensive CSS: He coined the term "Defensive CSS," which involves writing future-proof CSS to reduce broken UIs
- RTL Styling 101: Ahmad created a comprehensive guide on writing CSS for RTL (right-to-left) layouts
Professional Background:
- Independent Designer: Ahmad works independently, offering his services to clients worldwide
- Public Speaker: He frequently speaks at conferences and events, sharing his expertise with the community
- Technical Writer: Ahmad has written over 145 articles on various topics related to CSS and web development
Personal Insights:
- Location: Ahmad lives in Tulkarm, Palestine
- Interests: He enjoys being at the intersection of product, design, engineering, and community
Ahmad's work is highly regarded in the web development community, with many praising his ability to explain complex CSS concepts clearly and effectively
Note: The content in the blogger profiles was generated using AI.
Citation: "Research and document Ahmad Shadeed web developer" prompt. Copilot, GPT-4, Microsoft, 04 Apr. 2025, https://m365.cloud.microsoft/chat?fromcode=edgentp&internalredirect=CCM&auth=2
Stephanie Eckles
Stephanie Eckles is a front-end software engineer, author, and speaker with a strong focus on CSS, accessibility, and Eleventy. She is known for creating several educational resources and projects aimed at improving front-end development practices.
Projects and Resources
- ModernCSS.dev: Provides in-depth tutorials on modern CSS solutions for old CSS problems.
- SmolCSS.dev: Features minimal snippets for modern CSS layouts and components.
- StyleStage.dev: A CSS playground showcasing community contributions.
- 11ty.Rocks: Resources and tutorials for working with Eleventy, a static site generator.
Contributions and Activities
- Author: Stephanie writes extensively on front-end development topics, particularly CSS and accessibility.
- Speaker: She frequently speaks at conferences and events, sharing her expertise on front-end technologies.
- Instructor: Stephanie offers courses and tutorials on platforms like egghead.io, covering various front-end development topics.
- Podcaster: Co-hosts the Word Wrap podcast, discussing web development trends and techniques.
- Streamer: Streams front-end development topics on Twitch, engaging with the community and providing live coding sessions.
Advocacy
Stephanie is a strong advocate for accessibility, scalable CSS, and the Jamstack (especially Eleventy). She emphasizes the importance of creating inclusive and performant web experiences.
Personal Life
Offline, Stephanie is a mom to two girls and a cowboy corgi, and she enjoys baking.
Note: The content in the blogger profiles was generated using AI.
Citation: "Research and document Stephanie Eckles web developer" prompt. Copilot, GPT-4, Microsoft, 04 Apr. 2025, https://m365.cloud.microsoft/chat?fromcode=edgentp&internalredirect=CCM&auth=2
Harry Roberts (CSS Wizardry)
Harry Roberts is a renowned Consultant Web Performance Engineer from the UK, known for his expertise in CSS architecture and front-end performance.
Key Highlights:
- Professional Background: Harry has over 17 years of professional experience, including more than a decade as an independent consultant. He has worked with high-profile clients such as the United Nations, Google, BBC, and General Electric.
- Expertise: He specializes in web performance optimization, site-speed consultancy, and Core Web Vitals improvements. His work involves troubleshooting performance issues, training engineers, and advising teams on web performance strategies.
- Contributions: Harry is an invited Google Developer Expert and a Cloudinary Media Developer Expert. He is also a co-chair of the performance.now() conference, which focuses on web performance.
- Publications and Speaking: He has published numerous articles on web performance and CSS architecture and is a sought-after international speaker. His blog contains a wealth of information on these topics.
- CSS Wizardry: His website, CSS Wizardry, offers insights into his consultancy services, articles, and upcoming appearances.
Harry Roberts is highly regarded in the web development community for his ability to deliver faster and more reliable web experiences. If you need a faster website, he is definitely someone to consider hiring.
Note: The content in the blogger profiles was generated using AI.
Citation: "Research and document Hary Roberts of CSS wizardry" prompt. Copilot, GPT-4, Microsoft, 04 Apr. 2025, https://m365.cloud.microsoft/chat?fromcode=edgentp&internalredirect=CCM&auth=2
Sara Soueidan
Sara Soueidan is an independent web UI engineer, author, speaker, and educator who specializes in inclusive design and accessibility. She has been working in the field since 2012 and holds a Bachelor's Degree in Computer Sciences.
Key Highlights of Sara's Career:
- Inclusive Design and Accessibility: Sara is dedicated to teaching designers and developers how to create inclusive web user interfaces. She created the "Practical Accessibility" course, a self-paced video course designed to demystify web accessibility.
- Speaking and Workshops: Since 2014, Sara has presented keynotes and led workshops at numerous conferences worldwide, including in-house sessions for companies like Netflix and Telus.
- Publications: She co-authored the Smashing Book 5, which covers practical techniques for crafting responsive websites.
- Awards and Recognition: In 2015, Sara was voted Developer of the Year in the net awards and won an O'Reilly Web Platform Award. Her work has been recognized by major organizations such as Google, Apple, Microsoft, and Adobe.
Sara's contributions to web development, particularly in accessibility, have made her a respected figure in the industry.
Note: The content in the blogger profiles was generated using AI.
Citation: "Research and document Sara Soueidan web developer" prompt. Copilot, GPT-4, Microsoft, 04 Apr. 2025, https://m365.cloud.microsoft/chat?fromcode=edgentp&internalredirect=CCM&auth=2
Author's Recent Blog Post
Article Summary
In the article "Pure CSS Custom Checkbox Style," Stephanie Eckles shows us how to create custom, accessible checkboxes without JavaScript. They are themeable, scalable and have cross-browser support. She uses several different CSS techniques in creating these like relative sizing using em and SVG for the checked state. The checkbox article actually builds off a previous article of her on custom radio buttons but she adds styling here for disabled states and SVG implementation.
Link to article: Pure CSS Custom Checkbox Style
Value of the Information
I feel this information is useful as typically you don't see a lot of
custom form styling. Some of the ones I've seen that are have been
broken even. By using
appearance: none property and pseudo
elements instead of extra HTML elements she shows us how to improve
browser support. This allows us as developers to create appealing
checkboxes that match a clients brand while making sure they remain
keyboard navigable and screen reader friendly.
Project Application
In my case I am now thinking about how I could use this on a project I am working on for my mother's Non-Profit. I could use the both custom checkboxes and radio buttons there. Using Eckles' technique with currentColor would allow the checkboxes to match the branding or colors I am working with. Currently I am using a plugin to generate the form but I Know I could get better results coding out the whole things and using the information from Stephanie's article.
My Project: Quilts for Veterans