A developer shares key lessons learned from running a hands-on Cypress testing workshop, covering preparation, structure, and troubleshooting.
Part 3 of a series on building a modern front-end workflow, focusing on implementing a scalable Sass architecture based on ITCSS principles.
A tutorial on using Parcel, a zero-config JavaScript module bundler, to build and optimize modern front-end projects.
A guide to using the new Angular CDK Clipboard module for programmatic and user-triggered clipboard interactions.
A developer creates a bookmarklet to bypass Instagram's login prompt and re-enable scrolling on the web version.
Explains how to conditionally apply CSS classes in React using JavaScript template literals instead of the popular classnames package.
Explains the roles of HTML, CSS, and JavaScript in web development using a house analogy to illustrate structure, style, and behavior.
Explores four patterns to implement persistent layouts in Next.js applications, preventing full UI re-renders during navigation.
A tutorial on recreating the Apple Music playback header using HTML and CSS, focusing on layout with Flexbox and CSS Grid.
Explains why CSS :hover, :focus, and :active states should be styled differently for better accessibility and user experience.
A tutorial on creating custom CSS focus styles, demonstrating techniques from Smashing Magazine, WTF Forms, and Slack.
A developer shares their experience attending JSConf Budapest, highlighting the talks, people, venue, and personal reflections on the event.
A guide to using Angular Testing Library for writing maintainable, user-focused tests for Angular components, with a practical feedback form example.
A detailed guide to a modern, lightweight CSS reset that explains the reasoning behind each rule and its benefits for web development.
A tutorial on creating a scrapbook-style web layout using CSS Grid's compound grid technique, inspired by a personal project.
The article argues for more intuitive and enjoyable user interfaces for working with variable fonts, comparing current tools to clunky emoji selection.
A tutorial on creating a live-updating status page using Laravel Livewire, demonstrating an alternative to vanilla JavaScript or frontend frameworks.
A tutorial on integrating Algolia's powerful search functionality into a Gatsby static site using the gatsby-plugin-algolia.
A CSS tutorial on creating more realistic and nuanced shadows using layered box-shadows for finer control over sharpness and spread.
A student requests help finding a Summer 2020 software engineering internship, sharing their skills and preferences for small teams or specific tech sectors.
