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 respect and accountability. Hide

Frontend Dogma

“2010s” News Archive (3)

Entry (Sources) and Additional TopicsDate#
So You Need a CSS Utility Library? (chr/css)3039
css, presentational-html, atomic-css, tachyons, tailwind, libraries
Improve Web Typography With CSS “font-size-adjust”3038
typography, css, optimization
Be Slightly Careful With Sub Elements of Clickable Things (chr/css)3037
buttons, events, javascript, css
With Flash Ending, It’s Time to Uninstall It From Your Browser3036
flash, html
Using Custom Properties to Modify Components (fon/css)3035
components, custom-properties, css
CSS Architecture and the Three Pillars of Maintainable CSS3034
css, architecture, maintainability, principles, solid
Integrating Animation Into a Design System (ali)3033
design-systems, animations, documentation
Using the Paint Timing API (mal/css)3032
apis, time, performance, painting, rendering, javascript
Best Practices for Combining JavaScript With HTML3031
javascript, html, best-practices
Custom Elements v1—Reusable Web Components3030
html, maintainability, web-components, shadow-dom, dom, examples
Using ES2017 Async Functions (css)3029
ecmascript, javascript, asynchrony, functions
The Nine Principles of Design Implementation (sma)3028
design, principles, html, css
The Difference Between Explicit and Implicit Grids (mat/css)3027
css, grids, layout
The Best Way to Implement a “Wrapper” in CSS (css)3026
css
JavaScript Design Patterns: The Observer Pattern3025
javascript, software-design-patterns
How to Work Out What to Charge Clients: The Honest Version (boa/sma)3024
how-tos, economics, business-relations
What’s the Difference Between Sass and SCSS? (kit)3023
sass
All About React Router 4 (bra/css)3022
react, react-router, routing, examples
CSS Utility Classes and “Separation of Concerns” (ada)3021
css, presentational-html, components
CSS Inheritance: An Introduction3020
introductions, css, cascade, inheritance
If You Really Dislike FOUT, “font-display: optional” Might Be Your Jam (chr/css)3019
flash-of-x, fonts, css
Launching the WebAssembly Working Group (w3c)3018
webassembly, w3c
Are Internet Standards Standing in the Way of Digital Accessibility? (lol)3017
standards, drm, eme, accessibility, w3c
Web Development: How Making Our Own Lives Difficult Is More Important Than We Think (j9t)3016
processes, learning, craft
How to Use CSS Custom Properties With Transitions, Transforms, and Animations3015
how-tos, css, custom-properties, transitions, transforms, animations
Getting Started With Sass (dar)3014
introductions, sass, preprocessors
Twig—the Most Popular Stand-Alone PHP Template Engine3013
template-engines, twig, php
Frameworks, Libraries, and the Modern Web Developer: Web Development, Overdone (j9t)3012
frameworks, libraries, craft
What Is Timeless Web Design? (chr/css)3011
design, community
The Browser Statistics That Matter (chr/css)3010
browsers, metrics, caniuse
And You Thought Buttons Were Easy? (nat)3009
buttons, design, design-systems
CSS Custom Properties—Dynamic Changes With and Without JavaScript3008
css, custom-properties
Flash Loses Final Appeal: Adobe Sentences Its Web Tech to Death (sts/cne)3007
flash, adobe, browsers, support, outlooks
What I Learned Building Google’s Web Frameworks (j9t)3006
google, frameworks, html, css, lessons
Homepage Links Remain a Necessity (nng)3005
homepages, links, breadcrumbs, navigation, conventions, usability
Playing With Shadow DOM (chr/css)3004
shadow-dom, dom, css, scope
Tailwind CSS (ada+/tai)3003
websites, frameworks, presentational-html, css, tailwind
How to Use AMP With WordPress3002
how-tos, wordpress, amp
Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia)3001
interaction-design, user-experience, hci, terminology, concepts, comparisons
Options in TypeScript (bch)3000
typescript
Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (j9t)2999
css, resets, examples
Methods to Organize CSS (css)2998
css, oocss, smacss, atomic-css, conventions
(Now More Than Ever) You Might Not Need jQuery (oll/css)2997
jquery, javascript, ajax, performance, comparisons, examples
Building Pattern Libraries With Shadow DOM in Markdown (hey/sma)2996
pattern-libraries, shadow-dom, dom, markdown
Introducing npx: An npm Package Runner (zka)2995
introductions, npx, npm, nodejs
How to Use CSS Custom Properties to Write More Readable Code2994
how-tos, css, custom-properties
The Beginner’s Guide to Website Staging2993
guides, environments, testing, wordpress
Rollup—Next-Generation ES6 Module Bundler—Interview With Rich Harris (ric+/sur)2992
interviews, rollup, bundling
A DRM Standard Has Been Approved for the Web, and Security Researchers Are Worried (jac/ver)2991
drm, eme, standards, w3c, eff
URLs Are UI (sha)2990
urls
7 Setup Tips for WordPress Beginners2989
wordpress, tips-and-tricks
The Options for Programmatically Documenting CSS (css)2988
css, documentation, tooling
Working With UC Browser as a Developer2987
uc-browser, browsers
Material Design, Learning the Rules and Breaking Them2986
material-design
8 Must Have PHP Quality Assurance Tools2985
php, quality, tooling
A Story of a Woman in the Tech Industry (fox)2984
community, career
Internationalization for Your WordPress Theme2983
wordpress, theming, internationalization
Code Responsibly2982
principles, best-practices
Possible Future Directions for Data on the Web (phi/w3c)2981
outlooks, structured-data, semantic-web, ai
How to Define and Use CSS Custom Properties2980
how-tos, css, custom-properties
TC39, ECMAScript, and the Future of JavaScript2979
ecmascript, javascript, outlooks
A Pretty Good SVG Icon System (chr/css)2978
svg, icons, images
Why Choose Vue.js (ano)2977
vuejs, react, comparisons
Server-Side React Rendering (css)2976
react, server-side-rendering
Naming Things Is Only Getting Harder (geo/css)2975
html, css, naming
What Does a Well-Documented CSS Codebase Look Like? (css)2974
css, documentation, tooling, conventions, architecture, components
Two Paradigms of Web Development (j9t)2973
concepts, best-practices, principles, comparisons
Building Production-Ready CSS Grid Layouts Today (mor/sma)2972
css, grids, layout
How to Create Disaster Plans for Websites (jef)2971
how-tos, processes, dev-ops
Using Mixins in Vue.js (sar/css)2970
vuejs, mixins
Why You Should Manage Your Energy, Not Your Time2969
productivity, prioritization, career
Firefox 54: E10S-Multi, WebExtension APIs, CSS “clip-path” (moz)2968
release-notes, firefox, browsers
The Complete Guide to Switching From HTTP to HTTPS (sma)2967
guides, http, security
Rate Limiting With nginx2966
servers, nginx, rate-limiting, security
Inclusive Design Principles (ian+)2965
websites, principles, accessibility, dei, community
Introducing: Lazy Arrays in JavaScript (bch)2964
introductions, javascript, arrays
When Large Isn’t Large Enough: Designing With Hero Images (sma)2963
design, images
How (Not) to Control Your CDN (mno)2962
content-delivery, caching, security, http
Masking vs. Clipping: When to Use Each (sar/css)2961
masking, clipping, svg, images, comparisons
Tor Browser 7.0 Is Released (bok/tor)2960
release-notes, browsers, tor-browser
Adding JSON Feed to Your Site (dre)2959
json-feed, php, perch
Color Accessibility Workflows (hel/ali)2958
accessibility, colors, wcag
Using Filters in Vue.js (sar/css)2957
vuejs, filters
Componentizing a Framework (chr/css)2956
frameworks, components
Laravel vs. Symfony—Clash of the Frameworks2955
php, frameworks, laravel, symfony, comparisons
Empiricism—the Foundation of Scrum2954
scrum, agile
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (j9t)2953
css, optimization, metrics, efficiency, maintainability
Animating Single Div Art (css)2952
html, css, animations, art
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)2951
performance, lighthouse, google
Version Control With Magento and Git (jef)2950
version-control, git, magento
Browserslist Is a Good Idea (chr/css)2949
css, tooling, autoprefixer, babel, browserslist
Micropub Is a W3C Recommendation (aar)2948
blogging, content-management, standards
The Web’s Most Annoying Dark Patterns (cra)2947
dark-patterns
What Google AMP Means for the JavaScript Community2946
amp, google, javascript, performance, open-web
Break Out of Frames (per)2945
frames, javascript
No Namespaces in JSON, Please (hsi)2944
json, namespaces
What Is the Future of Front End Web Development? (chr/css)2943
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
Intro to HapiJS (v16)2942
introductions, frameworks
The Myth of “Unlimited Everything” Hosting Plans (jef)2941
hosting, myths
Reflections on GAAD 2017 (w3c)2940
awareness-days, accessibility
And Now, a Brief Definition of the Web (bac/ver)2939
web, web-platform, links, open-web
An Introduction to NoSQL Databases2938
videos, introductions, nosql, databases
Testing the Open Web Platform (tob/w3c)2937
web-platform, testing
4 CSS Filters for Adjusting Color2936
css, colors, filters
Python for Java People2935
python, java
Design Systems: Real Talk (jin/btc)2934
videos, design-systems, lessons
What We Talk About When We Talk About Web Performance (btc)2933
videos, performance
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)2932
css, selectors, sass, mixins, examples
Why We Didn’t Use a Framework (sma)2931
frameworks, case-studies
Web Design Museum2930
websites, history, web
Release Notes for Safari Technology Preview 30 (jon/web)2929
release-notes, safari, browsers
Announcing JSON Feed (man+)2928
introductions, json-feed, syndication
The “web-platform-tests” Project (ple/w3c)2927
web-platform, testing
How to Add a Drop Shadow With a CSS Filter2926
how-tos, css, shadows, filters
Combine Webpack With Gulp 4 (css)2925
webpack, bundling, gulp, automation
How to Create Custom WordPress Shortcodes for Your Editors (cra)2924
how-tos, wordpress, php
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)2923
typography, responsive-design, liquid-design, css, sass
Getting Started With PHP (swa)2922
introductions, php, link-lists
The RED Method: Key Metrics for Microservices Architecture2921
microservices, architecture, monitoring, metrics
5 Awesome Sublime Plugins You Won’t Find in Top Plugin Posts (moj/css)2920
sublime-text, code-editors, plugins
A Product Manager’s Guide to Technical Debt2919
guides, product-management, technical-debt
Simple Offline Website (chr/css)2918
offline, examples
The Issue With Preprocessing CSS Custom Properties (chr/css)2917
css, custom-properties, preprocessors, javascript
Easy AngularJS Authentication With Auth0 (ado)2916
angularjs, authentication, auth0
An Abridged Cartoon Introduction to WebAssembly (sma)2915
introductions, webassembly
How to Secure WordPress With SSL2914
how-tos, wordpress, security, ssl
An Introduction to CSS Filters2913
introductions, css, svg, filters
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js2912
javascript, frameworks, angularjs, vuejs, meteor, nextjs, comparisons
Encrypting IP Addresses (ber)2911
ip, network, security, privacy, encryption
Using ARIA (ste/w3c)2910
guides, html, aria, accessibility
Quick Tip: How to Automate Social Media Posting With Jetpack2909
how-tos, tips-and-tricks, social-media, automation, wordpress, plugins
CSS Ruleset Terminology (chr/css)2908
css, terminology
Four Killer Features of Nunjucks (chr/css)2907
nunjucks
GIF, PNG, JPG, or SVG: Which One to Use?2906
images, jpeg, png, gif, svg, webp, comparisons
Making Your Design Optically Perfect (raf)2905
design, alignment
Ordered Lists With Unicode Symbols (css)2904
css, lists, unicode
The Great Cloudwall2903
cloudflare
What’s a Transducer? (rag)2902
programming, javascript, functions, concepts
The Different Logical Ways to Group CSS Properties (chr/css)2901
css, sorting, formatting, conventions
Why Localization Is Crucial for Brands to Build a Global Advantage2900
localization, internationalization, branding, economics
Let the Content Delivery Network Optimize Your Images (jon/sma)2899
content-delivery, images, optimization, performance
W3C Launches Front-End Developer Certificate2898
w3c, training, career
How to Land a Development Job Without Experience2897
how-tos, career
Optimizing Web Fonts for Performance: The State of the Art2896
fonts, performance, optimization
Why I Abandoned “@apply” (tab)2895
css
Using “flow-root” Today (hel)2894
css, floats
Jekyll for WordPress Developers (sma)2893
wordpress, jekyll, site-generators
Unleashing the Full Potential of Symbols in Sketch (sma)2892
sketch
Total HTML Agnosticism (chr/css)2891
html, tech-stacks
Managing the CSS Box Model (web)2890
css, box-model
It’s Time to Start Using CSS Custom Properties (sma)2889
css, custom-properties, examples
New in Chrome 58 (pet)2888
release-notes, chrome, browsers
Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More (moz)2887
release-notes, firefox, browsers
Template Technology Agnosticism (jus)2886
tech-stacks, mustache
Moving From PHP (Laravel) to Go (dvk)2885
migrating, php, laravel, go, performance, metrics
Managing Technology-Agnostic Design Systems (bra)2884
design-systems, tech-stacks
Think You Know the Top Web Browsers? (pet)2883
metrics, browsers, chrome, firefox, safari, internet-explorer, opera, uc-browser
Brotli and Static Compression (mal/css)2882
performance, compression, brotli, gzip, comparisons
Minifying CSS With CSS Optimizer (web)2881
css, minification, tooling
AMP for Retailers: Is It Worth It? (sma)2880
amp, mobile, ecommerce
Debugging Tips and Tricks (sar/css)2879
debugging, css, javascript, tooling, dev-tools, browsers, link-lists, tips-and-tricks
PWA Stats (clo)2878
websites, web-apps, progressive-web-apps, case-studies, metrics
What Are Performance Budgets and Why You Should Use One2877
performance, performance-budgets
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)2876
guides, http, protocols, servers, performance
Let’s Define Exactly What Atomic CSS Is (joh/css)2875
atomic-css, presentational-html, concepts, examples, link-lists
Conventional Commits2874
websites, version-control, commit-messages, conventions, documentation
Container Query Discussion (chr/css)2873
css, container-queries, responsive-design
WCAG Accessibility Conformance Testing (ACT) (w3c)2872
accessibility, wcag, compliance, testing
WordPress Version Control With Git (jef)2871
wordpress, version-control, git
What Is the Right Image Format for Your Website?2870
images, compression, jpeg, gif, png, svg, webp
JavaScript Operators, Conditionals, and Functions2869
javascript, operators, conditionals, functions
Why Staging Environments Are Critical for WordPress Sites (jef)2868
wordpress, environments, hosting, processes
Accessible Breadcrumb Navigation Pattern (sco)2867
accessibility, navigation, breadcrumbs, aria
How to Secure Your Web App With HTTP Headers (sma)2866
how-tos, web-apps, security, http, http-headers, csp
Making Animations Wait (css)2865
css, animations, events, javascript
Taking Steps Towards Scrum2864
scrum, agile, processes
Grid Garden2863
websites, css, layout, grids, experiments
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)2862
fundamentals, dom, javascript
How to Get Started With Marketing Automation for Free2861
how-tos, marketing, automation, link-lists
Cut the File Size With These Three HTML Minification Tools2860
minification, tooling, html, minimize, html-minifier, compression, comparisons, gzip, performance
Practical CSS Grid: Adding Grid to an Existing Design (mey/ali)2859
css, grids, layout
Writing JavaScript With Accessibility in Mind (mat)2858
javascript, accessibility, focus, buttons, semantics, aria
The Road to Resilient Web Design (sma)2857
design, responsive-design, resilience
The Debugging Mindset (acm)2856
debugging
Text Effects With CSS (and a Little “contenteditable” Trick) (chr/css)2855
css, effects
Stylus: Beginners Guide2854
guides, stylus
Why Every Business Needs a Website (jef)2853
economics, domains, hosting, maintenance
Guetzli, Google’s New JPEG Encoder (tel)2852
performance, images, jpeg, compression, tooling
What Is HTTP/2? (cra)2851
protocols, http
I Need a Website—What Do I Need to Know About Hosting?2850
hosting
Measuring Image Widths in JavaScript (Carefully) (chr/css)2849
images, javascript
How to Develop an Interactive Command Line Application Using Node.js (sma)2848
how-tos, nodejs, javascript, command-line
Need to Do Dependency-Free AJAX? (chr/css)2847
ajax, jquery, javascript, promises
Getting Started With CSS Grid (fon/css)2846
introductions, css, grids, layout
28th Birthday of the Web (w3c)2845
anniversaries, web
Flat-Design Best Practices (nng)2844
flat-design, design, best-practices
“Serverless” (chr/css)2843
serverless, concepts
Using CSS Transitions on Auto Dimensions (css)2842
css, transitions, transforms, animations
Debugging the Web Browser Control With Firebug (ric)2841
debugging, firebug
Linting HTML Using CSS (ire)2840
html, css, linting, quality
The Document Outline Dilemma (ame/css)2839
html, headings, semantics, accessibility
AMP and the Web (tka)2838
amp, web-platform, web, performance
What Is the Best Book for Learning JavaScript?2837
books, javascript
How to Design and Sell Themes (With Success) (dxn)2836
how-tos, theming, design, monetization
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)2835
slides, react, accessibility, dom
Just Another HTTPS Nudge (chr/css)2834
security, http
What Is SMACSS and How to Use It2833
how-tos, smacss, css
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)2832
javascript, cookies, consent-management, legal
Static Site Generators vs. Caching (bre)2831
static-site-generation, caching
Prioritising Your Company’s Web Accessibility2830
accessibility, prioritization
On EME in HTML5 (tim/w3c)2829
eme, drm, html, legal, security, standards, w3c
How to Become a Better Developer by Coding Less2828
how-tos, career, processes, productivity
An Animated Intro to RxJS (dav/css)2827
introductions, libraries, javascript
Annotation Is Now a Web Standard2826
standards, annotations, w3c
Web Layout 101: Vertical Rhythm Is a Drummer (mis)2825
introductions, layout, design
How to Use Shadows and Blur Effects in Modern UI Design (sma)2824
how-tos, design, shadows, effects
Get Started With Variable Fonts (ric)2823
introductions, variable-fonts, fonts
Responsive CSS Patterns Without Media Queries2822
css, responsive-design
Do We Need a New Heading Element? We Don’t Know (jaf)2821
html, headings
CSS Grid: One Layout, Multiple Ways (geo/css)2820
css, grids, layout, examples
CSS Tip: Use “:not” to Save Time and Lines of Code (sas)2819
css, selectors, tips-and-tricks
CSS Custom Properties as Your API (ser)2818
css, custom-properties, web-components
An Introduction to WordPress Permalinks2817
introductions, wordpress, links, urls
Principles of Web Development (j9t)2816
principles, user-experience, quality, simplicity, maintainability, learning
An Engineering Manager’s Guide to Rebranding2815
guides, processes, redesigning, branding, marketing, releasing, engineering-management
web-platform-tests2814
websites, web-platform, standards, browsers, testing
What Is a Web Developer?2813
career, concepts
Free Fonts With Personality and Style (sma)2812
fonts, link-lists
An Introduction to the Reduced Motion Media Query (eri/css)2811
introductions, css, media-queries, reduced-motion, accessibility
Code Smells in CSS (chr/css)2810
css, maintainability, technical-debt, anti-patterns
CSS3 Trends for 20172809
css, trends
What Is HTTPS and SSL, and Why Your Ecommerce Website Badly Needs Them Both2808
http, ssl, ecommerce, security
HTML APIs: What They Are and How to Design a Good One (lea/sma)2807
how-tos, html, apis, javascript
Apple’s WebKit Team Proposes W3C Community Group to Strive for More Powerful Graphics on the Web2806
apple, webkit, w3c, webgpu
21 Steps to Becoming a Successful Web Developer2805
career
What Really Makes a Static Site Generator? (rem/css)2804
site-generators
The State of UX Agile Development (nng)2803
user-experience, design, agile, processes, collaboration
Considering How We Use HTTP/2 (mal/ali)2802
performance, optimization, http, protocols
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)2801
http, protocols, support, servers, performance
Mobile First Is Just Not Good Enough: Meet Journey-Driven Design (sma)2800
design, mobile-first, mobile, responsive-design, processes
Intro to Vue.js: Components, Props, and Slots (sar/css)2799
introductions, vuejs, components, props
20+ Docs and Guides for Front-End Developers (lou)2798
html, css, javascript, link-lists
What’s New in ECMAScript 2017 (paw)2797
ecmascript, standards
9 WordPress Plugins to Help Get More Social Shares2796
wordpress, plugins, social-media, link-lists
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With the CSS Order Property (zol)2795
css, flexbox, layout, firefox, browsers, accessibility, source-order, bugs
“My Code Is Self-Documenting” (eri)2794
documentation, comments, myths
Protect Your Site From User-Generated Spam2793
spam, blogging, tips-and-tricks
CSS Custom Properties—the Basics (ser)2792
fundamentals, css, custom-properties
CSS Selectors: Specificity (web)2791
css, selectors, cascade
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)2790
storage, email, optimization, case-studies
Need Lorem Ipsum? Inside HTML? (chr/css)2789
html, placeholders, tooling
The JavaScript Standard2788
javascript, ecmascript, history, standards
Using SSH Securely (ann)2787
ssh, security
Building a Fully-Accessible Help Tooltip (sar)2786
accessibility, tooltips, html, aria
CSS Selectors: Pseudo-Elements (web)2785
css, selectors
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css)2784
html, tables, css
2016 JavaScript Rising Stars (sac)2783
javascript, frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
My Grunt Worker2782
grunt, examples
People’s Names That Break Websites (chr/css)2781
validation, sanitization, naming, localization
CSS for Programmers—Building a Custom CSS Button (dai)2780
css, buttons
React Internationalization How-To (sma)2779
how-tos, react, internationalization
Writing Element Queries Today Using EQCSS2778
css, libraries
Align SVG Icons to Text and Say Goodbye to Font Icons (pro)2777
svg, images, icons, icon-fonts, fonts, css, design, alignment
10 Node.js Best Practices: Enlightenment From the Node Gurus2776
nodejs, best-practices, npm, environments, event-loop, naming, scalability, caching, express
Foundation Framework Crash Course2775
videos, crash-courses, foundation
Making “input type=date” Complicated2774
html, forms, edge, chrome, browsers, comparisons
Accessibility Is a Civil Right (mar)2773
accessibility
WCAG 2.0 AA Gains Prominence as Website Accessibility Standard (jds)2772
accessibility, standards, wcag, legal, ada
CSS Selectors: Attribute Selectors (web)2771
css, attributes, selectors
Using the “aria-current” Attribute (tin)2770
html, attributes, aria, accessibility
HTML5 Page Structure Basics (lou)2769
fundamentals, html, semantics
Webmention (aar/w3c)2768
webmentions, urls, standards
Say Hello to Opera Neon, Our New Concept Browser2767
opera, browsers
Random Numbers in CSS (fon/css)2766
css, animations, randomness
CSS Selectors: Combinators (web)2765
css, selectors
How Functional Animation Helps Improve User Experience (sma)2764
animations, design, user-experience
webcomponents.org2763
websites, web-components, examples
An HTML5 FAQ (lou)2762
html
Know It All2761
websites, css, html, dom, javascript, svg, cssom, nodejs
A Compendium of SVG Information (chr/css)2760
overviews, svg, images, link-lists
Improve Your Website’s Accessibility With WAI–ARIA (lou)2759
accessibility, html, aria, optimization
10 Web Predictions for 2017 (cra)2758
web, outlooks, mobile, mobile-first, css, web-apps, native, browsers, frameworks
More Than 300 Federal Gov Websites Fail to Meet Domain Encryption Deadline2757
http, tls, protocols, security, encryption
The Imbalance of Culture Fit (ali)2756
culture, collaboration, communication, engineering-management
Solving npm Scripts Problems in JavaScript Projects (hcr)2755
npm, yarn, javascript
Develop Locally, Use Images From Production (chr/css)2754
environments, processes, images, apache, servers
Communication Is the Job2753
communication
Let’s Use “const”! Here’s Why2752
ecmascript, javascript, variables
Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim2751
code-editors, sublime-text, vs-code, vi+vim, comparisons
Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge2750
serverless, lambda, cloudfront, http, http-headers, edge-computing
Presentation Attributes vs. Inline Styles (chr/css)2749
html, svg, attributes, css, comparisons
The Dark Side of Polyfilling CSS (phi)2748
css, polyfills, houdini
Tired of Your Shell? Try Zsh! (ato)2747
zsh
CSS Shorthand Syntax Considered Important (j9t)2746
css, shorthands
Using Sass to Automatically Pick Text Colors (ser)2745
sass, contrast, colors
Release Notes for Safari Technology Preview 20 (jon/web)2744
release-notes, safari, browsers
Speed Up Oh My Zsh2743
command-line, oh-my-zsh, optimization
Front-End Tools: My Favorite Finds of 2016 (lou)2742
html, css, javascript, tooling, link-lists
Scaling Responsive Animations (zac/css)2741
css, animations, scaling, responsive-design
Introducing CSS3 (lou)2740
introductions, css
JavaScript: 2016 in Review (cra)2739
javascript, retrospectives
A Brief Introduction to Scrum2738
introductions, scrum, agile, processes
Content Security Policy Level 2 (mik+/w3c)2737
standards, csp, security
Styling Web Components Using a Shared Style Sheet (ste/sma)2736
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)2735
web, network, history
Introducing HTML5 (lou)2734
introductions, html
Demystifying Public Speaking (ali)2733
career, communication, advocacy, developer-relations, business-relations
Why I Don’t Use CSS Preprocessors (j9t)2732
css, preprocessors
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds2731
javascript, performance, optimization, minification, compression, caching
CSS Shorthand Syntax Considered an Anti-Pattern (css)2730
css, shorthands, anti-patterns
Reading Content on Mobile Devices (nng)2729
mobile, content
Best Practices for Animated Progress Indicators (sma)2728
progress-indicators, animations, best-practices, usability
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)2727
progressive-enhancement, principles, javascript, economics
How to Pay Programmers Less (yeg)2726
career
The Web, Worldwide (tka)2725
websites, performance, metrics
A Checklist for Website Reviews (hcr)2724
checklists, performance, browsers, seo, accessibility, security
How the 404 Error Created the World Wide Web2723
history, web, links, http
Loops in CSS Preprocessors (mia/css)2722
preprocessors, sass, less, stylus, loops
The Case Against Progressive Enhancement’s Flimsy Moral Foundation (vig)2721
progressive-enhancement, ethics
The Value of Attending Conferences (foo)2720
career, community
Performant Parallaxing (aer)2719
scrolling, css, effects, parallax, positioning, performance
What’s New in HTML 5.12718
html, semantics
Experimenting With Color Fonts (fon/css)2717
fonts, colors, experiments
Nesting Your BEM? (css)2716
css, bem, nesting
Are You Writing ES6 JavaScript Yet?2715
javascript, ecmascript
HTML5 Is the Next $100 Billion Game Platform (ven)2714
html, mobile, native
Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (ric/sve)2713
frameworks, svelte
Random Interesting Facts on HTML/SVG Usage (cat/css)2712
html, svg, metrics, amp, accessibility
Pay the Price for Open Source2711
foss, licensing, php
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)2710
performance
Style List Markers in CSS (chr/css)2709
css, selectors, lists
The API-Based CMS Approach (css)2708
content-management, tooling, apis
Web Layout 101: Making the Most of the Top Right Corner2707
introductions, design, layout
HTML 5.1 Is the Gold Standard (ple/w3c)2706
html, standards, w3c
Early Favorite Accessibility Tools and Checkers: A Trip Down Memory Lane (deq)2705
accessibility, tooling, bobby, screen-readers, home-page-reader, ibm, wave, webaim, retrospectives
HTML 5.1 Update Available With New Features and Changes2704
html, w3c
Refactoring CSS Without Losing Your Mind (css/btc)2703
videos, css, technical-debt, maintenance, refactoring
The Coming Revolution in Email Design (ali)2702
email, design, mjml
The Joy of Optimizing (una/btc)2701
videos, images, performance, optimization
Typography Is Code (fra/btc)2700
videos, typography
Writing Less Damned Code (hey/btc)2699
videos, simplicity
Everything You Need to Know About Emoji (sma)2698
emoji, unicode, character-references, encoding
Stop Using the Old “Clearfix” (j9t)2697
css, floats, presentational-html, maintainability, html
Web Accessibility in the UK—True Facts (abr)2696
accessibility, metrics
“position: sticky;” (chr/css)2695
css, positioning
10 Ways to Earn Money From Your Site (dxn)2694
monetization, marketing, economics
How to Design Better Buttons (sma)2693
how-tos, design, buttons, forms, usability
Get Started on the CSS of the Future With PostCSS-cssnext2692
introductions, css, postcss, postprocessors, tooling
Logging Errors in Client-Side Applications2691
web-apps, single-page-apps, errors, logging, monitoring
Mobile-First Indexing2690
google, search, indexing, mobile, mobile-first
Create Thumbnails With PHP (rik)2689
php, images
The Top 10 Reasons to Sell Your Website2688
monetization
Browser Trends November 2016: Rise of the Underdog (cra)2687
browsers, trends, metrics
Awaken the Champion A/B Tester Within (ali)2686
a-b-testing, user-conversion
CSS Post-Processors for Beginners: Tips and Resources2685
css, postprocessors, tooling, postcss, link-lists
Is JavaScript Always the Best Solution?2684
javascript
A Crash Course of Changes to Exception Handling in PHP 72683
crash-courses, php, errors, debugging
Top 10 Enduring Web-Design Mistakes (nng)2682
design, mistakes, usability
Spoooooky CSS Selectors (chr/css)2681
css, selectors, examples
What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css)2680
css, preprocessors, custom-properties, variables, comparisons
How to Use AJAX in WordPress—a Real World Example2679
how-tos, ajax, wordpress
Responsive Images in CSS (chr/css)2678
images, responsive-design, css, html
Web Packaging Format2677
web-packaging, performance
On Style Maintenance (sar/css)2676
programming, css, maintenance, maintainability, oocss
The Movement Towards Motion in Website Backgrounds2675
animations, backgrounds, design
Password-Less Authentication in Rails2674
ruby-on-rails, authentication
Continue Normalising Your CSS (css)2673
normalize-css, css, consistency, design
Loop Through a Collection of DOM Elements (paw)2672
javascript, dom
Landing Page Design: 15 Tips for High Conversions2671
design, landing-pages, tips-and-tricks, user-conversion
Progressive Web Apps: Bridging the Gap Between Web and Mobile2670
web-apps, progressive-web-apps, desktop, mobile, native
4 Reasons Why an Accessible Website Is a Win–Win (osd)2669
accessibility, seo, user-experience, legal
JavaScript for Web Designers: DOM Scripting (wil/ali)2668
javascript, dom
CSS Quick Tip: Solving Common CSS Problems2667
css, centering, vendor-extensions, debugging, grunt, gulp, tips-and-tricks
How to Develop a Chat Bot With Node.js (sma)2666
how-tos, bots, nodejs, javascript, functionality
An Interview With Miriam Suzanne (mia+/css)2665
interviews, history, css
Standards on GitHub (ann)2664
standards, github
Taking the Pattern Library to the Next Level (sma)2663
design, documentation, pattern-libraries, style-guides, design-systems
Release Notes for Safari Technology Preview 15 (xee/web)2662
release-notes, safari, browsers
Putting Down Event Infrastructure in Gecko (mar)2661
browsers, browser-engines, gecko, events
Using CSS Mod Queries With Range Selectors (ali)2660
css, selectors
SVG Filter Primitives—Input and Output2659
svg, images, filters
Styling Underlines on the Web (joh/css)2658
css, borders, shadows
SVG and Media Queries (jaf)2657
svg, images, css, media-queries, canvas, support, browsers
Silverlight Techniques for WCAG 2.0 (w3c)2656
accessibility, wcag, techniques, silverlight
Debug Your CSS With Outline Visualizations (kar)2655
css, debugging, dev-tools
Next Generation Server Compression With Brotli (mal/sma)2654
compression, brotli, gzip, comparisons, performance
The Glory Days of the Web (bka)2653
web-platform, html, css, javascript, frameworks, libraries, history
Will We Be Flattening Our HTML for CSS Grids? (chr/css)2652
css, grids, layout, html
4 Ways to Future Proof Your WordPress Site2651
wordpress, hosting, maintenance
A Redesign With CSS Shapes (mey/ali)2650
css, shapes, redesigning, case-studies
The SVG “path” Syntax: An Illustrated Guide (chr/css)2649
guides, svg, images
How It Feels to Learn JavaScript in 2016 (hac)2648
javascript, learning
W3C Web Payments HTTP Specification Working Drafts Released (inf)2647
w3c, economics
Microsoft Widens Edge Browser Bug Hunt for Bounty Hunters (the)2646
edge, microsoft, browsers, bugs
WordPress SVG Support: How to Enable SVGs in WordPress2645
how-tos, wordpress, svg, images
Make Forms Fun With Flexbox (cra)2644
forms, css, flexbox, layout
Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript2643
css, javascript, tips-and-tricks
An Introduction to SVG Filters2642
introductions, svg, images, filters
Building Social: A Case Study on Progressive Enhancement (sma)2641
javascript, progressive-enhancement, case-studies
5 Information Architecture Warning Signs in Your Analytics Reports (nng)2640
information-architecture, metrics, analytics
5 Key Ways to Improve Engagement Metrics for Your Content2639
content, content-strategy, seo, metrics
Accessible SVGs in High Contrast Mode (eri/css)2638
accessibility, svg, images, contrast, colors
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof)2637
w3c, html, standards
8 Tips to AMPlify Your Clients2636
amp
Notepad++ Release 7 64-Bit Available2635
release-notes, notepad++
Web Development as a Hack of Hacks2634
javascript, css
HTML5: Optional HTML Tags2633
html, google
Why We Should All Be Data Literate (ali)2632
metrics, career, link-lists
HTML—From 5.1 to 5.2 (w3c)2631
html, standards, w3c
Web Accessibility: Why It Matters and What Governments Can Do About It2630
accessibility, legal, forms
Quick Tip: How to Declare Variables in JavaScript2629
how-tos, tips-and-tricks, variables, javascript
How to Write Your Own Custom Sass Functions2628
how-tos, sass, functions, examples
Transpiling ES6 (css)2627
ecmascript, javascript, transpiling, babel
Working With Colors Guide (sar/css)2626
guides, colors, units, functions, preprocessors, sass, less, stylus, blend-modes, css
Dyslexia, [Typos,] and Web Compatibility (kar)2625
mistakes, support, interoperability, web-platform, dyslexia
Content Security Policy, Your Future Best Friend (sma)2624
security, csp, link-lists
Autoprefixing, With CSS Variables! (lea)2623
css, vendor-extensions, custom-properties
Where Things Are at in the CSS Grid Layout Working Draft2622
css, grids, layout
Webfonts on the Prairie (ali)2621
fonts, metrics
How Information Overload Is Ruining Your Work Life (dxn)2620
career, communication
YAML: Probably Not So Great After All (arp)2619
yaml
Are Icons Content? (chr/css)2618
icons, images, html, content
When Is the Right Time to Think About Web Performance? (fon/css)2617
performance, processes
How We Use Prototyping, and How It Made Us More Efficient (sma)2616
design, prototyping, processes, efficiency, case-studies
Fun Times With CSS Pixel Art (geo/css)2615
css, art
Using Browserify in Electron Applications2614
browserify, electron
Spectre: A Lightweight CSS Framework2613
css, frameworks
Developing Extensible HTML and CSS Components (jon/css)2612
html, css, components, extensibility
Accessible SVGs (css)2611
svg, images, accessibility, examples
Using WebP Images (mal/css)2610
webp, images, conversion
Code: Align the Happy Path to the Left Edge2609
programming, best-practices, go
Upgrading CSS Animation With Motion Curves (sma)2608
css, animations, transitions, techniques
How to Choose the Right CSS Toolkits and Frameworks (mia+)2607
interviews, how-tos, css, tooling, frameworks
Helping Users Easily Access Content on Mobile2606
google, search, mobile, content
PHP—the Wrong Way2605
websites, php
Five Myths About the Web (was)2604
web, history, myths
Accelerated Mobile Pages, a Critical View (j9t)2603
amp
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)2602
html, css, attributes, selectors, naming
Communicating Animation (rac/ali)2601
communication, animations, design, interaction-design
Art and Philosophy in Programming2600
programming, art
How-To: Static Site With Grow.io and Netlify2599
videos, how-tos, grow, netlify
A Beginner’s Guide to Progressive Web Apps (kev/sma)2598
guides, web-apps, progressive-web-apps
Get the Original Image From a Data URL (chr/css)2597
images, data-urls
Creating AMP Pages With Perch2596
perch, amp
Practical SVG (chr/ali)2595
images, svg
Electron Internals: Using Node as a Library (ele)2594
electron, nodejs
Is Houdini Ready Yet‽ (sur)2593
websites, overviews, css, apis, houdini, support, browsers
A Refined Content Security Policy (web)2592
html, csp, security, webkit, safari, browsers
Edge Is the Only Browser to Perform 100% in HTML5 Accessibility Test2591
edge, browsers, accessibility
25 Years Ago the World Changed Forever (amy/w3c)2590
web, history, anniversaries, w3c
CSS “mix-blend-mode” Is Bad for Your Browsing History2589
css, blend-modes, privacy
The Art of a Pull Request2588
version-control, code-reviews, processes, quality
Release Notes for Safari Technology Preview 10 (jon/web)2587
release-notes, safari, browsers
Precedence in CSS (When Order of CSS Matters) (chr/css)2586
css, selectors, cascade
Using a Static Site Generator at Scale: Lessons Learned (dea/sma)2585
lessons, site-generators, scalability, jekyll
AMP Your Content—a Preview of AMP’ed Results in Search2584
amp, search
High Performance SVGs (sar/css)2583
svg, images, performance, tooling, optimization
Shadow DOM v1—Self-Contained Web Components2582
shadow-dom, dom, web-components
The State of CSS Reflections (ana/css)2581
css, sass, animations, transforms
Getting Practical With Microcopy (sma)2580
content, microcontent, writing
The jQuery Foundation and Standards (bka/jqu)2579
jquery, standards
Authentication Is Multi-Headed Beast for Purging Passwords (zdn)2578
authentication, passwords, standards
Give Your Development Domain a Different Favicon Than Production (chr/css)2577
environments, domains, favicons
Mobile First Is Not Mobile Only (nng)2576
mobile, navigation, usability
The Performance Benefits of “rel=noopener” (jaf)2575
html, links, performance, security
Modern Software Over-Engineering Mistakes2574
programming, software-design, mistakes
Visual Regression Testing With PhantomCSS2573
testing, regressions, tooling
Getting Started With Vue.js2572
introductions, vuejs
How to Use ES6 Arguments and Parameters (sma)2571
how-tos, ecmascript, javascript, examples
The Anatomy of a Coding Guideline (j9t)2570
quality, conventions
The Business Case for Progressive Web Apps (gri/clo)2569
economics, web-apps, progressive-web-apps
On Tailoring and Web Frameworks (j9t)2568
frameworks, craft
The Limits of “@supports”2567
css, feature-detection
The Moment CSS Started Making “Sense” (geo/css)2566
css, community
ES6 Feature Complete (web)2565
webkit, safari, browsers, ecmascript, support
Lessons I May Have Learned From Working on Stylelint2564
lessons, stylelint
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc2563
html, formatting, tooling
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts2562
flash, html, monetization, marketing, google
An Introduction to Sass Data Types, Operators, and Functions2561
introductions, sass
Keyword Research: The Ultimate Guide (yoa)2560
guides, keywords, seo
WordPress Theme Automation With Gulp2559
wordpress, theming, automation, gulp
The Foundation of Technical Leadership (bra/ali)2558
career, leadership, communication, collaboration
Redux: An Introduction (sma)2557
introductions, redux, state-management
A History of CSS Image Replacement2556
css, image-replacement, techniques, examples, history
How to Think About Your Career2555
how-tos, career
Web Platform Security Boundaries (ann)2554
web-platform, security
Subresource Integrity (dev+/w3c)2553
security, hashing, html, standards
Don’t Overthink It (Flexbox) Grids (chr/css)2552
css, flexbox, layout
microformats.org at 11 (tan/mic)2551
microformats, anniversaries
Improving the Color Accessibility for Color-Blind Users (ada/sma)2550
accessibility, colors, color-blindness
The Future of the Web (ali)2549
web-platform, outlooks
Quick Tip: DRY Up Your Model Validations Tests2548
testing, validation, ruby-on-rails, principles, tips-and-tricks
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)2547
html, attributes, links, microcontent
A Quick Introduction to CoffeeScript2546
introductions, coffeescript
Shortcuts and Tips for Improving Your Productivity With Sublime Text (sma)2545
sublime-text, code-editors, productivity, tips-and-tricks
Using the HTML “lang” Attribute (tin/tpg)2544
accessibility, html, attributes, localization
HTML5 Has Changed the Internet but the World’s Now Ready for HTML62543
html, standards, web
An Overview of Liquid: Shopify’s Templating Language2542
overviews, liquid, template-engines, shopify
Form Validation UX in HTML and CSS (chr/css)2541
forms, validation, html, css, user-experience
10 Cool Things You Can Do With CodePen and JavaScript (chr)2540
codepen, tips-and-tricks