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