Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2010s” News Archive (3)

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