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#
Integrating Animation Into a Design System (ali)3012
design-systems, animations, documentation
Using the Paint Timing API (mal/css)3011
apis, time, performance, painting, rendering, javascript
The Nine Principles of Design Implementation (sma)3010
design, principles, html, css
Using ES2017 Async Functions (css)3009
ecmascript, javascript, asynchronicity, functions
Best Practices for Combining JavaScript With HTML3008
javascript, html, best-practices
Custom Elements v1—Reusable Web Components3007
html, maintainability, web-components, shadow-dom, dom, examples
The Difference Between Explicit and Implicit Grids (mat/css)3006
css, grids, layout
The Best Way to Implement a “Wrapper” in CSS (css)3005
css
JavaScript Design Patterns: The Observer Pattern3004
javascript, software-design-patterns
How to Work Out What to Charge Clients: The Honest Version (boa/sma)3003
how-tos, economics, business-relations
What’s the Difference Between Sass and SCSS? (kit)3002
sass
All About React Router 4 (bra/css)3001
react, react-router, routing, examples
CSS Utility Classes and “Separation of Concerns” (ada)3000
css, presentational-html, components
CSS Inheritance: An Introduction2999
introductions, css, cascade, inheritance
If You Really Dislike FOUT, “font-display: optional” Might Be Your Jam (chr/css)2998
flash-of-x, fonts, css
Launching the WebAssembly Working Group (w3c)2997
webassembly, w3c
Are Internet Standards Standing in the Way of Digital Accessibility? (lol)2996
standards, drm, eme, accessibility, w3c
Web Development: How Making Our Own Lives Difficult Is More Important Than We Think (j9t)2995
processes, learning, craft
How to Use CSS Custom Properties With Transitions, Transforms, and Animations2994
how-tos, css, custom-properties, transitions, transforms, animations
Getting Started With Sass (dar)2993
introductions, sass, preprocessors
Twig—the Most Popular Stand-Alone PHP Template Engine2992
template-engines, twig, php
Frameworks, Libraries, and the Modern Web Developer: Web Development, Overdone (j9t)2991
frameworks, libraries, craft
What Is Timeless Web Design? (chr/css)2990
design, community
The Browser Statistics That Matter (chr/css)2989
browsers, metrics, caniuse
And You Thought Buttons Were Easy? (nat)2988
buttons, design, design-systems
CSS Custom Properties—Dynamic Changes With and Without JavaScript2987
css, custom-properties
Flash Loses Final Appeal: Adobe Sentences Its Web Tech to Death (sts/cne)2986
flash, adobe, browsers, support, outlooks
What I Learned Building Google’s Web Frameworks (j9t)2985
google, frameworks, html, css, lessons
Homepage Links Remain a Necessity (nng)2984
homepages, links, breadcrumbs, navigation, conventions, usability
Playing With Shadow DOM (chr/css)2983
shadow-dom, dom, css, scope
Tailwind CSS (ada+/tai)2982
websites, frameworks, presentational-html, css, tailwind
How to Use AMP With WordPress2981
how-tos, wordpress, amp
Reread the Classics, What Is IxD, UX, and HCI? A Designer’s Perspective (jia)2980
interaction-design, user-experience, hci, terminology, concepts, comparisons
Methods to Organize CSS (css)2979
css, oocss, smacss, atomic-css, conventions
Stop Using Resets: Visual Examples of the Practical Nonsense of Resets and Normalizers (j9t)2978
css, resets, examples
(Now More Than Ever) You Might Not Need jQuery (oll/css)2977
jquery, javascript, ajax, performance, comparisons, examples
Building Pattern Libraries With Shadow DOM in Markdown (hey/sma)2976
pattern-libraries, shadow-dom, dom, markdown
Introducing npx: An npm Package Runner (zka)2975
introductions, npx, npm, nodejs
How to Use CSS Custom Properties to Write More Readable Code2974
how-tos, css, custom-properties
The Beginner’s Guide to Website Staging2973
guides, environments, testing, wordpress
Rollup—Next-Generation ES6 Module Bundler—Interview With Rich Harris (ric+/sur)2972
interviews, rollup, bundling
A DRM Standard Has Been Approved for the Web, and Security Researchers Are Worried (jac/ver)2971
drm, eme, standards, w3c, eff
URLs Are UI (sha)2970
urls
7 Setup Tips for WordPress Beginners2969
wordpress, tips-and-tricks
The Options for Programmatically Documenting CSS (css)2968
css, documentation, tooling
Working With UC Browser as a Developer2967
uc-browser, browsers
Material Design, Learning the Rules and Breaking Them2966
material-design
8 Must Have PHP Quality Assurance Tools2965
php, quality, tooling
A Story of a Woman in the Tech Industry (fox)2964
community, career
Internationalization for Your WordPress Theme2963
wordpress, theming, internationalization
Code Responsibly2962
principles, best-practices
Possible Future Directions for Data on the Web (phi/w3c)2961
outlooks, structured-data, semantic-web, ai
How to Define and Use CSS Custom Properties2960
how-tos, css, custom-properties
TC39, ECMAScript, and the Future of JavaScript2959
ecmascript, javascript, outlooks
A Pretty Good SVG Icon System (chr/css)2958
svg, icons, images
Why Choose Vue.js (ano)2957
vuejs, react, comparisons
Server-Side React Rendering (css)2956
react, server-side-rendering
Naming Things Is Only Getting Harder (geo/css)2955
html, css, naming
What Does a Well-Documented CSS Codebase Look Like? (css)2954
css, documentation, tooling, conventions, architecture, components
Two Paradigms of Web Development (j9t)2953
concepts, best-practices, principles, comparisons
Building Production-Ready CSS Grid Layouts Today (mor/sma)2952
css, grids, layout
How to Create Disaster Plans for Websites (jef)2951
how-tos, processes, dev-ops
Using Mixins in Vue.js (sar/css)2950
vuejs, mixins
Why You Should Manage Your Energy, Not Your Time2949
productivity, prioritization, career
Firefox 54: E10S-Multi, WebExtension APIs, CSS “clip-path” (moz)2948
release-notes, firefox, browsers
The Complete Guide to Switching From HTTP to HTTPS (sma)2947
guides, http, security
Rate Limiting With nginx2946
servers, nginx, rate-limiting, security
Inclusive Design Principles (ian+)2945
websites, principles, accessibility, dei, community
When Large Isn’t Large Enough: Designing With Hero Images (sma)2944
design, images
How (Not) to Control Your CDN (mno)2943
content-delivery, caching, security, http
Masking vs. Clipping: When to Use Each (sar/css)2942
masking, clipping, svg, images, comparisons
Tor Browser 7.0 Is Released (bok/tor)2941
release-notes, browsers, tor-browser
Color Accessibility Workflows (hel/ali)2940
accessibility, colors, wcag
Using Filters in Vue.js (sar/css)2939
vuejs, filters
Componentizing a Framework (chr/css)2938
frameworks, components
Laravel vs. Symfony—Clash of the Frameworks2937
php, frameworks, laravel, symfony, comparisons
Empiricism—the Foundation of Scrum2936
scrum, agile
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (j9t)2935
css, optimization, metrics, efficiency, maintainability
Animating Single Div Art (css)2934
html, css, animations, art
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)2933
performance, lighthouse, google
Version Control With Magento and Git (jef)2932
version-control, git, magento
Browserslist Is a Good Idea (chr/css)2931
css, tooling, autoprefixer, babel, browserslist
Micropub Is a W3C Recommendation (aar)2930
blogging, content-management, standards
The Web’s Most Annoying Dark Patterns (cra)2929
dark-patterns
Break Out of Frames (per)2928
frames, javascript
No Namespaces in JSON, Please (hsi)2927
json, namespaces
What Is the Future of Front End Web Development? (chr/css)2926
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
Intro to HapiJS (v16)2925
introductions, frameworks
The Myth of “Unlimited Everything” Hosting Plans (jef)2924
hosting, myths
Reflections on GAAD 2017 (w3c)2923
awareness-days, accessibility
And Now, a Brief Definition of the Web (bac/ver)2922
web, web-platform, links, open-web
An Introduction to NoSQL Databases2921
videos, introductions, nosql, databases
Testing the Open Web Platform (tob/w3c)2920
web-platform, testing
4 CSS Filters for Adjusting Color2919
css, colors, filters
Python for Java People2918
python, java
Design Systems: Real Talk (jin/btc)2917
videos, design-systems, lessons
What We Talk About When We Talk About Web Performance (btc)2916
videos, performance
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)2915
css, selectors, sass, mixins, examples
Why We Didn’t Use a Framework (sma)2914
frameworks, case-studies
Web Design Museum2913
websites, history, web
Release Notes for Safari Technology Preview 30 (jon/web)2912
release-notes, safari, browsers
Announcing JSON Feed (man+)2911
json-feed, syndication
The “web-platform-tests” Project (ple/w3c)2910
web-platform, testing
How to Add a Drop Shadow With a CSS Filter2909
how-tos, css, shadows, filters
Combine Webpack With Gulp 4 (css)2908
webpack, bundling, gulp, automation
How to Create Custom WordPress Shortcodes for Your Editors (cra)2907
how-tos, wordpress, php
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)2906
typography, responsive-design, liquid-design, css, sass
Getting Started With PHP (swa)2905
introductions, php, link-lists
The RED Method: Key Metrics for Microservices Architecture2904
microservices, architecture, monitoring, metrics
5 Awesome Sublime Plugins You Won’t Find in Top Plugin Posts (moj/css)2903
sublime-text, code-editors, plugins
A Product Manager’s Guide to Technical Debt2902
guides, product-management, technical-debt
Simple Offline Website (chr/css)2901
offline, examples
The Issue With Preprocessing CSS Custom Properties (chr/css)2900
css, custom-properties, preprocessors, javascript
Easy AngularJS Authentication With Auth0 (ado)2899
angularjs, authentication, auth0
An Abridged Cartoon Introduction to WebAssembly (sma)2898
introductions, webassembly
How to Secure WordPress With SSL2897
how-tos, wordpress, security, ssl
An Introduction to CSS Filters2896
introductions, css, svg, filters
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js2895
javascript, frameworks, angularjs, vuejs, meteor, nextjs, comparisons
Encrypting IP Addresses (ber)2894
ip, network, security, privacy, encryption
Quick Tip: How to Automate Social Media Posting With Jetpack2893
how-tos, tips-and-tricks, social-media, automation, wordpress, plugins
Using ARIA (ste/w3c)2892
guides, html, aria, accessibility
CSS Ruleset Terminology (chr/css)2891
css, terminology
Four Killer Features of Nunjucks (chr/css)2890
nunjucks
GIF, PNG, JPG, or SVG: Which One to Use?2889
images, jpeg, png, gif, svg, webp, comparisons
Making Your Design Optically Perfect (raf)2888
design, alignment
Ordered Lists With Unicode Symbols (css)2887
css, lists, unicode
The Great Cloudwall2886
cloudflare
What’s a Transducer? (rag)2885
programming, javascript, functions, concepts
The Different Logical Ways to Group CSS Properties (chr/css)2884
css, sorting, formatting, conventions
Why Localization Is Crucial for Brands to Build a Global Advantage2883
localization, internationalization, branding, economics
Let the Content Delivery Network Optimize Your Images (jon/sma)2882
content-delivery, images, optimization, performance
W3C Launches Front-End Developer Certificate2881
w3c, training, career
How to Land a Development Job Without Experience2880
how-tos, career
Optimizing Web Fonts for Performance: The State of the Art2879
fonts, performance, optimization
Why I Abandoned “@apply” (tab)2878
css
Jekyll for WordPress Developers (sma)2877
wordpress, jekyll, site-generators
Using “flow-root” Today (hel)2876
css, floats
Unleashing the Full Potential of Symbols in Sketch (sma)2875
sketch
Total HTML Agnosticism (chr/css)2874
html, tech-stacks
Managing the CSS Box Model (web)2873
css, box-model
It’s Time to Start Using CSS Custom Properties (sma)2872
css, custom-properties, examples
New in Chrome 58 (pet)2871
release-notes, chrome, browsers
Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More (moz)2870
release-notes, firefox, browsers
Template Technology Agnosticism (jus)2869
tech-stacks, mustache
Managing Technology-Agnostic Design Systems (bra)2868
design-systems, tech-stacks
Think You Know the Top Web Browsers? (pet)2867
metrics, browsers, chrome, firefox, safari, internet-explorer, opera, uc-browser
Brotli and Static Compression (mal/css)2866
performance, compression, brotli, gzip, comparisons
Minifying CSS With CSS Optimizer (web)2865
css, minification, tooling
AMP for Retailers: Is It Worth It? (sma)2864
amp, mobile, ecommerce
Debugging Tips and Tricks (sar/css)2863
debugging, css, javascript, tooling, dev-tools, browsers, link-lists, tips-and-tricks
PWA Stats (clo)2862
websites, web-apps, progressive-web-apps, case-studies, metrics
What Are Performance Budgets and Why You Should Use One2861
performance, performance-budgets
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)2860
guides, http, protocols, servers, performance
Let’s Define Exactly What Atomic CSS Is (joh/css)2859
atomic-css, presentational-html, concepts, examples, link-lists
Conventional Commits2858
websites, version-control, commit-messages, conventions, documentation
Container Query Discussion (chr/css)2857
css, container-queries, responsive-design
WCAG Accessibility Conformance Testing (ACT) (w3c)2856
accessibility, wcag, compliance, testing
WordPress Version Control With Git (jef)2855
wordpress, version-control, git
JavaScript Operators, Conditionals, and Functions2854
javascript, operators, conditionals, functions
What Is the Right Image Format for Your Website?2853
images, compression, jpeg, gif, png, svg, webp
Why Staging Environments Are Critical for WordPress Sites (jef)2852
wordpress, environments, hosting, processes
Accessible Breadcrumb Navigation Pattern (sco)2851
accessibility, navigation, breadcrumbs, aria
How to Secure Your Web App With HTTP Headers (sma)2850
how-tos, web-apps, security, http, http-headers, csp
Grid Garden2849
websites, css, layout, grids, experiments
Making Animations Wait (css)2848
css, animations, events, javascript
Taking Steps Towards Scrum2847
scrum, agile, processes
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)2846
fundamentals, dom, javascript
How to Get Started With Marketing Automation for Free2845
how-tos, marketing, automation, link-lists
Practical CSS Grid: Adding Grid to an Existing Design (mey/ali)2844
css, grids, layout
The Road to Resilient Web Design (ada/sma)2843
design, responsive-design, resilience
Writing JavaScript With Accessibility in Mind (mat)2842
javascript, accessibility, focus, buttons, semantics, aria
The Debugging Mindset (acm)2841
debugging
Text Effects With CSS (and a Little “contenteditable” Trick) (chr/css)2840
css, effects
Stylus: Beginners Guide2839
guides, stylus
Why Every Business Needs a Website (jef)2838
economics, domains, hosting, maintenance
Guetzli, Google’s New JPEG Encoder (tel)2837
performance, images, jpeg, compression, tooling
I Need a Website—What Do I Need to Know About Hosting?2836
hosting
What Is HTTP/2? (cra)2835
protocols, http
Measuring Image Widths in JavaScript (Carefully) (chr/css)2834
images, javascript
How to Develop an Interactive Command Line Application Using Node.js (sma)2833
how-tos, nodejs, javascript, command-line
Need to Do Dependency-Free AJAX? (chr/css)2832
ajax, jquery, javascript, promises
Getting Started With CSS Grid (fon/css)2831
introductions, css, grids, layout
28th Birthday of the Web (w3c)2830
anniversaries, web
Flat-Design Best Practices (nng)2829
flat-design, design, best-practices
“Serverless” (chr/css)2828
serverless, concepts
Using CSS Transitions on Auto Dimensions (css)2827
css, transitions, transforms, animations
Debugging the Web Browser Control With Firebug (ric)2826
debugging, firebug
Linting HTML Using CSS (ire)2825
html, css, linting, quality
The Document Outline Dilemma (ame/css)2824
html, headings, semantics, accessibility
AMP and the Web (tka)2823
amp, web-platform, web, performance
What Is the Best Book for Learning JavaScript?2822
books, javascript
How to Design and Sell Themes (With Success) (dxn)2821
how-tos, theming, design, monetization
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)2820
slides, react, accessibility, dom
Just Another HTTPS Nudge (chr/css)2819
security, http
What Is SMACSS and How to Use It2818
how-tos, smacss, css
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)2817
javascript, cookies, consent-management, legal
Static Site Generators vs. Caching (bre)2816
static-site-generation, caching
Prioritising Your Company’s Web Accessibility2815
accessibility, prioritization
On EME in HTML5 (tim/w3c)2814
eme, drm, html, legal, security, standards, w3c
How to Become a Better Developer by Coding Less2813
how-tos, career, processes, productivity
An Animated Intro to RxJS (dav/css)2812
introductions, libraries, javascript
Annotation Is Now a Web Standard2811
standards, annotations, w3c
Web Layout 101: Vertical Rhythm Is a Drummer (mis)2810
introductions, layout, design
How to Use Shadows and Blur Effects in Modern UI Design (sma)2809
how-tos, design, shadows, effects
Get Started With Variable Fonts (ric)2808
introductions, variable-fonts, fonts
Responsive CSS Patterns Without Media Queries2807
css, responsive-design
Do We Need a New Heading Element? We Don’t Know (jaf)2806
html, headings
CSS Grid: One Layout, Multiple Ways (geo/css)2805
css, grids, layout, examples
CSS Tip: Use “:not” to Save Time and Lines of Code (sas)2804
css, selectors, tips-and-tricks
CSS Custom Properties as Your API (ser)2803
css, custom-properties, web-components
An Introduction to WordPress Permalinks2802
introductions, wordpress, links, urls
Principles of Web Development (j9t)2801
principles, user-experience, quality, simplicity, maintainability, learning
An Engineering Manager’s Guide to Rebranding2800
guides, processes, redesigning, branding, marketing, releasing, engineering-management
web-platform-tests2799
websites, web-platform, standards, browsers, testing
What Is a Web Developer? (ppk)2798
career, concepts
Free Fonts With Personality and Style (sma)2797
fonts, link-lists
An Introduction to the Reduced Motion Media Query (eri/css)2796
introductions, css, media-queries, reduced-motion, accessibility
Code Smells in CSS (chr/css)2795
css, maintainability, technical-debt, anti-patterns
CSS3 Trends for 20172794
css, trends
What Is HTTPS and SSL, and Why Your Ecommerce Website Badly Needs Them Both2793
http, ssl, ecommerce, security
HTML APIs: What They Are and How to Design a Good One (lea/sma)2792
how-tos, html, apis, javascript
Apple’s WebKit Team Proposes W3C Community Group to Strive for More Powerful Graphics on the Web2791
apple, webkit, w3c, webgpu
21 Steps to Becoming a Successful Web Developer2790
career
What Really Makes a Static Site Generator? (rem/css)2789
site-generators
The State of UX Agile Development (nng)2788
user-experience, design, agile, processes, collaboration
Considering How We Use HTTP/2 (mal/ali)2787
performance, optimization, http, protocols
Mobile First Is Just Not Good Enough: Meet Journey-Driven Design (sma)2786
design, mobile-first, mobile, responsive-design, processes
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)2785
http, protocols, support, servers, performance
Intro to Vue.js: Components, Props, and Slots (sar/css)2784
introductions, vuejs, components, props
20+ Docs and Guides for Front-End Developers (lou)2783
html, css, javascript, link-lists
What’s New in ECMAScript 2017 (paw)2782
ecmascript, standards
9 WordPress Plugins to Help Get More Social Shares2781
wordpress, plugins, social-media, link-lists
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With the CSS Order Property (zol)2780
css, flexbox, layout, firefox, browsers, accessibility, source-order, bugs
“My Code Is Self-Documenting” (eri)2779
documentation, comments, myths
Protect Your Site From User-Generated Spam2778
spam, blogging, tips-and-tricks
CSS Custom Properties—the Basics (ser)2777
fundamentals, css, custom-properties
CSS Selectors: Specificity (web)2776
css, selectors, cascade
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)2775
storage, email, optimization, case-studies
Need Lorem Ipsum? Inside HTML? (chr/css)2774
html, placeholders, tooling
The JavaScript Standard2773
javascript, ecmascript, history, standards
Using SSH Securely (ann)2772
ssh, security
Building a Fully-Accessible Help Tooltip (sar)2771
accessibility, tooltips, html, aria
CSS Selectors: Pseudo-Elements (web)2770
css, selectors
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css)2769
html, tables, css
2016 JavaScript Rising Stars (sac)2768
javascript, frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
People’s Names That Break Websites (chr/css)2767
validation, sanitization, naming, localization
React Internationalization How-To (sma)2766
how-tos, react, internationalization
CSS for Programmers—Building a Custom CSS Button (dai)2765
css, buttons
Writing Element Queries Today Using EQCSS2764
css, libraries
Align SVG Icons to Text and Say Goodbye to Font Icons (pro)2763
svg, images, icons, icon-fonts, fonts, css, design, alignment
10 Node.js Best Practices: Enlightenment From the Node Gurus2762
nodejs, best-practices, npm, environments, event-loop, naming, scalability, caching, express
Foundation Framework Crash Course2761
videos, crash-courses, foundation
Making “input type=date” Complicated (ppk)2760
html, forms, edge, chrome, browsers, comparisons
Accessibility Is a Civil Right (mar)2759
accessibility
WCAG 2.0 AA Gains Prominence as Website Accessibility Standard (jds)2758
accessibility, standards, wcag, legal, ada
CSS Selectors: Attribute Selectors (web)2757
css, attributes, selectors
Using the “aria-current” Attribute (tin)2756
html, attributes, aria, accessibility
HTML5 Page Structure Basics (lou)2755
fundamentals, html, semantics
Webmention (aar/w3c)2754
webmentions, urls, standards
Say Hello to Opera Neon, Our New Concept Browser2753
opera, browsers
Random Numbers in CSS (fon/css)2752
css, animations, randomness
CSS Selectors: Combinators (web)2751
css, selectors
How Functional Animation Helps Improve User Experience (sma)2750
animations, design, user-experience
webcomponents.org2749
websites, web-components, examples
An HTML5 FAQ (lou)2748
html
Know It All2747
websites, css, html, dom, javascript, svg, cssom, nodejs
A Compendium of SVG Information (chr/css)2746
overviews, svg, images, link-lists
Improve Your Website’s Accessibility With WAI–ARIA (lou)2745
accessibility, html, aria, optimization
10 Web Predictions for 2017 (cra)2744
web, outlooks, mobile, mobile-first, css, web-apps, native, browsers, frameworks
More Than 300 Federal Gov Websites Fail to Meet Domain Encryption Deadline2743
http, tls, protocols, security, encryption
The Imbalance of Culture Fit (ali)2742
culture, collaboration, communication, engineering-management
Solving npm Scripts Problems in JavaScript Projects (hcr)2741
npm, yarn, javascript
Develop Locally, Use Images From Production (chr/css)2740
environments, processes, images, apache, servers
Communication Is the Job2739
communication
Let’s Use “const”! Here’s Why2738
ecmascript, javascript, variables
Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim2737
code-editors, sublime-text, vs-code, vi+vim, comparisons
Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge2736
serverless, lambda, cloudfront, http, http-headers, edge-computing
Presentation Attributes vs. Inline Styles (chr/css)2735
html, svg, attributes, css, comparisons
The Dark Side of Polyfilling CSS (phi)2734
css, polyfills, houdini
Tired of Your Shell? Try Zsh! (ato)2733
zsh
CSS Shorthand Syntax Considered Important (j9t)2732
css, shorthands
Using Sass to Automatically Pick Text Colors (ser)2731
sass, contrast, colors
Release Notes for Safari Technology Preview 20 (jon/web)2730
release-notes, safari, browsers
Speed Up Oh My Zsh2729
command-line, oh-my-zsh, optimization
Front-End Tools: My Favorite Finds of 2016 (lou)2728
html, css, javascript, tooling, link-lists
Scaling Responsive Animations (zac/css)2727
css, animations, scaling, responsive-design
Introducing CSS3 (lou)2726
introductions, css
JavaScript: 2016 in Review (cra)2725
javascript, retrospectives
A Brief Introduction to Scrum2724
introductions, scrum, agile, processes
Content Security Policy Level 2 (mik+/w3c)2723
standards, csp, security
Styling Web Components Using a Shared Style Sheet (ste/sma)2722
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)2721
web, network, history
Introducing HTML5 (lou)2720
introductions, html
Demystifying Public Speaking (ali)2719
career, communication, advocacy, developer-relations, business-relations
Why I Don’t Use CSS Preprocessors (j9t)2718
css, preprocessors
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds2717
javascript, performance, optimization, minification, compression, caching
CSS Shorthand Syntax Considered an Anti-Pattern (css)2716
css, shorthands, anti-patterns
Reading Content on Mobile Devices (nng)2715
mobile, content
Best Practices for Animated Progress Indicators (sma)2714
progress-indicators, animations, best-practices, usability
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)2713
progressive-enhancement, principles, javascript, economics
How to Pay Programmers Less (yeg)2712
career
The Web, Worldwide (tka)2711
websites, performance, metrics
A Checklist for Website Reviews (hcr)2710
checklists, performance, browsers, seo, accessibility, security
How the 404 Error Created the World Wide Web2709
history, web, links, http
Loops in CSS Preprocessors (mia/css)2708
preprocessors, sass, less, stylus, loops
The Case Against Progressive Enhancement’s Flimsy Moral Foundation (vig)2707
progressive-enhancement, ethics
The Value of Attending Conferences (foo)2706
career, community
Performant Parallaxing (aer)2705
scrolling, css, effects, parallax, positioning, performance
What’s New in HTML 5.12704
html, semantics
Experimenting With Color Fonts (fon/css)2703
fonts, colors, experiments
Nesting Your BEM? (css)2702
css, bem, nesting
HTML5 Is the Next $100 Billion Game Platform (ven)2701
html, mobile, native
Are You Writing ES6 JavaScript Yet?2700
javascript, ecmascript
Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (ric/sve)2699
frameworks, svelte
Random Interesting Facts on HTML/SVG Usage (cat/css)2698
html, svg, metrics, amp, accessibility
Pay the Price for Open Source2697
foss, licensing, php
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)2696
performance
Style List Markers in CSS (chr/css)2695
css, selectors, lists
The API-Based CMS Approach (css)2694
content-management, tooling, apis
Web Layout 101: Making the Most of the Top Right Corner2693
introductions, design, layout
HTML 5.1 Is the Gold Standard (ple/w3c)2692
html, standards, w3c
Early Favorite Accessibility Tools and Checkers: A Trip Down Memory Lane (deq)2691
accessibility, tooling, bobby, screen-readers, ibm, webaim, retrospectives
HTML 5.1 Update Available With New Features and Changes2690
html, w3c
Refactoring CSS Without Losing Your Mind (css/btc)2689
videos, css, technical-debt, maintenance, refactoring
The Coming Revolution in Email Design (ali)2688
email, design, mjml
The Joy of Optimizing (una/btc)2687
videos, images, performance, optimization
Typography Is Code (fra/btc)2686
videos, typography
Writing Less Damned Code (hey/btc)2685
videos, simplicity
Everything You Need to Know About Emoji (sma)2684
emoji, unicode, character-references, encoding
Stop Using the Old “Clearfix” (j9t)2683
css, floats, presentational-html, maintainability, html
Web Accessibility in the UK—True Facts (abr)2682
accessibility, metrics
“position: sticky;” (chr/css)2681
css, positioning
10 Ways to Earn Money From Your Site (dxn)2680
monetization, marketing, economics
How to Design Better Buttons (sma)2679
how-tos, design, buttons, forms, usability
Logging Errors in Client-Side Applications2678
web-apps, single-page-apps, errors, logging, monitoring
Get Started on the CSS of the Future With PostCSS-cssnext2677
introductions, css, postcss, postprocessors, tooling
Mobile-First Indexing2676
google, search, mobile, mobile-first
Create Thumbnails With PHP (rik)2675
php, images
The Top 10 Reasons to Sell Your Website2674
monetization
Browser Trends November 2016: Rise of the Underdog (cra)2673
browsers, trends, metrics
Awaken the Champion A/B Tester Within (ali)2672
a-b-testing, user-conversion
CSS Post-Processors for Beginners: Tips and Resources2671
css, postprocessors, tooling, postcss, link-lists
Is JavaScript Always the Best Solution?2670
javascript
A Crash Course of Changes to Exception Handling in PHP 72669
crash-courses, php, errors, debugging
Top 10 Enduring Web-Design Mistakes (nng)2668
design, mistakes, usability
Spoooooky CSS Selectors (chr/css)2667
css, selectors, examples
What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css)2666
css, preprocessors, custom-properties, variables, comparisons
How to Use AJAX in WordPress—a Real World Example2665
how-tos, ajax, wordpress
Responsive Images in CSS (chr/css)2664
images, responsive-design, css, html
Web Packaging Format2663
web-packaging, performance
On Style Maintenance (sar/css)2662
programming, css, maintenance, maintainability, oocss
The Movement Towards Motion in Website Backgrounds2661
animations, backgrounds, design
Password-Less Authentication in Rails2660
ruby-on-rails, authentication
Continue Normalising Your CSS (css)2659
normalize-css, css, consistency, design
Loop Through a Collection of DOM Elements (paw)2658
javascript, dom
Progressive Web Apps: Bridging the Gap Between Web and Mobile2657
web-apps, progressive-web-apps, desktop, mobile, native
Landing Page Design: 15 Tips for High Conversions2656
design, landing-pages, tips-and-tricks, user-conversion
4 Reasons Why an Accessible Website Is a Win–Win (osd)2655
accessibility, seo, user-experience, legal
JavaScript for Web Designers: DOM Scripting (wil/ali)2654
javascript, dom
CSS Quick Tip: Solving Common CSS Problems2653
css, centering, vendor-extensions, debugging, grunt, gulp, tips-and-tricks
How to Develop a Chat Bot With Node.js (sma)2652
how-tos, bots, nodejs, javascript, functionality
An Interview With Miriam Suzanne (mia+/css)2651
interviews, history, css
Standards on GitHub (ann)2650
standards, github
Taking the Pattern Library to the Next Level (vit/sma)2649
design, documentation, pattern-libraries, style-guides, design-systems
Release Notes for Safari Technology Preview 15 (xee/web)2648
release-notes, safari, browsers
Putting Down Event Infrastructure in Gecko (mar)2647
browsers, browser-engines, gecko, events
Using CSS Mod Queries With Range Selectors (ali)2646
css, selectors
SVG Filter Primitives—Input and Output2645
svg, images, filters
Styling Underlines on the Web (joh/css)2644
css, borders, shadows
SVG and Media Queries (jaf)2643
svg, images, css, media-queries, canvas, support, browsers
Silverlight Techniques for WCAG 2.0 (w3c)2642
accessibility, wcag, techniques, silverlight
Debug Your CSS With Outline Visualizations (kar)2641
css, debugging, dev-tools
Next Generation Server Compression With Brotli (mal/sma)2640
compression, brotli, gzip, comparisons, performance
The Glory Days of the Web (bka)2639
web-platform, html, css, javascript, frameworks, libraries, history
Will We Be Flattening Our HTML for CSS Grids? (chr/css)2638
css, grids, layout, html
4 Ways to Future Proof Your WordPress Site2637
wordpress, hosting, maintenance
A Redesign With CSS Shapes (mey/ali)2636
css, shapes, redesigning, case-studies
How It Feels to Learn JavaScript in 2016 (hac)2635
javascript, learning
The SVG “path” Syntax: An Illustrated Guide (chr/css)2634
guides, svg, images
W3C Web Payments HTTP Specification Working Drafts Released (inf)2633
w3c, economics
Microsoft Widens Edge Browser Bug Hunt for Bounty Hunters (the)2632
edge, microsoft, browsers, bugs
WordPress SVG Support: How to Enable SVGs in WordPress2631
how-tos, wordpress, svg, images
Make Forms Fun With Flexbox (cra)2630
forms, css, flexbox, layout
Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript2629
css, javascript, tips-and-tricks
An Introduction to SVG Filters2628
introductions, svg, images, filters
Building Social: A Case Study on Progressive Enhancement (sma)2627
javascript, progressive-enhancement, case-studies
5 Information Architecture Warning Signs in Your Analytics Reports (nng)2626
information-architecture, metrics, analytics
5 Key Ways to Improve Engagement Metrics for Your Content2625
content, content-strategy, seo, metrics
Accessible SVGs in High Contrast Mode (eri/css)2624
accessibility, svg, images, contrast, colors
Notepad++ Release 7 64-Bit Available2623
release-notes, notepad++
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof)2622
w3c, html, standards
Web Development as a Hack of Hacks (ppk)2621
javascript, css
8 Tips to AMPlify Your Clients2620
amp
HTML5: Optional HTML Tags2619
html, google
Why We Should All Be Data Literate (ali)2618
metrics, career, link-lists
Web Accessibility: Why It Matters and What Governments Can Do About It2617
accessibility, legal, forms
HTML—From 5.1 to 5.2 (w3c)2616
html, standards, w3c
Quick Tip: How to Declare Variables in JavaScript2615
how-tos, tips-and-tricks, variables, javascript
Transpiling ES6 (css)2614
ecmascript, javascript, transpiling, babel
How to Write Your Own Custom Sass Functions2613
how-tos, sass, functions, examples
Working With Colors Guide (sar/css)2612
guides, colors, units, functions, preprocessors, sass, less, stylus, blend-modes, css
Dyslexia, [Typos,] and Web Compatibility (kar)2611
mistakes, support, interoperability, web-platform, dyslexia
Content Security Policy, Your Future Best Friend (sma)2610
security, csp, link-lists
Autoprefixing, With CSS Variables! (lea)2609
css, vendor-extensions, custom-properties
Where Things Are at in the CSS Grid Layout Working Draft2608
css, grids, layout
Webfonts on the Prairie (ali)2607
fonts, metrics
How Information Overload Is Ruining Your Work Life (dxn)2606
career, communication
YAML: Probably Not So Great After All (arp)2605
yaml
Are Icons Content? (chr/css)2604
icons, images, html, content
How We Use Prototyping, and How It Made Us More Efficient (sma)2603
design, prototyping, processes, efficiency, case-studies
When Is the Right Time to Think About Web Performance? (fon/css)2602
performance, processes
Fun Times With CSS Pixel Art (geo/css)2601
css, art
Using Browserify in Electron Applications2600
browserify, electron
Spectre: A Lightweight CSS Framework2599
css, frameworks
Developing Extensible HTML and CSS Components (jon/css)2598
html, css, components, extensibility
Accessible SVGs (css)2597
svg, images, accessibility, examples
Using WebP Images (mal/css)2596
webp, images, conversion
Upgrading CSS Animation With Motion Curves (sma)2595
css, animations, transitions, techniques
Code: Align the Happy Path to the Left Edge2594
programming, best-practices, go
How to Choose the Right CSS Toolkits and Frameworks (mia+)2593
interviews, how-tos, css, tooling, frameworks
Helping Users Easily Access Content on Mobile2592
google, search, mobile, content
PHP—the Wrong Way2591
websites, php
Five Myths About the Web (was)2590
web, history, myths
Accelerated Mobile Pages, a Critical View (j9t)2589
amp
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)2588
html, css, attributes, selectors, naming
Communicating Animation (rac/ali)2587
communication, animations, design, interaction-design
Art and Philosophy in Programming2586
programming, art
How-To: Static Site With Grow.io and Netlify2585
videos, how-tos, grow, netlify
A Beginner’s Guide to Progressive Web Apps (kev/sma)2584
guides, web-apps, progressive-web-apps
Get the Original Image From a Data URL (chr/css)2583
images, data-urls
Creating AMP Pages With Perch (rac)2582
perch, amp
Practical SVG (chr/ali)2581
images, svg
Electron Internals: Using Node as a Library (ele)2580
electron, nodejs
Is Houdini Ready Yet‽ (sur)2579
websites, overviews, css, apis, houdini, support, browsers
A Refined Content Security Policy (web)2578
html, csp, security, webkit, safari, browsers
Edge Is the Only Browser to Perform 100% in HTML5 Accessibility Test2577
edge, browsers, accessibility
25 Years Ago the World Changed Forever (amy/w3c)2576
web, history, anniversaries, w3c
CSS “mix-blend-mode” Is Bad for Your Browsing History2575
css, blend-modes, privacy
The Art of a Pull Request2574
version-control, code-reviews, processes, quality
Release Notes for Safari Technology Preview 10 (jon/web)2573
release-notes, safari, browsers
Precedence in CSS (When Order of CSS Matters) (chr/css)2572
css, selectors, cascade
Using a Static Site Generator at Scale: Lessons Learned (dea/sma)2571
lessons, site-generators, scalability, jekyll
AMP Your Content—a Preview of AMP’ed Results in Search2570
amp, search
High Performance SVGs (sar/css)2569
svg, images, performance, tooling, optimization
Shadow DOM v1—Self-Contained Web Components2568
shadow-dom, dom, web-components
The State of CSS Reflections (ana/css)2567
css, sass, animations, transforms
Getting Practical With Microcopy (sma)2566
content, microcontent, writing
Authentication Is Multi-Headed Beast for Purging Passwords (zdn)2565
authentication, passwords, standards
Give Your Development Domain a Different Favicon Than Production (chr/css)2564
environments, domains, favicons
Mobile First Is Not Mobile Only (nng)2563
mobile, navigation, usability
The Performance Benefits of “rel=noopener” (jaf)2562
html, links, performance, security
Modern Software Over-Engineering Mistakes2561
programming, software-design, mistakes
Visual Regression Testing With PhantomCSS2560
testing, regressions, tooling
Getting Started With Vue.js2559
introductions, vuejs
How to Use ES6 Arguments and Parameters (sma)2558
how-tos, ecmascript, javascript, examples
The Anatomy of a Coding Guideline (j9t)2557
quality, conventions
The Business Case for Progressive Web Apps (gri/clo)2556
economics, web-apps, progressive-web-apps
On Tailoring and Web Frameworks (j9t)2555
frameworks, craft
The Limits of “@supports” (ppk)2554
css, feature-detection
The Moment CSS Started Making “Sense” (geo/css)2553
css, community
ES6 Feature Complete (web)2552
webkit, safari, browsers, ecmascript, support
Lessons I May Have Learned From Working on Stylelint2551
lessons, stylelint
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc2550
html, formatting, tooling
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts2549
flash, html, monetization, marketing, google
An Introduction to Sass Data Types, Operators, and Functions2548
introductions, sass
Keyword Research: The Ultimate Guide (yoa)2547
guides, keywords, seo
WordPress Theme Automation With Gulp2546
wordpress, theming, automation, gulp
Redux: An Introduction (sma)2545
introductions, redux, state-management
The Foundation of Technical Leadership (bra/ali)2544
career, leadership, communication, collaboration
A History of CSS Image Replacement2543
css, image-replacement, techniques, examples, history
How to Think About Your Career2542
how-tos, career
Web Platform Security Boundaries (ann)2541
web-platform, security
Subresource Integrity (dev+/w3c)2540
security, hashing, html, standards
Don’t Overthink It (Flexbox) Grids (chr/css)2539
css, flexbox, layout
microformats.org at 11 (tan/mic)2538
microformats, anniversaries
Improving the Color Accessibility for Color-Blind Users (ada/sma)2537
accessibility, colors, color-blindness
The Future of the Web (ali)2536
web-platform, outlooks
Quick Tip: DRY Up Your Model Validations Tests2535
testing, validation, ruby-on-rails, principles, tips-and-tricks
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)2534
html, attributes, links, microcontent
Shortcuts and Tips for Improving Your Productivity With Sublime Text (sma)2533
sublime-text, code-editors, productivity, tips-and-tricks
A Quick Introduction to CoffeeScript2532
introductions, coffeescript
Using the HTML “lang” Attribute (tin/tpg)2531
accessibility, html, attributes, localization
HTML5 Has Changed the Internet but the World’s Now Ready for HTML62530
html, standards, web
An Overview of Liquid: Shopify’s Templating Language2529
overviews, liquid, template-engines, shopify
Form Validation UX in HTML and CSS (chr/css)2528
forms, validation, html, css, user-experience
10 Cool Things You Can Do With CodePen and JavaScript (chr)2527
codepen, tips-and-tricks
10 Guidelines for Using Material Design Wisely2526
guidelines, material-design
Pixel Density, Demystified2525
design, pixel-density
The Importance of Code Reviews (kit)2524
code-reviews, quality, collaboration
26 Impressive Web Projects Built With CSS Only2523
css, examples, link-lists
jQuery 3.0 Final Released (tim/jqu)2522
jquery, release-notes
AMP… and Drums… Faster Ads (kar)2521
amp, monetization, economics
Cleanly Handling a Fork on GitHub (tab)2520
git, github
How Using Yeoman Changed the Way We Work (css)2519
yeoman
A Wordy History of Default Browser Styles and CSS Resets2518
css, history, resets
Building a Blog With Kirby CMS2517
kirby, blogging, functionality
Introducing the CSS “Clip-Path” Property2516
introductions, css, clipping, animations
Regular Expressions in JavaScript (sen)2515
javascript, regex
Finishing HTML5.1… and Starting HTML5.2 (w3c)2514
html, standards, w3c
Battling BEM CSS: 10 Common Problems and How to Avoid Them (sma)2513
how-tos, bem, css, naming, namespaces