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