UI Dev Newsletter.

UI Dev Newsletter archive

A hand-curated list of articles, tutorials, opinions, and tools related to User Interface development delivered to your inbox every two weeks.

UI Dev Newsletter: Issue #105

In this issue: Focus outlines, CSS resets, optimizing Lighthouse, and more!

Issue #104

In this issue: direct linking to content, CSS min(), accessible fonts, custom cursors, and more.

Issue #103

In this issue: http-equiv meta tags, no-JS radial menu, the UTF-8 story, and more.

Issue #102

In this issue: self-closing tags, DOMContentLoaded metric, best of interaction design, and more.

Issue #101

In this issue: image decoding attribute, helpful DevTools tips and tricks, favicon guidelines, and more.

Issue #100

In this issue: CSS nesting gotchas, making personal jQuery, StackOverflow survey results, and more.

Issue #99

In this issue: view transitions, ch units and Cumulative Layout Shift, :not() selector use cases, and more.

Issue #98

In this issue: new CSS features, linear() easing, developer salaries worldwide, and more.

Issue #97

In this issue: scoped CSS, the “const” deception, feature detection for modern CSS, and more.

Issue #96

In this issue: CSS text balancing, CSS tips, accessibility and SEO tactics, and more.

Issue #95

In this issue: CSS masking, sticky page header shadow, Non-Text Contrast tests, and more.

Issue #94

In this issue: CSS snippets, :has() selector examples, better CSS transitions, and more.

Issue #93

In this issue: responsive images and container queries, subgrid usage, native .visually-hidden solution, and more.

Issue #92

In this issue: the highest specificity, CSS resize property, useful console scripts, and more.

Issue #91

In this issue: CSS wish lists, JavaScript framework criticism, and more.

Issue #90

In this issue: CSS selector performance, styling radio buttons and checkboxes for printing, fallback font generator, and more.

Issue #89

In this issue: Conditional CSS, top CWV recommendations, interactive SVG specs, and more.

Issue #88

In this issue: state of CSS results, easy accesibility checks, environmental impact of a web page, and more.

Issue #87

In this issue: Defensive CSS, the “Other” form option, better ping app, and more.

Issue #86

In this issue: single CSS declaration for media queries, the lang attribute, Advent of Code, and more.

Issue #85

In this issue: CSS backgrounds, custom CSS reset, custom scrollbar, and more.

Issue #84

In this issue: CSS backgrounds, Web Almanac Performance report, a JavaScript utility for spacing on a webpage, and more.

Issue #83

In this issue: overflow guide, CSS height: auto animation, background removal app, and more.

Issue #82

In this issue: transitions, DevTools secrets, color palette tools, and more.

Issue #81

In this issue: lists, inaccessible hamburger buttons, GitHub Command Palette, and more.

Issue #80

In this issue: overscroll behavior, favicon analysis, placeholder for images, and more.

Issue #79

In this issue: the latest news in the CSS world, CSS analyzer, HTML size analyzer, and more.

Issue #78

In this issue: conditional border radius, Sanitizer API, accessibility for E-commerce, and more.

Issue #77

In this issue: styling radio buttons and checkboxes, speculative prerendering, boring SEO, and more.

Issue #76

In this issue: how CSS works, accent-color, why hyperlinks are blue, and more.

Issue #75

In this issue: Cascade Layers, all about shadows in CSS, W3C Design System, and more.

Issue #74

In this issue: less absolute positioning, split button component, 4 emmet tricks, and more.

Issue #73

In this issue: carbon emissions on the web, z-index guide, wavy dividers generator, and more.

Issue #72

In this issue: an essay about software crisis, web dev journal, button generator, and more.

Issue #71

In this issue: horizontal scrollbars issues, SVG star rating, View Source tool, and more.

Issue #70

In this issue: accessible focus indicators, CSS transforms, HTTP/3, quick-accessibility checks, and more.

Issue #69

In this issue: disabled buttons, the dl element, what devs need, and more.

Issue #68

In this issue: CSS absolute units, accessible overflow, JavaScript quiz, and more.

Issue #67

In this issue: inlining Critical CSS across the JavaScript ecosystem, media queries support in CSS and JavaScript, DevTools Font Editor, and more.

Issue #66

In this issue: lazy-loading performance, 'theme-color' meta tag, designing better filters, and more.

Issue #65

In this issue: HSL colors in CSS, the new viewports units, new CSS reset, and more.

Issue #64

In this issue: JavaScript GitHub projects, prefers-reduced-motion and browser defaults, Glassmorphism CSS Generator, and more.

Issue #63

In this issue: content-visibility, organizing CSS declarations, DevTools snippets, and more.

Issue #62

In this issue: JavaScript for better accessibility, remote repositories, web Development cheatsheets, and more.

Issue #61

In this issue: size-adjust property, frontend auditing tools, CSS system colors, and more.

Issue #60

In this issue: SVG styling and animating, HTML and CSS techniques to reduce your JavaScript, Wes Bos' JavaScript notes, and more.

Issue #59

In this issue: container queries for designers, disabled links, an interview about landing a dream job, and more.

Issue #58

In this issue: Google's course for CSS, animated button hover effects, a love letter to CSS, and more.

Issue #57

In this issue: Web Vitals optimization, Container Queries exploration, Psychology of Design, and more.

Issue #56

In this issue: Airbnb's JavaScript style guide, how to make show password option, advice on how to build better landing pages, and more.

Issue #55

In this issue: Core Web Vitals tips, Flexbox tutorial, CSS color-contrast() function and more.

Issue #54

In this issue: CLS guide, split text animations, CSS data visualization framework, and more.

Issue #53

In this issue: overflow issues in CSS, container queries, CSS generators, and more.

Issue #52

In this issue: HTML boilerplate, CSS accessibility improvements, jQuery to JavaScript cheat sheet, and many more.

Issue #51

In this issue: magical 3D button, CSS position and background properties, media queries in JavaScript, and more.

Issue #50

In this issue: guide to accessible front-end components, horizontal rules styling, useful sites for web development and more.

Issue #49

In this issue: CSS nesting, :has selector, overenhancement and more.

Issue #48

In this issue: JS this keyword, a JS trick for faster development, CSS repeating gradients, and CSS audit report.

Issue #47

In this issue: Gutenberg Full-Site Editing, font loading strategies, enabling CSS selectors and more.

Issue #46

In this issue: WebAIM's annual accessibility report, in-depth exploration of z-index, and JavaScript debounce function.

Issue #45

In this issue: CSS file size report, Fetch API Cheatsheet, UI Design Tips and more.

Issue #44

In this issue: CSS transitions, accessible skeletons and more.

Issue #43

In this issue: dark mode styling, dark patterns, webmentions, and more.

Issue #42

In this issue: aspect-ratio property, SVG and CSS animations, mesh gradients, and more.

Issue #41

In this issue: media web almanac, sidenav component, Tailwind opinions, and more.

Issue #40

In this issue: state of JS in 2020, accessible anchors, Google Font pairings, and more.

Issue #39

In this issue: state of CSS in 2020, CSS variable usage, eco-friendly website, and more.

Issue #38

In this issue: font-display setting, UI design trneds, Codrops resources, and more.

Issue #37

In this issue: CSS centering, nullish coalescing operator, GitHub globe, and more.

Issue #36

In this issue: mastering CSS, UI components in SVG, sticky CSS Grid items, and more.

Issue #35

In this issue: Web Almanac report, sizing in CSS, handling legacy code, and more.

Issue #34

In this issue: fixing sticky position, text borders, design lessons for 2021, and more.

Issue #33

In this issue: checkbox vs radio buttons, accessibility lesson, touch targets, and more.

Issue #32

In this issue: CSS Grid minmax(), CSS variables guide, dev fonts, and more.

Issue #31

In this issue: state of dev ecosystem in 2020, autogrowing textareas, npm package publishing, and more.

Issue #30

In this issue: pixel-perfect dream, font identification, animated details element, and more.

Issue #29

In this issue: gradient borders, LCP optimization, blobs, and more.

Issue #28

In this issue: JS ES2021 features, how to improve LCP, HTML file upload tips, and more.

Issue #27

In this issue: logical CSS functions, CSS and accessibility, .new domains, and more.

Issue #26

In this issue: front-end role dissection, full-bleed layout with CSS Grid, webpack 5, and more.

Issue #25

In this issue: CSS media queries guide, making bookmarklets, CSS Grid inspection, and more.

Issue #24

In this issue: the tab key testing, web components, JS bookmarks, and more.

Issue #23

In this issue: CSS optimization, webpack budgets, HTML editing, and more.

Issue #22

In this issue: progressive enhancement and accessibility, image-set() function, box-shadow examples, and more.

Issue #21

In this issue: ::marker bullets, scoping of CSS variables, browser diversity, and more.

Issue #20

In this issue: digital typesetting, fluid images, keyframes, and more.

Issue #19

In this issue: inaccessible web elements, underlines, skip nav links, and more.

Issue #18

In this issue: CSS 100% value, fancy borders with bg images, JS closest() method, and more.

Issue #17

In this issue: content-visibility property, masonry solution, blobby shapes, and more.

Issue #16

In this issue: teching CSS, CSS vocabulary, adding README to GitHub profile, and more.

Issue #15

In this issue: CSS variables with superpowers, web dev complexity, templates, and more.

Issue #14

In this issue: native lazy-loading, CSS painting order, laws of UX, and more.

Issue #13

In this issue: one-line layouts, iframe guide, scroll techniques, and more.

Issue #12

In this issue: layout wrappers, CSS Overview feature, line breaks, and more.

Issue #11

In this issue: accessibility guides, form element, fussy website, and more.

Issue #10

In this issue: developer experience, caption hover effect, CUBE CSS, and more.

Issue #9

In this issue: bad website performance, getting CSS properties with JS, z-index, and more.

Issue #8

In this issue: new CSS pseudo classes, overlapping header, web dev feeds, and more.

Issue #7

In this issue: controversial close buttons, structured data, Netlify plugins, and more.

Issue #6

In this issue: the fastest Google Fonts, CSS overflow, fast software, and more.

Issue #5

In this issue: modern CSS solutions, why writing is important, CSS functions, and more.

Issue #4

In this issue: Web Vitals, list style recipes, Elementor vulnerabilities, CSS cascade usage, and more.

Issue #3

In this issue: writing technical resume, importance of width and height attributes, productivity tools, and more.

Issue #2

In this issue: @property, system fonts Snafu, tips for remote developers, and more.

Issue #1

In this issue: JavaScript talks, CSS talks, Git tips and tricks, and more.