Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

“2010s” News Archive (3)

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