Minimum Static Site Setup with Sass
A guide to setting up a minimal static site build process using Sass, npm scripts, and tools like autoprefixer and Browsersync.
A guide to setting up a minimal static site build process using Sass, npm scripts, and tools like autoprefixer and Browsersync.
Critiques the narrow developer view of accessibility as just ARIA/WCAG compliance, arguing for a broader, user-centered design philosophy.
A software engineer shares their journey from freelancing to landing a full-time role without a formal interview process.
A blog post discussing the 'five levels of hype' framework and its application to tech trends, frameworks, and crypto/NFTs.
Explains parametric design in web development: using adjustable inputs to dynamically modify visual elements like button styles.
Explores using SVG with CSS to build dynamic UI components like cut-out avatars, highlighting advantages over pure CSS for responsiveness and cross-browser compatibility.
A curated list of essential resources for frontend developers in 2022, covering JavaScript, TypeScript, tools, and learning platforms.
Explains how to use CSS media queries like prefers-reduced-motion and prefers-color-scheme to create accessible, personalized, and battery-friendly websites.
A deep dive into the HTML and CSS structure of Facebook Messenger's chat bubble component, covering its variations and design considerations.
A guide for front-end developers on making strategic decisions to build flexible, adaptable UI components that handle real-world content and diverse user needs.
A developer advocates for learning front-end coding through hands-on projects and sharing progress openly, using ThreeJS as an example.
A guide to designing and implementing accessible focus indicators for keyboard and assistive technology users, covering WCAG compliance.
A tutorial comparing three methods for making API requests in React: using fetch/axios, the merced-react-hooks library, and react-request.
A quick reference cheatsheet for DOM manipulation using plain vanilla JavaScript and jQuery, covering selection, node creation, events, and loading scripts.
A guide for UI designers and developers on techniques to accurately compare coded web components with original design mockups, ensuring visual fidelity.
A freelance React developer shares their essential checklist for onboarding new projects, covering key questions and communication channels.
A beginner-friendly guide explaining how to use props to pass data and customize React components, covering functional and class components.
Critique of the common but misleading UX pattern of showing '0 results' during data loading, with examples and a proposed technical solution.
A developer shares his optimized process for quickly setting up a new Mac for frontend development, covering OS tweaks, dotfiles, SSH, and essential apps.
A guide to using TypeScript effectively with React Query, covering generics, type inference and common pitfalls for type-safe data fetching.