Enhancing a login form – from basic to validation to reveal password
A technical guide to building and enhancing a secure, accessible login form with HTML validation, security best practices, and UX improvements.
A technical guide to building and enhancing a secure, accessible login form with HTML validation, security best practices, and UX improvements.
Explores how aria-label attributes are ignored by translation services, offering workarounds for accessible multilingual web development.
A tutorial on creating a humorous poop notification component using CSS and minimal JavaScript, built as a CodePen project.
A developer explains choosing Node.js with Express and Pug for server-side HTML generation, and reusing templates on the frontend for a lightweight web UI.
Discusses the reasons for 'quick fix' code and provides strategies for avoiding them in front-end development (HTML, CSS, JavaScript).
A guide to implementing web localization and translation using HTML attributes like lang, hreflang, and translate for multilingual websites.
A frontend developer shares best practices for using id, class, and data attributes in HTML, CSS, and JavaScript to avoid conflicts.
A guide to web performance fundamentals, covering mindset, HTML rendering, and practical optimization techniques for developers.
Introducing Mavo, an open-source HTML-based language for creating web applications without programming or a server backend.
A guide to implementing Open Graph and X card metadata to make blog content appear richer when shared on social media platforms.
A developer discusses implementing the responsive images spec in Stitcher, focusing on challenges of image downscaling and integration.
A technical guide to implementing 'Show More' and 'Read More' text truncation patterns on the web using JavaScript and CSS.
A technical guide on progressively enhancing a web comment form from basic HTML to using BackgroundSync for offline functionality.
A guide to writing effective alt text for images to improve web accessibility, covering different image types and best practices.
A critique of the aria-controls attribute, arguing it's poorly supported, confusing, and ineffective for accessibility.
A developer re-evaluates inline CSS and internal stylesheets, testing performance benefits and challenging common front-end best practices.
Explains the crucial differences between HTML links and buttons, focusing on accessibility, semantics, and proper use in modern JavaScript web applications.
Argues for using plain text emails over HTML, citing tracking, security, and usability issues with HTML email.
A developer argues against forcing external links to open in new tabs, advocating for user control and confidence in website content.
A guide to using CSS to style broken image placeholders, improving user experience with custom messages and visual treatments.