Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2010s” News Archive (3)

Entry (Sources) and Additional TopicsDate#
JavaScript Design Patterns: The Observer Pattern2,985
javascript, software-design-patterns
How to Work Out What to Charge Clients: The Honest Version (boa/sma)2,984
how-tos, economics, business-relations
What’s the Difference Between Sass and SCSS? (kit)2,983
sass
All About React Router 4 (bra/css)2,982
react, react-router, routing, examples
CSS Utility Classes and “Separation of Concerns” (ada)2,981
css, presentational-html, components
CSS Inheritance: An Introduction2,980
introductions, css, cascade, inheritance
Are Internet Standards Standing in the Way of Digital Accessibility? (lol)2,979
standards, drm, eme, accessibility, w3c
If You Really Dislike FOUT, “font-display: optional” Might Be Your Jam (chr/css)2,978
flash-of-x, fonts, css
Launching the WebAssembly Working Group (w3c)2,977
webassembly, w3c
Web Development: How Making Our Own Lives Difficult Is More Important Than We Think (j9t)2,976
processes, learning, craft
How to Use CSS Custom Properties With Transitions, Transforms, and Animations2,975
how-tos, css, custom-properties, transitions, transforms, animations
Getting Started With Sass (dar)2,974
introductions, sass, preprocessors
Twig—the Most Popular Stand-Alone PHP Template Engine2,973
template-engines, twig, php
Frameworks, Libraries, and the Modern Web Developer: Web Development, Overdone (j9t)2,972
frameworks, libraries, craft
What Is Timeless Web Design? (chr/css)2,971
design, community
The Browser Statistics That Matter (chr/css)2,970
browsers, metrics, caniuse
And You Thought Buttons Were Easy? (nat)2,969
buttons, design, design-systems
CSS Custom Properties—Dynamic Changes With and Without JavaScript2,968
css, custom-properties
Flash Loses Final Appeal: Adobe Sentences Its Web Tech to Death (sts/cne)2,967
flash, adobe, browsers, support, outlooks
What I Learned Building Google’s Web Frameworks (j9t)2,966
google, frameworks, html, css, lessons
Homepage Links Remain a Necessity (nng)2,965
homepages, links, breadcrumbs, navigation, conventions, usability
Playing With Shadow DOM (chr/css)2,964
shadow-dom, dom, css, scope
Tailwind CSS (ada+/tai)2,963
websites, frameworks, presentational-html, css, tailwind
How to Use AMP With WordPress2,962
how-tos, wordpress, amp, google
Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia)2,961
interaction-design, user-experience, hci, terminology, concepts, comparisons
Methods to Organize CSS (css)2,960
css, oocss, smacss, atomic-css, conventions
Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (j9t)2,959
css, resets, examples
(Now More Than Ever) You Might Not Need jQuery (oll/css)2,958
jquery, javascript, ajax, performance, comparisons, examples
Building Pattern Libraries With Shadow DOM in Markdown (hey/sma)2,957
pattern-libraries, shadow-dom, dom, markdown
Introducing npx: An npm Package Runner (zka)2,956
introductions, npx, npm, nodejs
How to Use CSS Custom Properties to Write More Readable Code2,955
how-tos, css, custom-properties
The Beginner’s Guide to Website Staging2,954
guides, environments, testing, wordpress
Rollup—Next-Generation ES6 Module Bundler—Interview With Rich Harris (ric+/sur)2,953
interviews, rollup, bundling
A DRM Standard Has Been Approved for the Web, and Security Researchers Are Worried (jac/ver)2,952
drm, eme, standards, w3c, eff
URLs Are UI (sha)2,951
urls
7 Setup Tips for WordPress Beginners2,950
wordpress, tips-and-tricks
The Options for Programmatically Documenting CSS (css)2,949
css, documentation, tooling
Working With UC Browser as a Developer2,948
uc-browser, browsers
Material Design, Learning the Rules and Breaking Them2,947
material-design, google
8 Must Have PHP Quality Assurance Tools2,946
php, quality, tooling
A Story of a Woman in the Tech Industry (fox)2,945
community, career
Internationalization for Your WordPress Theme2,944
wordpress, theming, internationalization
Code Responsibly2,943
principles, best-practices
Possible Future Directions for Data on the Web (phi/w3c)2,942
outlooks, structured-data, semantic-web, ai
How to Define and Use CSS Custom Properties2,941
how-tos, css, custom-properties
TC39, ECMAScript, and the Future of JavaScript2,940
ecmascript, javascript, outlooks
A Pretty Good SVG Icon System (chr/css)2,939
svg, icons, images
Why Choose Vue.js (ano)2,938
vuejs, react, comparisons
Server-Side React Rendering (css)2,937
react, server-side-rendering
Naming Things Is Only Getting Harder (geo/css)2,936
html, css, naming
What Does a Well-Documented CSS Codebase Look Like? (css)2,935
css, documentation, tooling, conventions, architecture, components
Two Paradigms of Web Development (j9t)2,934
concepts, best-practices, principles, comparisons
Building Production-Ready CSS Grid Layouts Today (mor/sma)2,933
css, grids, layout
How to Create Disaster Plans for Websites (jef)2,932
how-tos, processes, dev-ops
Using Mixins in Vue.js (sar/css)2,931
vuejs, mixins
Why You Should Manage Your Energy, Not Your Time2,930
productivity, prioritization, career
Firefox 54: E10S-Multi, WebExtension APIs, CSS “clip-path” (moz)2,929
release-notes, firefox, mozilla, browsers
The Complete Guide to Switching From HTTP to HTTPS (sma)2,928
guides, http, security
Rate Limiting With nginx2,927
servers, nginx, rate-limiting, security
Inclusive Design Principles (ian+)2,926
websites, principles, accessibility, dei, community
When Large Isn’t Large Enough: Designing With Hero Images (sma)2,925
design, images
How (Not) to Control Your CDN (mno)2,924
content-delivery, caching, security, http
Masking vs. Clipping: When to Use Each (sar/css)2,923
masking, clipping, svg, images, comparisons
Tor Browser 7.0 Is Released (bok/tor)2,922
release-notes, browsers, tor-browser
Color Accessibility Workflows (ali)2,921
accessibility, colors, wcag
Using Filters in Vue.js (sar/css)2,920
vuejs, filters
Componentizing a Framework (chr/css)2,919
frameworks, components
Laravel vs. Symfony—Clash of the Frameworks2,918
php, frameworks, laravel, symfony, comparisons
Empiricism—the Foundation of Scrum2,917
scrum, agile
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (j9t)2,916
css, optimization, metrics, efficiency, maintainability
Animating Single Div Art (css)2,915
html, css, animations, art
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)2,914
performance, lighthouse, google
Version Control With Magento and Git (jef)2,913
version-control, git, magento
Browserslist Is a Good Idea (chr/css)2,912
css, tooling, autoprefixer, babel, browserslist
Micropub Is a W3C Recommendation (aar)2,911
blogging, content-management, standards
The Web’s Most Annoying Dark Patterns (cra)2,910
dark-patterns
Break Out of Frames (per)2,909
frames, javascript
No Namespaces in JSON, Please (hsi)2,908
json, namespaces
Reflections on GAAD 2017 (w3c)2,907
awareness-days, accessibility
What Is the Future of Front End Web Development? (chr/css)2,906
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
Intro to HapiJS (v16)2,905
introductions, frameworks
The Myth of “Unlimited Everything” Hosting Plans (jef)2,904
hosting, myths
And Now, a Brief Definition of the Web (bac/ver)2,903
web, web-platform, links, open-web
Testing the Open Web Platform (tob/w3c)2,902
web-platform, testing
4 CSS Filters for Adjusting Color2,901
css, colors, filters
Python for Java People2,900
python, java
Design Systems: Real Talk (jin/btc)2,899
videos, design-systems, lessons
What We Talk About When We Talk About Web Performance (btc)2,898
videos, performance
Release Notes for Safari Technology Preview 30 (jon/web)2,897
release-notes, safari, apple, browsers
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)2,896
css, selectors, sass, mixins, examples
Web Design Museum2,895
websites, history, web
Why We Didn’t Use a Framework (sma)2,894
frameworks, case-studies
The “web-platform-tests” Project (ple/w3c)2,893
web-platform, testing
How to Add a Drop Shadow With a CSS Filter2,892
how-tos, css, shadows, filters
Combine Webpack With Gulp 4 (css)2,891
webpack, bundling, gulp, automation
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)2,890
typography, responsive-design, liquid-design, css, sass
How to Create Custom WordPress Shortcodes for Your Editors (cra)2,889
how-tos, wordpress, php
The RED Method: Key Metrics for Microservices Architecture2,888
microservices, architecture, monitoring, metrics
Getting Started With PHP (swa)2,887
introductions, php, link-lists
5 Awesome Sublime Plugins You Won’t Find in Top Plugin Posts (moj/css)2,886
sublime-text, code-editors, plugins
A Product Manager’s Guide to Technical Debt2,885
guides, product-management, technical-debt
Simple Offline Website (chr/css)2,884
offline, examples
An Abridged Cartoon Introduction to WebAssembly (sma)2,883
introductions, webassembly
The Issue With Preprocessing CSS Custom Properties (chr/css)2,882
css, custom-properties, preprocessors, javascript
Easy AngularJS Authentication With Auth0 (ado)2,881
angularjs, authentication, auth0
How to Secure WordPress With SSL2,880
how-tos, wordpress, security, ssl
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js2,879
javascript, frameworks, angularjs, vuejs, meteor, nextjs, comparisons
An Introduction to CSS Filters2,878
introductions, css, svg, filters
Encrypting IP Addresses (ber)2,877
ip, network, security, privacy, encryption
Quick Tip: How to Automate Social Media Posting With Jetpack2,876
how-tos, tips-and-tricks, social-media, automation, wordpress, plugins
Using ARIA (ste/w3c)2,875
guides, html, aria, accessibility
CSS Ruleset Terminology (chr/css)2,874
css, terminology
Four Killer Features of Nunjucks (chr/css)2,873
nunjucks
GIF, PNG, JPG, or SVG: Which One to Use?2,872
images, jpeg, png, gif, svg, webp, comparisons
Making Your Design Optically Perfect (raf)2,871
design, alignment
Ordered Lists With Unicode Symbols (css)2,870
css, lists, unicode
The Great Cloudwall2,869
cloudflare
What’s a Transducer? (rag)2,868
programming, javascript, functions, concepts
The Different Logical Ways to Group CSS Properties (chr/css)2,867
css, sorting, formatting, conventions
Why Localization Is Crucial for Brands to Build a Global Advantage2,866
localization, internationalization, branding, economics
Let the Content Delivery Network Optimize Your Images (jon/sma)2,865
content-delivery, images, optimization, performance
W3C Launches Front-End Developer Certificate2,864
w3c, training, career
How to Land a Development Job Without Experience2,863
how-tos, career
Optimizing Web Fonts for Performance: The State of the Art2,862
fonts, performance, optimization
Why I Abandoned “@apply” (tab)2,861
css
Jekyll for WordPress Developers (sma)2,860
wordpress, jekyll, site-generators
Using “flow-root” Today (hel)2,859
css, floats
Unleashing the Full Potential of Symbols in Sketch (sma)2,858
sketch
It’s Time to Start Using CSS Custom Properties (sma)2,857
css, custom-properties, examples
Total HTML Agnosticism (chr/css)2,856
html, tech-stacks
Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More (moz)2,855
release-notes, firefox, mozilla, browsers
New in Chrome 58 (pet)2,854
release-notes, chrome, google, browsers
Managing the CSS Box Model (web)2,853
css, box-model
Template Technology Agnosticism (jus)2,852
tech-stacks, mustache
Managing Technology-Agnostic Design Systems (bra)2,851
design-systems, tech-stacks
Think You Know the Top Web Browsers? (pet)2,850
metrics, browsers, chrome, google, firefox, mozilla, safari, apple, internet-explorer, microsoft, opera, uc-browser
AMP for Retailers: Is It Worth It? (sma)2,849
amp, google, mobile, ecommerce
Brotli and Static Compression (mal/css)2,848
performance, compression, brotli, gzip, comparisons
Minifying CSS With CSS Optimizer (web)2,847
css, minification, tooling
Debugging Tips and Tricks (sar/css)2,846
debugging, css, javascript, tooling, dev-tools, browsers, link-lists, tips-and-tricks
PWA Stats (clo)2,845
websites, web-apps, progressive-web-apps, case-studies, metrics
What Are Performance Budgets and Why You Should Use One2,844
performance, performance-budgets
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)2,843
guides, http, protocols, servers, performance
Let’s Define Exactly What Atomic CSS Is (joh/css)2,842
atomic-css, presentational-html, concepts, examples, link-lists
Conventional Commits2,841
websites, version-control, commit-messages, conventions, documentation
Container Query Discussion (chr/css)2,840
css, container-queries, responsive-design
WCAG Accessibility Conformance Testing (ACT) (w3c)2,839
accessibility, wcag, compliance, testing
WordPress Version Control With Git (jef)2,838
wordpress, version-control, git
JavaScript Operators, Conditionals, and Functions2,837
javascript, operators, conditionals, functions
What Is the Right Image Format for Your Website?2,836
images, compression, jpeg, gif, png, svg, webp
Why Staging Environments Are Critical for WordPress Sites (jef)2,835
wordpress, environments, hosting, processes
Accessible Breadcrumb Navigation Pattern (sco)2,834
accessibility, navigation, breadcrumbs, aria
How to Secure Your Web App With HTTP Headers (sma)2,833
how-tos, web-apps, security, http, http-headers, csp
Grid Garden2,832
websites, css, layout, grids, experiments
Making Animations Wait (css)2,831
css, animations, events, javascript
Taking Steps Towards Scrum2,830
scrum, agile, processes
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)2,829
fundamentals, dom, javascript
How to Get Started With Marketing Automation for Free2,828
how-tos, marketing, automation, link-lists
Practical CSS Grid: Adding Grid to an Existing Design (mey/ali)2,827
css, grids, layout
The Road to Resilient Web Design (ada/sma)2,826
design, responsive-design, resilience
Writing JavaScript With Accessibility in Mind (mat)2,825
javascript, accessibility, focus, buttons, semantics, aria
The Debugging Mindset (acm)2,824
debugging
Text Effects With CSS (and a Little “contenteditable” Trick) (chr/css)2,823
css, effects
Stylus: Beginners Guide2,822
guides, stylus
Why Every Business Needs a Website (jef)2,821
economics, domains, hosting, maintenance
Guetzli, Google’s New JPEG Encoder (tel)2,820
performance, images, jpeg, compression, tooling
I Need a Website—What Do I Need to Know About Hosting?2,819
hosting
What Is HTTP/2? (cra)2,818
protocols, http
Measuring Image Widths in JavaScript (Carefully) (chr/css)2,817
images, javascript
How to Develop an Interactive Command Line Application Using Node.js (sma)2,816
how-tos, nodejs, javascript, command-line
Need to Do Dependency-Free AJAX? (chr/css)2,815
ajax, jquery, javascript, promises
Getting Started With CSS Grid (fon/css)2,814
introductions, css, grids, layout
28th Birthday of the Web (w3c)2,813
anniversaries, web
Flat-Design Best Practices (nng)2,812
flat-design, design, best-practices
“Serverless” (chr/css)2,811
serverless, concepts
Using CSS Transitions on Auto Dimensions (css)2,810
css, transitions, transforms, animations
Debugging the Web Browser Control With Firebug (ric)2,809
debugging, firebug
AMP and the Web (tka)2,808
amp, google, web-platform, web, performance
Linting HTML Using CSS (ire)2,807
html, css, linting, quality
The Document Outline Dilemma (ame/css)2,806
html, headings, semantics, accessibility
What Is the Best Book for Learning JavaScript?2,805
books, javascript
How to Design and Sell Themes (With Success) (dxn)2,804
how-tos, theming, design, monetization
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)2,803
slides, react, accessibility, dom
Just Another HTTPS Nudge (chr/css)2,802
security, http
What Is SMACSS and How to Use It2,801
how-tos, smacss, css
Prioritising Your Company’s Web Accessibility2,800
accessibility, prioritization
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)2,799
javascript, cookies, consent-management, legal
Static Site Generators vs. Caching (bre)2,798
static-site-generation, caching
On EME in HTML5 (tim/w3c)2,797
eme, drm, html, legal, security, standards, w3c
How to Become a Better Developer by Coding Less2,796
how-tos, career, processes, productivity
An Animated Intro to RxJS (dav/css)2,795
introductions, libraries, javascript
Annotation Is Now a Web Standard2,794
standards, annotations, w3c
Web Layout 101: Vertical Rhythm Is a Drummer (mis)2,793
introductions, layout, design
How to Use Shadows and Blur Effects in Modern UI Design (sma)2,792
how-tos, design, shadows, effects
Get Started With Variable Fonts (ric)2,791
introductions, variable-fonts, fonts
Responsive CSS Patterns Without Media Queries2,790
css, responsive-design
Do We Need a New Heading Element? We Don’t Know (jaf)2,789
html, headings
CSS Grid: One Layout, Multiple Ways (geo/css)2,788
css, grids, layout, examples
CSS Tip: Use “:not” to Save Time and Lines of Code (sas)2,787
css, selectors, tips-and-tricks
CSS Custom Properties as Your API (ser)2,786
css, custom-properties, web-components
An Introduction to WordPress Permalinks2,785
introductions, wordpress, links, urls
Principles of Web Development (j9t)2,784
principles, user-experience, quality, simplicity, maintainability, learning
An Engineering Manager’s Guide to Rebranding2,783
guides, processes, redesigning, branding, marketing, releasing, engineering-management
web-platform-tests2,782
websites, web-platform, standards, browsers, testing
What Is a Web Developer? (ppk)2,781
career, concepts
Free Fonts With Personality and Style (sma)2,780
fonts, link-lists
An Introduction to the Reduced Motion Media Query (eri/css)2,779
introductions, css, media-queries, reduced-motion, accessibility
Code Smells in CSS (chr/css)2,778
css, maintainability, technical-debt, anti-patterns
CSS3 Trends for 20172,777
css, trends
Apple’s WebKit Team Proposes W3C Community Group to Strive for More Powerful Graphics on the Web2,776
apple, webkit, w3c, webgpu
HTML APIs: What They Are and How to Design a Good One (lea/sma)2,775
how-tos, html, apis, javascript
21 Steps to Becoming a Successful Web Developer2,774
career
What Really Makes a Static Site Generator? (rem/css)2,773
site-generators
The State of UX Agile Development (nng)2,772
user-experience, design, agile, processes, collaboration
Considering How We Use HTTP/2 (mal/ali)2,771
performance, optimization, http, protocols
Mobile First Is Just Not Good Enough: Meet Journey-Driven Design (sma)2,770
design, mobile-first, mobile, responsive-design, processes
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)2,769
http, protocols, support, servers, performance
Intro to Vue.js: Components, Props, and Slots (sar/css)2,768
introductions, vuejs, components, props
20+ Docs and Guides for Front-End Developers (lou)2,767
html, css, javascript, link-lists
What’s New in ECMAScript 2017 (paw)2,766
ecmascript, standards
9 WordPress Plugins to Help Get More Social Shares2,765
wordpress, plugins, social-media, link-lists
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With the CSS Order Property (zol)2,764
css, flexbox, layout, firefox, mozilla, browsers, accessibility, source-order, bugs
“My Code Is Self-Documenting” (eri)2,763
documentation, comments, myths
Protect Your Site From User-Generated Spam2,762
spam, blogging, tips-and-tricks
CSS Custom Properties—the Basics (ser)2,761
fundamentals, css, custom-properties
CSS Selectors: Specificity (web)2,760
css, selectors, cascade
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)2,759
storage, email, optimization, case-studies
Need Lorem Ipsum? Inside HTML? (chr/css)2,758
html, placeholders, tooling
The JavaScript Standard2,757
javascript, ecmascript, history, standards
Using SSH Securely (ann)2,756
ssh, security
Building a Fully-Accessible Help Tooltip (sar)2,755
accessibility, tooltips, html, aria
CSS Selectors: Pseudo-Elements (web)2,754
css, selectors
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css)2,753
html, tables, css
2016 JavaScript Rising Stars (sac)2,752
javascript, frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
CSS for Programmers—Building a Custom CSS Button (dai)2,751
css, buttons
People’s Names That Break Websites (chr/css)2,750
validation, sanitization, naming, localization
React Internationalization How-To (sma)2,749
how-tos, react, internationalization
Align SVG Icons to Text and Say Goodbye to Font Icons (pro)2,748
svg, images, icons, icon-fonts, fonts, css, design, alignment
Writing Element Queries Today Using EQCSS2,747
css, libraries
Foundation Framework Crash Course2,746
videos, crash-courses, foundation
Making “input type=date” Complicated (ppk)2,745
html, forms, edge, microsoft, chrome, google, browsers, comparisons
10 Node.js Best Practices: Enlightenment From the Node Gurus2,744
nodejs, best-practices, npm, environments, event-loop, naming, scalability, caching, express
Accessibility Is a Civil Right (mar)2,743
accessibility
WCAG 2.0 AA Gains Prominence as Website Accessibility Standard (jds)2,742
accessibility, standards, wcag, legal, ada
CSS Selectors: Attribute Selectors (web)2,741
css, attributes, selectors
Using the “aria-current” Attribute (tin)2,740
html, attributes, aria, accessibility
HTML5 Page Structure Basics (lou)2,739
fundamentals, html, semantics
Webmention (aar/w3c)2,738
webmentions, urls, standards
Say Hello to Opera Neon, Our New Concept Browser2,737
opera, browsers
Random Numbers in CSS (fon/css)2,736
css, animations, randomness
CSS Selectors: Combinators (web)2,735
css, selectors
How Functional Animation Helps Improve User Experience (sma)2,734
animations, design, user-experience
webcomponents.org2,733
websites, web-components, examples
An HTML5 FAQ (lou)2,732
html
Know It All2,731
websites, css, html, dom, javascript, svg, cssom, nodejs
A Compendium of SVG Information (chr/css)2,730
overviews, svg, images, link-lists
More Than 300 Federal Gov Websites Fail to Meet Domain Encryption Deadline2,729
http, tls, protocols, security, encryption
Improve Your Website’s Accessibility With WAI–ARIA (lou)2,728
accessibility, html, aria, optimization
10 Web Predictions for 2017 (cra)2,727
web, outlooks, mobile, mobile-first, css, web-apps, native, browsers, frameworks
The Imbalance of Culture Fit (ali)2,726
culture, collaboration, communication, engineering-management
Solving npm Scripts Problems in JavaScript Projects (hcr)2,725
npm, yarn, javascript
Develop Locally, Use Images From Production (chr/css)2,724
environments, processes, images, apache, servers
Communication Is the Job2,723
communication
Let’s Use “const”! Here’s Why2,722
ecmascript, javascript, variables
Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim2,721
code-editors, sublime-text, microsoft, vs-code, vi+vim, comparisons
Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge2,720
aws, serverless, lambda, cloudfront, http, http-headers, edge-computing
Presentation Attributes vs. Inline Styles (chr/css)2,719
html, svg, attributes, css, comparisons
The Dark Side of Polyfilling CSS (phi)2,718
css, polyfills, houdini
Tired of Your Shell? Try Zsh! (ato)2,717
zsh
CSS Shorthand Syntax Considered Important (j9t)2,716
css, shorthands
Release Notes for Safari Technology Preview 20 (jon/web)2,715
release-notes, safari, apple, browsers
Using Sass to Automatically Pick Text Colors (ser)2,714
sass, contrast, colors
Speed Up Oh My Zsh2,713
command-line, oh-my-zsh, optimization
Front-End Tools: My Favorite Finds of 2016 (lou)2,712
html, css, javascript, tooling, link-lists
Scaling Responsive Animations (zac/css)2,711
css, animations, scaling, responsive-design
Introducing CSS3 (lou)2,710
introductions, css
JavaScript: 2016 in Review (cra)2,709
javascript, retrospectives
A Brief Introduction to Scrum2,708
introductions, scrum, agile, processes
Content Security Policy Level 2 (mik+/w3c)2,707
standards, csp, security
Styling Web Components Using a Shared Style Sheet (ste/sma)2,706
web-components, css
What the Internet Looked Like in 1973: Tiny Map Shows the Entire Network Was Made Up of Just 42 Computers (sta/dai)2,705
web, network, history
Introducing HTML5 (lou)2,704
introductions, html
Demystifying Public Speaking (ali)2,703
career, communication, advocacy, developer-relations, business-relations
Why I Don’t Use CSS Preprocessors (j9t)2,702
css, preprocessors
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds2,701
javascript, performance, optimization, minification, compression, caching
CSS Shorthand Syntax Considered an Anti-Pattern (css)2,700
css, shorthands, anti-patterns
Reading Content on Mobile Devices (nng)2,699
mobile, content
Best Practices for Animated Progress Indicators (sma)2,698
progress-indicators, animations, best-practices, usability
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)2,697
progressive-enhancement, principles, javascript, economics
How to Pay Programmers Less (yeg)2,696
career
How the 404 Error Created the World Wide Web2,695
history, web, links, http
The Web, Worldwide (tka)2,694
websites, performance, metrics
A Checklist for Website Reviews (hcr)2,693
checklists, performance, browsers, seo, accessibility, security
Loops in CSS Preprocessors (mia/css)2,692
preprocessors, sass, less, stylus, loops
The Case Against Progressive Enhancement’s Flimsy Moral Foundation (vig)2,691
progressive-enhancement, ethics
The Value of Attending Conferences (foo)2,690
career, community
Performant Parallaxing (aer)2,689
scrolling, css, effects, parallax, positioning, performance
What’s New in HTML 5.12,688
html, semantics
Experimenting With Color Fonts (fon/css)2,687
fonts, colors, experiments
Nesting Your BEM? (css)2,686
css, bem, nesting
HTML5 Is the Next $100 Billion Game Platform (ven)2,685
html, mobile, native
Are You Writing ES6 JavaScript Yet?2,684
javascript, ecmascript
Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (ric/sve)2,683
frameworks, svelte
Random Interesting Facts on HTML/SVG Usage (cat/css)2,682
html, svg, metrics, amp, accessibility
Pay the Price for Open Source2,681
foss, licensing, php
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)2,680
performance
Style List Markers in CSS (chr/css)2,679
css, selectors, lists
The API-Based CMS Approach (css)2,678
content-management, tooling, apis
Web Layout 101: Making the Most of the Top Right Corner2,677
introductions, design, layout
HTML 5.1 Is the Gold Standard (ple/w3c)2,676
html, standards, w3c
HTML 5.1 Update Available With New Features and Changes2,675
html, w3c
Refactoring CSS Without Losing Your Mind (css/btc)2,674
videos, css, technical-debt, maintenance, refactoring
The Coming Revolution in Email Design (ali)2,673
email, design, mjml
The Joy of Optimizing (una/btc)2,672
videos, images, performance, optimization
Typography Is Code (fra/btc)2,671
videos, typography
Writing Less Damned Code (hey/btc)2,670
videos, simplicity
Everything You Need to Know About Emoji (sma)2,669
emoji, unicode, character-references, encoding
Stop Using the Old “Clearfix” (j9t)2,668
css, floats, presentational-html, maintainability, html
Web Accessibility in the UK—True Facts (abr)2,667
accessibility, metrics
“position: sticky;” (chr/css)2,666
css, positioning
10 Ways to Earn Money From Your Site (dxn)2,665
monetization, marketing, economics
How to Design Better Buttons (sma)2,664
how-tos, design, buttons, forms, usability
Logging Errors in Client-Side Applications2,663
web-apps, single-page-apps, errors, logging, monitoring
Get Started on the CSS of the Future With PostCSS-cssnext2,662
introductions, css, postcss, postprocessors, tooling
Mobile-First Indexing2,661
google, search, mobile, mobile-first
Create Thumbnails With PHP (rik)2,660
php, images
The Top 10 Reasons to Sell Your Website2,659
monetization
CSS Post-Processors for Beginners: Tips and Resources2,658
css, postprocessors, tooling, postcss, link-lists
Browser Trends November 2016: Rise of the Underdog (cra)2,657
browsers, trends, metrics
Awaken the Champion A/B Tester Within (ali)2,656
a-b-testing, user-conversion
A Crash Course of Changes to Exception Handling in PHP 72,655
crash-courses, php, errors, debugging
Is JavaScript Always the Best Solution?2,654
javascript
Top 10 Enduring Web-Design Mistakes (nng)2,653
design, mistakes, usability
Spoooooky CSS Selectors (chr/css)2,652
css, selectors, examples
What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css)2,651
css, preprocessors, custom-properties, variables, comparisons
How to Use AJAX in WordPress—a Real World Example2,650
how-tos, ajax, wordpress
Responsive Images in CSS (chr/css)2,649
images, responsive-design, css, html
Web Packaging Format2,648
web-packaging, performance
On Style Maintenance (sar/css)2,647
programming, css, maintenance, maintainability, oocss
The Movement Towards Motion in Website Backgrounds2,646
animations, backgrounds, design
Password-Less Authentication in Rails2,645
ruby-on-rails, authentication
Continue Normalising Your CSS (css)2,644
normalize-css, css, consistency, design
Loop Through a Collection of DOM Elements (paw)2,643
javascript, dom
Progressive Web Apps: Bridging the Gap Between Web and Mobile2,642
web-apps, progressive-web-apps, desktop, mobile, native
Landing Page Design: 15 Tips for High Conversions2,641
design, landing-pages, tips-and-tricks, user-conversion
4 Reasons Why an Accessible Website Is a Win–Win (osd)2,640
accessibility, seo, user-experience, legal
JavaScript for Web Designers: DOM Scripting (wil/ali)2,639
javascript, dom
CSS Quick Tip: Solving Common CSS Problems2,638
css, centering, vendor-extensions, debugging, grunt, gulp, tips-and-tricks
How to Develop a Chat Bot With Node.js (sma)2,637
how-tos, nodejs, javascript, functionality
An Interview With Miriam Suzanne (mia+/css)2,636
interviews, history, css
Standards on GitHub (ann)2,635
standards, github
Taking the Pattern Library to the Next Level (vit/sma)2,634
design, documentation, pattern-libraries, style-guides, design-systems
Release Notes for Safari Technology Preview 15 (web)2,633
release-notes, safari, apple, browsers
Putting Down Event Infrastructure in Gecko (mar)2,632
browsers, browser-engines, gecko, events
Using CSS Mod Queries With Range Selectors (ali)2,631
css, selectors
SVG Filter Primitives—Input and Output2,630
svg, images, filters
Styling Underlines on the Web (joh/css)2,629
css, borders, shadows
SVG and Media Queries (jaf)2,628
svg, images, css, media-queries, canvas, support, browsers
Silverlight Techniques for WCAG 2.0 (w3c)2,627
accessibility, wcag, techniques, silverlight
Debug Your CSS With Outline Visualizations (kar)2,626
css, debugging, dev-tools
Next Generation Server Compression With Brotli (mal/sma)2,625
compression, brotli, gzip, comparisons, performance
The Glory Days of the Web (bka)2,624
web-platform, html, css, javascript, frameworks, libraries, history
Will We Be Flattening Our HTML for CSS Grids? (chr/css)2,623
css, grids, layout, html
4 Ways to Future Proof Your WordPress Site2,622
wordpress, hosting, maintenance
A Redesign With CSS Shapes (mey/ali)2,621
css, shapes, redesigning, case-studies
How It Feels to Learn JavaScript in 2016 (hac)2,620
javascript, learning
The SVG “path” Syntax: An Illustrated Guide (chr/css)2,619
guides, svg, images
W3C Web Payments HTTP Specification Working Drafts Released (inf)2,618
w3c, economics
Microsoft Widens Edge Browser Bug Hunt for Bounty Hunters (the)2,617
edge, microsoft, browsers, bugs
WordPress SVG Support: How to Enable SVGs in WordPress2,616
how-tos, wordpress, svg, images
Make Forms Fun With Flexbox (cra)2,615
forms, css, flexbox, layout
Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript2,614
css, javascript, tips-and-tricks
Building Social: A Case Study on Progressive Enhancement (sma)2,613
javascript, progressive-enhancement, case-studies
An Introduction to SVG Filters2,612
introductions, svg, images, filters
5 Information Architecture Warning Signs in Your Analytics Reports (nng)2,611
information-architecture, metrics, analytics
5 Key Ways to Improve Engagement Metrics for Your Content2,610
content, content-strategy, seo, metrics
Accessible SVGs in High Contrast Mode (eri/css)2,609
accessibility, svg, images, contrast, colors
Notepad++ Release 7 64-Bit Available2,608
release-notes, notepad++
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof)2,607
w3c, html, standards
8 Tips to AMPlify Your Clients2,606
amp, google
Web Development as a Hack of Hacks (ppk)2,605
javascript, css
Why We Should All Be Data Literate (ali)2,604
metrics, career, link-lists
HTML5: Optional HTML Tags2,603
html, google
HTML—From 5.1 to 5.2 (w3c)2,602
html, standards, w3c
Web Accessibility: Why It Matters and What Governments Can Do About It2,601
accessibility, legal, forms
Quick Tip: How to Declare Variables in JavaScript2,600
how-tos, tips-and-tricks, variables, javascript
Transpiling ES6 (css)2,599
ecmascript, javascript, transpiling, babel
How to Write Your Own Custom Sass Functions2,598
how-tos, sass, functions, examples
Content Security Policy, Your Future Best Friend (sma)2,597
security, csp, link-lists
Working With Colors Guide (sar/css)2,596
guides, colors, units, functions, preprocessors, sass, less, stylus, blend-modes, css
Dyslexia, [Typos,] and Web Compatibility (kar)2,595
mistakes, support, interoperability, web-platform, dyslexia
Autoprefixing, With CSS Variables! (lea)2,594
css, vendor-extensions, custom-properties
Where Things Are at in the CSS Grid Layout Working Draft2,593
css, grids, layout
Webfonts on the Prairie (ali)2,592
fonts, metrics
How Information Overload Is Ruining Your Work Life (dxn)2,591
career, communication
YAML: Probably Not So Great After All (arp)2,590
yaml
Are Icons Content? (chr/css)2,589
icons, images, html, content
How We Use Prototyping, and How It Made Us More Efficient (sma)2,588
design, prototyping, processes, efficiency, case-studies
When Is the Right Time to Think About Web Performance? (fon/css)2,587
performance, processes
Fun Times With CSS Pixel Art (geo/css)2,586
css, art
Using Browserify in Electron Applications2,585
browserify, electron
Spectre: A Lightweight CSS Framework2,584
css, frameworks
Developing Extensible HTML and CSS Components (jon/css)2,583
html, css, components, extensibility
Accessible SVGs (css)2,582
svg, images, accessibility, examples
Using WebP Images (mal/css)2,581
webp, images, conversion
Upgrading CSS Animation With Motion Curves (sma)2,580
css, animations, transitions, techniques
Code: Align the Happy Path to the Left Edge2,579
programming, best-practices, go
How to Choose the Right CSS Toolkits and Frameworks (mia+)2,578
interviews, how-tos, css, tooling, frameworks
Helping Users Easily Access Content on Mobile2,577
google, search, mobile, content
PHP—the Wrong Way2,576
websites, php
Five Myths About the Web (was)2,575
web, history, myths
Accelerated Mobile Pages, a Critical View (j9t)2,574
google, amp
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)2,573
html, css, attributes, selectors, naming
Communicating Animation (ali)2,572
communication, animations, design, interaction-design
Art and Philosophy in Programming2,571
programming, art
How-To: Static Site With Grow.io and Netlify2,570
videos, how-tos, grow, netlify
A Beginner’s Guide to Progressive Web Apps (kev/sma)2,569
guides, web-apps, progressive-web-apps
Creating AMP Pages With Perch (rac)2,568
perch, amp, google
Get the Original Image From a Data URL (chr/css)2,567
images, data-urls
Practical SVG (chr/ali)2,566
images, svg
Electron Internals: Using Node as a Library (ele)2,565
electron, nodejs
A Refined Content Security Policy (web)2,564
html, csp, security, webkit, safari, apple, browsers
Edge Is the Only Browser to Perform 100% in HTML5 Accessibility Test2,563
edge, microsoft, browsers, accessibility
Is Houdini Ready Yet‽ (sur)2,562
websites, overviews, css, apis, houdini, support, browsers
25 Years Ago the World Changed Forever (amy/w3c)2,561
web, history, anniversaries, w3c
CSS “mix-blend-mode” Is Bad for Your Browsing History2,560
css, blend-modes, privacy
Release Notes for Safari Technology Preview 10 (jon/web)2,559
release-notes, safari, apple, browsers
The Art of a Pull Request2,558
version-control, code-reviews, processes, quality
Precedence in CSS (When Order of CSS Matters) (chr/css)2,557
css, selectors, cascade
Using a Static Site Generator at Scale: Lessons Learned (dea/sma)2,556
lessons, site-generators, scalability, jekyll
AMP Your Content—a Preview of AMP’ed Results in Search2,555
google, amp, search
High Performance SVGs (sar/css)2,554
svg, images, performance, tooling, optimization
Shadow DOM v1—Self-Contained Web Components2,553
shadow-dom, dom, web-components
The State of CSS Reflections (ana/css)2,552
css, sass, animations, transforms
Getting Practical With Microcopy (sma)2,551
content, microcontent, writing
Authentication Is Multi-Headed Beast for Purging Passwords (zdn)2,550
authentication, passwords, standards
Give Your Development Domain a Different Favicon Than Production (chr/css)2,549
environments, domains, favicons
Mobile First Is Not Mobile Only (nng)2,548
mobile, navigation, usability
The Performance Benefits of “rel=noopener” (jaf)2,547
html, links, performance, security
Modern Software Over-Engineering Mistakes2,546
programming, software-design, mistakes
Visual Regression Testing With PhantomCSS2,545
testing, regressions, tooling
Getting Started With Vue.js2,544
introductions, vuejs
How to Use ES6 Arguments and Parameters (sma)2,543
how-tos, ecmascript, javascript, examples
The Anatomy of a Coding Guideline (j9t)2,542
quality, conventions
The Business Case for Progressive Web Apps (gri/clo)2,541
economics, web-apps, progressive-web-apps
On Tailoring and Web Frameworks (j9t)2,540
frameworks, craft
The Limits of “@supports” (ppk)2,539
css, feature-detection
The Moment CSS Started Making “Sense” (geo/css)2,538
css, community
ES6 Feature Complete (web)2,537
webkit, safari, apple, browsers, ecmascript, support
Lessons I May Have Learned From Working on Stylelint2,536
lessons, stylelint
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc2,535
html, formatting, tooling
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts2,534
flash, html, monetization, marketing, google
An Introduction to Sass Data Types, Operators, and Functions2,533
introductions, sass
Keyword Research: The Ultimate Guide (yoa)2,532
guides, keywords, seo
WordPress Theme Automation With Gulp2,531
wordpress, theming, automation, gulp
Redux: An Introduction (sma)2,530
introductions, redux, state-management
The Foundation of Technical Leadership (bra/ali)2,529
career, leadership, communication, collaboration
A History of CSS Image Replacement2,528
css, image-replacement, techniques, examples, history
How to Think About Your Career2,527
how-tos, career
Web Platform Security Boundaries (ann)2,526
web-platform, security
Subresource Integrity (dev+/w3c)2,525
security, hashing, html, standards
Don’t Overthink It (Flexbox) Grids (chr/css)2,524
css, flexbox, layout
microformats.org at 11 (tan/mic)2,523
microformats, anniversaries
Improving the Color Accessibility for Color-Blind Users (ada/sma)2,522
accessibility, colors, color-blindness
The Future of the Web (ali)2,521
web-platform, outlooks
Quick Tip: DRY Up Your Model Validations Tests2,520
testing, validation, ruby-on-rails, principles, tips-and-tricks
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)2,519
html, attributes, links, microcontent
A Quick Introduction to CoffeeScript2,518
introductions, coffeescript
Shortcuts and Tips for Improving Your Productivity With Sublime Text (sma)2,517
sublime-text, code-editors, productivity, tips-and-tricks
An Overview of Liquid: Shopify’s Templating Language2,516
overviews, liquid, template-engines, shopify
HTML5 Has Changed the Internet but the World’s Now Ready for HTML62,515
html, standards, web
Using the HTML “lang” Attribute (tin/tpg)2,514
accessibility, html, attributes, localization
10 Guidelines for Using Material Design Wisely2,513
guidelines, material-design, google
Form Validation UX in HTML and CSS (chr/css)2,512
forms, validation, html, css, user-experience
10 Cool Things You Can Do With CodePen and JavaScript (chr)2,511
codepen, tips-and-tricks
Pixel Density, Demystified2,510
design, pixel-density
26 Impressive Web Projects Built With CSS Only2,509
css, examples, link-lists
The Importance of Code Reviews (kit)2,508
code-reviews, quality, collaboration
AMP… and Drums… Faster Ads (kar)2,507
amp, google, monetization, economics
jQuery 3.0 Final Released (tim/jqu)2,506
jquery, release-notes
Cleanly Handling a Fork on GitHub (tab)2,505
git, github
How Using Yeoman Changed the Way We Work (css)2,504
yeoman
A Wordy History of Default Browser Styles and CSS Resets2,503
css, history, resets
Building a Blog With Kirby CMS2,502
kirby, blogging, functionality
Finishing HTML5.1… and Starting HTML5.2 (w3c)2,501
html, standards, w3c
Introducing the CSS “Clip-Path” Property2,500
introductions, css, clipping, animations
Regular Expressions in JavaScript (sen)2,499
javascript, regex
Battling BEM CSS: 10 Common Problems and How to Avoid Them (sma)2,498
how-tos, bem, css, naming, namespaces
The Beginner’s Guide to Content Strategy2,497
guides, content-strategy, content
Ways You Need to Tell the Browser How to Optimize (chr/css)2,496
browsers, css, performance, optimization
HTML Manifest (bru)2,495
html, web-apps
Advice From a Young Designer to Younger Designers (lil/btc)2,494
videos, career, design
Designing Meaningful Animation (vlh/btc)2,493
videos, design, animations, css
Typography on the Web Is Like Other Typography Only More Interesting (kup/btc)2,492
videos, typography
Considerations for Styling the “pre” Tag (chr/css)2,491
html, css, syntax-highlighting
Quick Tip: Single Character Transforms With CSS and JS2,490
effects, css, javascript, tips-and-tricks
Stylelint: The Style Sheet Linter We’ve Always Wanted (sma)2,489
css, tooling, linting, stylelint
An Introduction to the Basics of Modern CSS Buttons2,488
fundamentals, introductions, css, buttons
Building a Robust Frontend Using Progressive Enhancement2,487
html, css, javascript, single-page-apps, testing, progressive-enhancement
CSS Modules and React (fon/css)2,486
css, modules, react, javascript