Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2010s” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Using Mixins in Vue.js (sar/css)2,697
vuejs, mixins
Why You Should Manage Your Energy, Not Your Time2,696
productivity, prioritization, career
Firefox 54: E10S-Multi, WebExtension APIs, CSS “clip-path” (moz)2,695
release-notes, firefox, mozilla, browsers
The Complete Guide to Switching From HTTP to HTTPS (sma)2,694
guides, http, security
Inclusive Design Principles (ian+)2,693
websites, principles, accessibility, dei, community
When Large Isn’t Large Enough: Designing With Hero Images (sma)2,692
design, images
How (Not) to Control Your CDN (mno)2,691
content-delivery, caching, security, http
Masking vs. Clipping: When to Use Each (sar/css)2,690
masking, clipping, svg, images, comparisons
Tor Browser 7.0 Is Released (bok/tor)2,689
release-notes, browsers, tor-browser
Color Accessibility Workflows (ali)2,688
accessibility, colors, wcag
Using Filters in Vue.js (sar/css)2,687
vuejs, filters
Componentizing a Framework (chr/css)2,686
frameworks, components
Laravel vs. Symfony—Clash of the Frameworks2,685
php, frameworks, laravel, symfony, comparisons
Empiricism—the Foundation of Scrum2,684
scrum, agile
70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization (j9t)2,683
css, optimization, metrics, efficiency, maintainability
Animating Single Div Art (css)2,682
html, css, animations, art
Version Control With Magento and Git (jef)2,681
version-control, git, magento
Three Reasons Why You Should Care About Google Lighthouse (fox/cal)2,680
performance, lighthouse, google
Micropub Is a W3C Recommendation (aar)2,679
blogging, content-management, standards
The Web’s Most Annoying Dark Patterns (cra)2,678
dark-patterns
Browserslist Is a Good Idea (chr/css)2,677
css, tooling, babel, browserslist
Break Out of Frames (per)2,676
frames, javascript
Intro to HapiJS (v16)2,675
introductions, frameworks
No Namespaces in JSON, Please (hsi)2,674
json, namespaces
Reflections on GAAD 2017 (w3c)2,673
awareness-days, accessibility
The Myth of “Unlimited Everything” Hosting Plans (jef)2,672
hosting, myths
What Is the Future of Front End Web Development? (chr/css)2,671
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, html, building, tooling
And Now, a Brief Definition of the Web (bac/ver)2,670
web, web-platform, links, open-web
Testing the Open Web Platform (tob/w3c)2,669
web-platform, testing
Python for Java People2,668
python, java
Design Systems: Real Talk (jin/btc)2,667
videos, design-systems, lessons
What We Talk About When We Talk About Web Performance (btc)2,666
videos, performance
Release Notes for Safari Technology Preview 30 (jon/web)2,665
release-notes, safari, apple, browsers
Some Extremely Handy “:nth-child” Recipes as Sass Mixins (css)2,664
css, selectors, sass, mixins, examples
Web Design Museum2,663
websites, history, web
Why We Didn’t Use a Framework (sma)2,662
frameworks, case-studies
The “web-platform-tests” Project (ple/w3c)2,661
web-platform, testing
Combine Webpack With Gulp 4 (css)2,660
webpack, bundling, gulp, automation
How to Create Custom WordPress Shortcodes for Your Editors (cra)2,659
how-tos, wordpress, php
Fluid Responsive Typography With CSS Poly Fluid Sizing (sma)2,658
typography, responsive-design, liquid-design, css, sass
Getting Started With PHP2,657
introductions, php, link-lists
The RED Method: Key Metrics for Microservices Architecture2,656
microservices, architecture, monitoring, metrics
5 Awesome Sublime Plugins You Won’t Find in Top Plugin Posts (moj/css)2,655
sublime-text, code-editors, plugins
A Product Manager’s Guide to Technical Debt2,654
guides, product-management, technical-debt
Simple Offline Website (chr/css)2,653
offline, examples
An Abridged Cartoon Introduction to WebAssembly (sma)2,652
introductions, webassembly
Easy AngularJS Authentication With Auth0 (ado)2,651
angularjs, authentication, auth0
The Issue With Preprocessing CSS Custom Properties (chr/css)2,650
css, custom-properties, preprocessors, javascript
How to Secure WordPress With SSL2,649
how-tos, wordpress, security, ssl
JavaScript Framework Comparison—AngularJS, Vue.js, Meteor.js, or Next.js2,648
javascript, frameworks, angularjs, vuejs, meteor, nextjs, comparisons
Encrypting IP Addresses (ber)2,647
ip, network, security, privacy, encryption
Quick Tip: How to Automate Social Media Posting With Jetpack2,646
how-tos, tips-and-tricks, social-media, automation, wordpress, plugins
Using ARIA (ste/w3c)2,645
guides, html, aria, accessibility
CSS Ruleset Terminology (chr/css)2,644
css, terminology
Four Killer Features of Nunjucks (chr/css)2,643
nunjucks
GIF, PNG, JPG, or SVG: Which One to Use?2,642
images, jpeg, png, gif, svg, webp, comparisons
Making Your Design Optically Perfect (raf)2,641
design, alignment
Ordered Lists With Unicode Symbols (css)2,640
css, lists, unicode
The Great Cloudwall2,639
cloudflare
What’s a Transducer? (rag)2,638
programming, javascript, functions, concepts
The Different Logical Ways to Group CSS Properties (chr/css)2,637
css, sorting, formatting, conventions
Why Localization Is Crucial for Brands to Build a Global Advantage2,636
localization, internationalization, branding, economics
Let the Content Delivery Network Optimize Your Images (jon/sma)2,635
content-delivery, images, optimization, performance
W3C Launches Front-End Developer Certificate2,634
w3c, training, career
How to Land a Development Job Without Experience2,633
how-tos, career
Optimizing Web Fonts for Performance: The State of the Art2,632
fonts, performance, optimization
Why I Abandoned “@ apply” (tab)2,631
css
Jekyll for WordPress Developers (sma)2,630
wordpress, jekyll, site-generators
Using “flow-root” Today (hel)2,629
css, floats
Unleashing the Full Potential of Symbols in Sketch (sma)2,628
sketch
It’s Time to Start Using CSS Custom Properties (sma)2,627
css, custom-properties, examples
New in Chrome 58 (pet/dev)2,626
release-notes, chrome, google, browsers
Total HTML Agnosticism (chr/css)2,625
html, tech-stacks
Managing the CSS Box Model (web)2,624
css, box-model
Firefox 53: Quantum Compositor, Compact Themes, CSS Masks, and More (moz)2,623
release-notes, firefox, mozilla, browsers
Template Technology Agnosticism (jus)2,622
tech-stacks, mustache
Managing Technology-Agnostic Design Systems (bra)2,621
design-systems, tech-stacks
Think You Know the Top Web Browsers? (pet)2,620
metrics, browsers, chrome, google, firefox, mozilla, safari, apple, internet-explorer, microsoft, opera, uc-browser
AMP for Retailers: Is It Worth It? (sma)2,619
amp, google, mobile, ecommerce
Brotli and Static Compression (mal/css)2,618
performance, compression, brotli, gzip, comparisons
Minifying CSS With CSS Optimizer (web)2,617
css, minification, tooling
Debugging Tips and Tricks (sar/css)2,616
debugging, css, javascript, tooling, dev-tools, browsers, link-lists, tips-and-tricks
PWA Stats (clo)2,615
websites, web-apps, progressive-web-apps, case-studies, metrics
A Comprehensive Guide to HTTP/2 Server Push (mal/sma)2,614
guides, http, protocols, servers, performance
Let’s Define Exactly What Atomic CSS Is (joh/css)2,613
atomic-css, presentational-html, concepts, examples, link-lists
Conventional Commits2,612
websites, version-control, commit-messages, conventions, documentation
Container Query Discussion (chr/css)2,611
css, container-queries, responsive-design
WCAG Accessibility Conformance Testing (ACT) (w3c)2,610
accessibility, wcag, compliance, testing
JavaScript Operators, Conditionals, and Functions2,609
javascript, operators, conditionals, functions
What Is the Right Image Format for Your Website?2,608
images, compression, jpeg, gif, png, svg, webp
WordPress Version Control With Git (jef)2,607
wordpress, version-control, git
Why Staging Environments Are Critical for WordPress Sites (jef)2,606
wordpress, environments, hosting, processes
Accessible Breadcrumb Navigation Pattern (sco)2,605
accessibility, navigation, breadcrumbs, aria
How to Secure Your Web App With HTTP Headers (sma)2,604
how-tos, web-apps, security, http, http-headers, csp
Grid Garden2,603
websites, css, layout, grids, experiments
Making Animations Wait (css)2,602
css, animations, events, javascript
Taking Steps Towards Scrum2,601
scrum, agile, processes
The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery)2,600
fundamentals, dom, javascript
How to Get Started With Marketing Automation for Free2,599
how-tos, marketing, automation, link-lists
Practical CSS Grid: Adding Grid to an Existing Design (mey/ali)2,598
css, grids, layout
The Road to Resilient Web Design (ada/sma)2,597
design, responsive-design, resilience
Writing JavaScript With Accessibility in Mind (mat)2,596
javascript, accessibility, focus, buttons, semantics, aria
The Debugging Mindset (acm)2,595
debugging
Text Effects With CSS (and a Little “contenteditable” Trick) (chr/css)2,594
css, effects
Why Every Business Needs a Website (jef)2,593
economics, domains, hosting, maintenance
Stylus: Beginners Guide2,592
guides, stylus
Guetzli, Google’s New JPEG Encoder (tel)2,591
performance, images, jpeg, compression, tooling
I Need a Website—What Do I Need to Know About Hosting?2,590
hosting
What Is HTTP/2? (cra)2,589
protocols, http
Measuring Image Widths in JavaScript (Carefully) (chr/css)2,588
images, javascript
How to Develop an Interactive Command Line Application Using Node.js (sma)2,587
how-tos, nodejs, javascript, command-line
Need to Do Dependency-Free AJAX? (chr/css)2,586
ajax, jquery, javascript, promises
Getting Started With CSS Grid (fon/css)2,585
introductions, css, grids, layout
28th Birthday of the Web (w3c)2,584
anniversaries, web
Flat-Design Best Practices (nng)2,583
flat-design, design, best-practices
“Serverless” (chr/css)2,582
serverless, concepts
Using CSS Transitions on Auto Dimensions (css)2,581
css, transitions, transforms, animations
Debugging the Web Browser Control With Firebug (ric)2,580
debugging, firebug
AMP and the Web (tka)2,579
amp, google, web-platform, web, performance
Linting HTML Using CSS (ire)2,578
html, css, linting, quality
The Document Outline Dilemma (ame/css)2,577
html, headings, semantics, accessibility
What Is the Best Book for Learning JavaScript?2,576
books, javascript
How to Design and Sell Themes (With Success) (dxn)2,575
how-tos, theming, design, monetization
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)2,574
slides, react, accessibility, dom
Just Another HTTPS Nudge (chr/css)2,573
security, http
What Is SMACSS and How to Use It2,572
how-tos, smacss, css
Prioritising Your Company’s Web Accessibility2,571
accessibility, prioritization
When Your Code Has to Work: Complying With Legal Mandates (aar/sma)2,570
javascript, cookies, consent-management, legal
Static Site Generators vs. Caching (bre)2,569
static-site-generation, caching
How to Become a Better Developer by Coding Less2,568
how-tos, career, processes, productivity
On EME in HTML5 (tim/w3c)2,567
eme, drm, html, legal, security, standards, w3c
An Animated Intro to RxJS (dav/css)2,566
introductions, libraries, javascript
Annotation Is Now a Web Standard2,565
standards, annotations, w3c
How to Use Shadows and Blur Effects in Modern UI Design (sma)2,564
how-tos, design, shadows, effects
Web Layout 101: Vertical Rhythm Is a Drummer (mis)2,563
introductions, layout, design
Responsive CSS Patterns Without Media Queries2,562
css, responsive-design
Get Started With Variable Fonts (ric)2,561
introductions, variable-fonts, fonts
Do We Need a New Heading Element? We Don’t Know (jaf)2,560
html, headings
CSS Grid: One Layout, Multiple Ways (geo/css)2,559
css, grids, layout, examples
An Introduction to WordPress Permalinks2,558
introductions, wordpress, links, urls
CSS Tip: Use “:not” to Save Time and Lines of Code (sas)2,557
css, selectors, tips-and-tricks
An Engineering Manager’s Guide to Rebranding2,556
guides, processes, redesigning, branding, marketing, releasing, engineering-management
Principles of Web Development (j9t)2,555
principles, user-experience, quality, simplicity, maintainability, learning
web-platform-tests2,554
websites, web-platform, standards, browsers, testing
Free Fonts With Personality and Style (sma)2,553
fonts, link-lists
An Introduction to the Reduced Motion Media Query (eri/css)2,552
introductions, css, media-queries, reduced-motion, accessibility
Code Smells in CSS (chr/css)2,551
css, maintainability, technical-debt, anti-patterns
CSS3 Trends for 20172,550
css, trends
21 Steps to Becoming a Successful Web Developer2,549
career
Apple’s WebKit Team Proposes W3C Community Group to Strive for More Powerful Graphics on the Web2,548
apple, webkit, w3c, webgpu
HTML APIs: What They Are and How to Design a Good One (lea/sma)2,547
how-tos, html, apis, javascript
What Really Makes a Static Site Generator? (rem/css)2,546
site-generators
The State of UX Agile Development (nng)2,545
user-experience, design, agile, processes, collaboration
Considering How We Use HTTP/2 (mal/ali)2,544
performance, optimization, http, protocols
Mobile First Is Just Not Good Enough: Meet Journey-Driven Design (sma)2,543
design, mobile-first, mobile, responsive-design, processes
Using HTTP/2 Responsibly: Adapting for Users (mal/ali)2,542
http, protocols, support, servers, performance
20+ Docs and Guides for Front-End Developers (lou)2,541
html, css, javascript, link-lists
Intro to Vue.js: Components, Props, and Slots (sar/css)2,540
introductions, vuejs, components, props
9 WordPress Plugins to Help Get More Social Shares2,539
wordpress, plugins, social-media, link-lists
What’s New in ECMAScript 2017 (paw)2,538
ecmascript, standards
“My Code Is Self-Documenting” (eri)2,537
documentation, comments, myths
CSS Selectors: Specificity (web)2,536
css, selectors, cascade
Protect Your Site From User-Generated Spam2,535
spam, blogging, tips-and-tricks
How Mail.ru Reduced Email Storage From 50 to 32 PB (sma)2,534
storage, email, optimization, case-studies
Building a Fully-Accessible Help Tooltip (sar)2,533
accessibility, tooltips, html, aria
Need Lorem Ipsum? Inside HTML? (chr/css)2,532
html, placeholders, tooling
The JavaScript Standard2,531
javascript, ecmascript, history, standards
Using SSH Securely (ann)2,530
ssh, security
CSS Selectors: Pseudo-Elements (web)2,529
css, selectors
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css)2,528
html, tables, css
2016 JavaScript Rising Stars (sac)2,527
javascript, frameworks, nodejs, react, mobile, compiling, building, testing, tooling, code-editors, retrospectives
CSS for Programmers—Building a Custom CSS Button (dai)2,526
css, buttons
People’s Names That Break Websites (chr/css)2,525
validation, sanitization, naming, localization
React Internationalization How-To (sma)2,524
how-tos, react, internationalization
Writing Element Queries Today Using EQCSS2,523
css, libraries
Align SVG Icons to Text and Say Goodbye to Font Icons2,522
svg, images, icons, icon-fonts, fonts, css, design, alignment
10 Node.js Best Practices: Enlightenment From the Node Gurus2,521
nodejs, best-practices, npm, environments, event-loop, naming, scalability, caching, express
Foundation Framework Crash Course2,520
videos, crash-courses, foundation
Making “input type=date” Complicated (ppk)2,519
html, forms, edge, microsoft, chrome, google, browsers, comparisons
Accessibility Is a Civil Right (mar)2,518
accessibility
WCAG 2.0 AA Gains Prominence as Website Accessibility Standard (jds)2,517
accessibility, standards, wcag, legal, ada
CSS Selectors: Attribute Selectors (web)2,516
css, attributes, selectors
Using the “aria-current” Attribute (tin)2,515
html, attributes, aria, accessibility
HTML5 Page Structure Basics (lou)2,514
fundamentals, html, semantics
Webmention (aar/w3c)2,513
webmentions, urls, standards
Say Hello to Opera Neon, Our New Concept Browser2,512
opera, browsers
How Functional Animation Helps Improve User Experience (sma)2,511
animations, design, user-experience
Random Numbers in CSS (fon/css)2,510
css, animations, randomness
CSS Selectors: Combinators (web)2,509
css, selectors
An HTML5 FAQ (lou)2,508
html
webcomponents.org2,507
websites, web-components, examples
Know It All2,506
websites, css, html, dom, javascript, svg, cssom, nodejs
A Compendium of SVG Information (chr/css)2,505
overviews, svg, images, link-lists
10 Web Predictions for 2017 (cra)2,504
web, outlooks, mobile, mobile-first, css, web-apps, native, browsers, frameworks
Improve Your Website’s Accessibility With WAI–ARIA (lou)2,503
accessibility, html, aria, optimization
More Than 300 Federal Gov Websites Fail to Meet Domain Encryption Deadline2,502
http, tls, protocols, security, encryption
The Imbalance of Culture Fit (ali)2,501
culture, collaboration, communication, engineering-management
Solving npm Scripts Problems in JavaScript Projects (hcr)2,500
npm, yarn, javascript
Develop Locally, Use Images From Production (chr/css)2,499
environments, processes, images, apache, servers
Communication Is the Job2,498
communication
Let’s Use “const”! Here’s Why2,497
ecmascript, javascript, variables
Best Text Editor? Atom vs. Sublime vs. Visual Studio Code vs. Vim2,496
code-editors, sublime-text, microsoft, vs-code, vi+vim, comparisons
Serving Custom Headers From Static Sites on CloudFront/S3 With Lambda@Edge2,495
aws, serverless, lambda, cloudfront, http, http-headers, edge-computing
Presentation Attributes vs. Inline Styles (chr/css)2,494
html, svg, attributes, css, comparisons
The Dark Side of Polyfilling CSS (phi)2,493
css, polyfills, houdini
CSS Shorthand Syntax Considered Important (j9t)2,492
css, shorthands
Release Notes for Safari Technology Preview 20 (jon/web)2,491
release-notes, safari, apple, browsers
Front-End Tools: My Favorite Finds of 2016 (lou)2,490
html, css, javascript, tooling, link-lists
Speed Up Oh My Zsh2,489
command-line, oh-my-zsh, optimization
Introducing CSS3 (lou)2,488
introductions, css
JavaScript: 2016 in Review (cra)2,487
javascript, retrospectives
Scaling Responsive Animations (zac/css)2,486
css, animations, scaling, responsive-design
A Brief Introduction to Scrum2,485
introductions, scrum, agile, processes
Content Security Policy Level 2 (mik+/w3c)2,484
standards, csp, security
Demystifying Public Speaking (ali)2,483
career, communication, advocacy, developer-relations, business-relations
Introducing HTML5 (lou)2,482
introductions, html
Styling Web Components Using a Shared Style Sheet (ste/sma)2,481
web-components, css
What the Internet Looked Like in 1973: Tiny Map Shows the Entire Network Was Made Up of Just 42 Computers (sta/dai)2,480
web, network, history
Why I Don’t Use CSS Preprocessors (j9t)2,479
css, preprocessors
11 Tips to Optimize JavaScript and Improve Website Loading and Rendering Speeds2,478
javascript, performance, optimization, minification, compression, caching
CSS Shorthand Syntax Considered an Anti-Pattern (css)2,477
css, shorthands, anti-patterns
Reading Content on Mobile Devices (nng)2,476
mobile, content
Best Practices for Animated Progress Indicators (sma)2,475
progress-indicators, animations, best-practices, usability
[Insert Clickbait Headline About Progressive Enhancement Here] (aar)2,474
progressive-enhancement, principles, javascript, economics
How the 404 Error Created the World Wide Web2,473
history, web, links, http
The Web, Worldwide (tka)2,472
websites, performance, metrics
A Checklist for Website Reviews (hcr)2,471
checklists, performance, browsers, seo, accessibility, security
Loops in CSS Preprocessors (mia/css)2,470
preprocessors, sass, less, stylus, loops
Performant Parallaxing (aer/dev)2,469
scrolling, css, effects, parallax, positioning, performance
The Case Against Progressive Enhancement’s Flimsy Moral Foundation (vig)2,468
progressive-enhancement, ethics
The Value of Attending Conferences (foo)2,467
career, community
What’s New in HTML 5.12,466
html, semantics
Experimenting With Color Fonts (fon/css)2,465
fonts, colors, experiments
Are You Writing ES6 JavaScript Yet?2,464
javascript, ecmascript
HTML5 Is the Next $100 Billion Game Platform (ven)2,463
html, mobile, native
Nesting Your BEM? (css)2,462
css, bem, nesting
Frameworks Without the Framework: Why Didn’t We Think of This Sooner? (ric/sve)2,461
frameworks, svelte
Random Interesting Facts on HTML/SVG Usage (cat/css)2,460
html, svg, metrics, amp, accessibility
Pay the Price for Open Source2,459
foss, licensing, php
Performance: Shame, Hope, Nuance, and Interesting Problems (bka)2,458
performance
Style List Markers in CSS (chr/css)2,457
css, selectors, lists
The API-Based CMS Approach (css)2,456
content-management, tooling, apis
Web Layout 101: Making the Most of the Top Right Corner2,455
introductions, design, layout
HTML 5.1 Is the Gold Standard (ple/w3c)2,454
html, standards, w3c
HTML 5.1 Update Available With New Features and Changes2,453
html, w3c
Refactoring CSS Without Losing Your Mind (css/btc)2,452
videos, css, technical-debt, maintenance, refactoring
The Coming Revolution in Email Design (ali)2,451
email, design, mjml
The Joy of Optimizing (una/btc)2,450
videos, images, performance, optimization
Typography Is Code (fra/btc)2,449
videos, typography
Writing Less Damned Code (hey/btc)2,448
videos, simplicity
Everything You Need to Know About Emoji (sma)2,447
emoji, unicode, character-references, encoding
Stop Using the Old “Clearfix” (j9t)2,446
css, floats, presentational-html, maintainability, html
Web Accessibility in the UK—True Facts (abr)2,445
accessibility, metrics
How to Design Better Buttons (sma)2,444
how-tos, design, buttons, forms, usability
“position: sticky;” (chr/css)2,443
css, positioning
10 Ways to Earn Money From Your Site (dxn)2,442
monetization, marketing, economics
Get Started on the CSS of the Future With PostCSS-cssnext2,441
introductions, css, postcss, postprocessors, tooling
Logging Errors in Client-Side Applications2,440
web-apps, single-page-apps, errors, logging, monitoring
Mobile-First Indexing2,439
google, search, mobile, mobile-first
The Top 10 Reasons to Sell Your Website2,438
monetization
Create Thumbnails With PHP (rik)2,437
php, images
Awaken the Champion A/B Tester Within (ali)2,436
testing, user-conversion
Browser Trends November 2016: Rise of the Underdog (cra)2,435
browsers, trends, metrics
CSS Post-Processors for Beginners: Tips and Resources2,434
css, postprocessors, tooling, postcss, link-lists
A Crash Course of Changes to Exception Handling in PHP 72,433
crash-courses, php, errors, debugging
Is JavaScript Always the Best Solution?2,432
javascript
Top 10 Enduring Web-Design Mistakes (nng)2,431
design, mistakes, usability
Spoooooky CSS Selectors (chr/css)2,430
css, selectors, examples
How to Use AJAX in WordPress—a Real World Example2,429
how-tos, ajax, wordpress
What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css)2,428
css, preprocessors, custom-properties, variables, comparisons
Responsive Images in CSS (chr/css)2,427
images, responsive-design, css, html
Web Packaging Format2,426
web-packaging, performance
On Style Maintenance (sar/css)2,425
programming, css, maintenance, maintainability, oocss
The Movement Towards Motion in Website Backgrounds2,424
animations, backgrounds, design
Password-Less Authentication in Rails2,423
ruby-on-rails, authentication
Continue Normalising Your CSS (css)2,422
normalize-css, css, consistency, design
Landing Page Design: 15 Tips for High Conversions2,421
design, landing-pages, tips-and-tricks, user-conversion
Loop Through a Collection of DOM Elements (paw)2,420
javascript, dom
Progressive Web Apps: Bridging the Gap Between Web and Mobile2,419
web-apps, progressive-web-apps, desktop, mobile, native
4 Reasons Why an Accessible Website Is a Win–Win (osd)2,418
accessibility, seo, user-experience, legal
CSS Quick Tip: Solving Common CSS Problems2,417
css, centering, vendor-extensions, debugging, grunt, gulp, tips-and-tricks
JavaScript for Web Designers: DOM Scripting (wil/ali)2,416
javascript, dom
How to Develop a Chat Bot With Node.js (sma)2,415
how-tos, nodejs, javascript, functionality
An Interview With Miriam Suzanne (mia+/css)2,414
interviews, history, css
Standards on GitHub (ann)2,413
standards, github
Taking the Pattern Library to the Next Level (vit/sma)2,412
design, documentation, pattern-libraries, style-guides, design-systems
Release Notes for Safari Technology Preview 15 (web)2,411
release-notes, safari, apple, browsers
Putting Down Event Infrastructure in Gecko (mar)2,410
browsers, browser-engines, gecko, events
Using CSS Mod Queries With Range Selectors (ali)2,409
css, selectors
Styling Underlines on the Web (joh/css)2,408
css, borders, shadows
SVG and Media Queries (jaf)2,407
svg, images, css, media-queries, canvas, support, browsers
Silverlight Techniques for WCAG 2.0 (w3c)2,406
accessibility, wcag, techniques, silverlight
4 Ways to Future Proof Your WordPress Site2,405
wordpress, hosting, maintenance
Debug Your CSS With Outline Visualizations (kar)2,404
css, debugging, dev-tools
Next Generation Server Compression With Brotli (mal/sma)2,403
compression, brotli, gzip, comparisons, performance
The Glory Days of the Web (bka)2,402
web-platform, html, css, javascript, frameworks, libraries, history
Will We Be Flattening Our HTML for CSS Grids? (chr/css)2,401
css, grids, layout, html
A Redesign With CSS Shapes (mey/ali)2,400
css, shapes, redesigning, case-studies
How It Feels to Learn JavaScript in 2016 (hac)2,399
javascript, learning
The SVG “path” Syntax: An Illustrated Guide (chr/css)2,398
guides, svg, images
W3C Web Payments HTTP Specification Working Drafts Released (inf)2,397
w3c, economics
WordPress SVG Support: How to Enable SVGs in WordPress2,396
how-tos, wordpress, svg, images
Microsoft Widens Edge Browser Bug Hunt for Bounty Hunters (the)2,395
edge, microsoft, browsers
Make Forms Fun With Flexbox (cra)2,394
forms, css, flexbox, layout
Quick Tip: Add or Remove a CSS Class With Vanilla JavaScript2,393
css, javascript, tips-and-tricks
Building Social: A Case Study on Progressive Enhancement (sma)2,392
javascript, progressive-enhancement, case-studies
5 Information Architecture Warning Signs in Your Analytics Reports (nng)2,391
information-architecture, metrics, analytics
5 Key Ways to Improve Engagement Metrics for Your Content2,390
content, content-strategy, seo, metrics
Accessible SVGs in High Contrast Mode (eri/css)2,389
accessibility, svg, images, contrast, colors
Notepad++ Release 7 64-Bit Available2,388
release-notes, notepad++
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof)2,387
w3c, html, standards
8 Tips to AMPlify Your Clients2,386
amp, google
Why We Should All Be Data Literate (ali)2,385
metrics, career, link-lists
HTML5: Optional HTML Tags2,384
html, google
HTML—From 5.1 to 5.2 (w3c)2,383
html, standards, w3c
Web Accessibility: Why It Matters and What Governments Can Do About It2,382
accessibility, legal, forms
Quick Tip: How to Declare Variables in JavaScript2,381
how-tos, tips-and-tricks, variables, javascript
Transpiling ES6 (css)2,380
ecmascript, javascript, transpiling, babel
Content Security Policy, Your Future Best Friend (sma)2,379
security, csp, link-lists
Dyslexia, [Typos,] and Web Compatibility (kar)2,378
mistakes, support, interoperability, web-platform
Working With Colors Guide (sar/css)2,377
guides, colors, units, functions, preprocessors, sass, less, stylus, blend-modes, css
Autoprefixing, With CSS Variables! (lea)2,376
css, vendor-extensions, custom-properties
Where Things Are at in the CSS Grid Layout Working Draft2,375
css, grids, layout
Webfonts on the Prairie (ali)2,374
fonts, metrics
How Information Overload Is Ruining Your Work Life (dxn)2,373
career, communication
YAML: Probably Not So Great After All (arp)2,372
yaml
Are Icons Content? (chr/css)2,371
icons, images, html, content
How We Use Prototyping, and How It Made Us More Efficient (sma)2,370
design, prototyping, processes, efficiency, case-studies
When Is the Right Time to Think About Web Performance? (fon/css)2,369
performance, processes
Fun Times With CSS Pixel Art (geo/css)2,368
css, art
Spectre: A Lightweight CSS Framework2,367
css, frameworks
Developing Extensible HTML and CSS Components (jon/css)2,366
html, css, components, extensibility
Accessible SVGs (css)2,365
svg, images, accessibility, examples
Using WebP Images (mal/css)2,364
webp, images, conversion
Upgrading CSS Animation With Motion Curves (sma)2,363
css, animations, transitions, techniques
Code: Align the Happy Path to the Left Edge2,362
programming, best-practices, go
How to Choose the Right CSS Toolkits and Frameworks (mia+)2,361
interviews, how-tos, css, tooling, frameworks
Helping Users Easily Access Content on Mobile2,360
google, search, mobile, content
Five Myths About the Web (was)2,359
web, history, myths
PHP—the Wrong Way2,358
websites, php
Accelerated Mobile Pages, a Critical View (j9t)2,357
google, amp
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css)2,356
html, css, attributes, selectors, naming
Communicating Animation (ali)2,355
communication, animations, design, interaction-design
Art and Philosophy in Programming2,354
programming, art
How-To: Static Site With Grow.io and Netlify2,353
videos, how-tos, grow, netlify
A Beginner’s Guide to Progressive Web Apps (kev/sma)2,352
guides, web-apps, progressive-web-apps
Creating AMP Pages With Perch (rac)2,351
perch, amp, google
Get the Original Image From a Data URL (chr/css)2,350
images, data-urls
Practical SVG (chr/ali)2,349
images, svg
Electron Internals: Using Node as a Library (ele)2,348
electron, nodejs
A Refined Content Security Policy (web)2,347
html, csp, security, webkit, safari, apple, browsers
Edge Is the Only Browser to Perform 100% in HTML5 Accessibility Test2,346
edge, microsoft, browsers, accessibility
Is Houdini Ready Yet‽ (sur)2,345
websites, overviews, css, apis, houdini, support, browsers
25 Years Ago the World Changed Forever (amy/w3c)2,344
web, history, anniversaries, w3c
CSS “mix-blend-mode” Is Bad for Your Browsing History2,343
css, blend-modes, privacy
Release Notes for Safari Technology Preview 10 (jon/web)2,342
release-notes, safari, apple, browsers
The Art of a Pull Request2,341
version-control, code-reviews, processes, quality
Precedence in CSS (When Order of CSS Matters) (chr/css)2,340
css, selectors, cascade
Using a Static Site Generator at Scale: Lessons Learned (dea/sma)2,339
lessons, site-generators, scalability, jekyll
AMP Your Content—a Preview of AMP’ed Results in Search2,338
google, amp, search
High Performance SVGs (sar/css)2,337
svg, images, performance, tooling, optimization
Shadow DOM v1—Self-Contained Web Components (dev)2,336
shadow-dom, dom, web-components
The State of CSS Reflections (ana/css)2,335
css, sass, animations, transforms
Getting Practical With Microcopy (sma)2,334
content, microcontent, writing
Authentication Is Multi-Headed Beast for Purging Passwords (zdn)2,333
authentication, passwords, standards
Give Your Development Domain a Different Favicon Than Production (chr/css)2,332
environments, domains, favicons
Mobile First Is Not Mobile Only (nng)2,331
mobile, navigation, usability
Getting Started With Vue.js2,330
introductions, vuejs
The Performance Benefits of “rel=noopener” (jaf)2,329
html, links, performance, security
Visual Regression Testing With PhantomCSS2,328
testing, regressions, tooling
Modern Software Over-Engineering Mistakes2,327
programming, software-design, mistakes
How to Use ES6 Arguments and Parameters (sma)2,326
how-tos, ecmascript, javascript, examples
The Anatomy of a Coding Guideline (j9t)2,325
quality, conventions
The Business Case for Progressive Web Apps (gri/clo)2,324
economics, web-apps, progressive-web-apps
On Tailoring and Web Frameworks (j9t)2,323
frameworks, craft
The Moment CSS Started Making “Sense” (geo/css)2,322
css, community
ES6 Feature Complete (web)2,321
webkit, safari, apple, browsers, ecmascript, support
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc2,320
html, formatting, tooling
Lessons I May Have Learned From Working on Stylelint2,319
lessons, stylelint
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts2,318
flash, html, monetization, marketing, google
Keyword Research: The Ultimate Guide (yoa)2,317
guides, keywords, seo
WordPress Theme Automation With Gulp2,316
wordpress, theming, automation, gulp
Redux: An Introduction (sma)2,315
introductions, redux, state-management
The Foundation of Technical Leadership (bra/ali)2,314
career, leadership, communication, collaboration
A History of CSS Image Replacement2,313
css, image-replacement, techniques, examples, history
How to Think About Your Career2,312
how-tos, career
Web Platform Security Boundaries (ann)2,311
web-platform, security
Subresource Integrity (dev+/w3c)2,310
security, hashing, html, standards
Don’t Overthink It (Flexbox) Grids (chr/css)2,309
css, flexbox, layout
microformats.org at 11 (tan/mic)2,308
microformats, anniversaries
Improving the Color Accessibility for Color-Blind Users (ada/sma)2,307
accessibility, colors, color-blindness
The Future of the Web (ali)2,306
web-platform, outlooks
Quick Tip: DRY Up Your Model Validations Tests2,305
testing, validation, ruby-on-rails, principles, tips-and-tricks
Using the “title” Attribute to Help Users Predict Where They Are Going (nng)2,304
html, attributes, links, microcontent
A Quick Introduction to CoffeeScript2,303
introductions, coffeescript
Shortcuts and Tips for Improving Your Productivity With Sublime Text (sma)2,302
sublime-text, code-editors, productivity, tips-and-tricks
An Overview of Liquid: Shopify’s Templating Language2,301
overviews, liquid, template-engines, shopify
HTML5 Has Changed the Internet but the World’s Now Ready for HTML62,300
html, standards, web
Using the HTML “lang” Attribute (tin/tpg)2,299
accessibility, html, attributes, localization
10 Cool Things You Can Do With CodePen and JavaScript (chr)2,298
codepen, tips-and-tricks
10 Guidelines for Using Material Design Wisely2,297
guidelines, material-design, google
Form Validation UX in HTML and CSS (chr/css)2,296
forms, validation, html, css, user-experience
The Importance of Code Reviews (kit)2,295
code-reviews, quality, collaboration
Pixel Density, Demystified2,294
design, pixel-density
26 Impressive Web Projects Built With CSS Only2,293
css, examples, link-lists
AMP… and Drums… Faster Ads (kar)2,292
amp, google, monetization, economics
jQuery 3.0 Final Released (tim/jqu)2,291
jquery, release-notes
Cleanly Handling a Fork on GitHub (tab)2,290
git, github
How Using Yeoman Changed the Way We Work (css)2,289
yeoman
A Wordy History of Default Browser Styles and CSS Resets2,288
css, history, resets
Finishing HTML5.1… and Starting HTML5.2 (w3c)2,287
html, standards, w3c
Introducing the CSS “Clip-Path” Property2,286
introductions, css, clipping, animations
Regular Expressions in JavaScript (sen)2,285
javascript, regex
Battling BEM CSS: 10 Common Problems and How to Avoid Them (sma)2,284
how-tos, bem, css, naming, namespaces
The Beginner’s Guide to Content Strategy2,283
guides, content-strategy, content
Ways You Need to Tell the Browser How to Optimize (chr/css)2,282
browsers, css, performance, optimization
HTML Manifest (bru)2,281
html, web-apps
Advice From a Young Designer to Younger Designers (lil/btc)2,280
videos, career, design
Designing Meaningful Animation (vlh/btc)2,279
videos, design, animations, css
Typography on the Web Is Like Other Typography Only More Interesting (kup/btc)2,278
videos, typography
Considerations for Styling the “pre” Tag (chr/css)2,277
html, css, syntax-highlighting
Quick Tip: Single Character Transforms With CSS and JS2,276
effects, css, javascript, tips-and-tricks
Stylelint: The Style Sheet Linter We’ve Always Wanted (sma)2,275
css, tooling, linting, stylelint
An Introduction to the Basics of Modern CSS Buttons2,274
fundamentals, introductions, css, buttons
Building a Robust Frontend Using Progressive Enhancement2,273
html, css, javascript, single-page-apps, testing, progressive-enhancement
CSS Modules and React (fon/css)2,272
css, modules, react, javascript
Understanding the CSS Property Value Syntax (sma)2,271
css, standards, concepts
Crash Course: Learn the Sketch UI in Roughly 4 Minutes 20 Seconds (dxn)2,270
crash-courses, design, sketch
Cloudflare Is Ruining the Internet (for Me)2,269
cloudflare, captcha, web, user-experience
An Intro to Google Tag Manager (css)2,268
introductions, google, tag-management, analytics, tooling
A Tale of CSS and Sass Precision (kit)2,267
css, sass
Schools of Thoughts in Web Standards (kar)2,266
standards, principles
Brief History of JavaScript Modules2,265
javascript, modules, commonjs, esm, webpack, rollup, tooling, history
Electron 1.0 (jlo/ele)2,264
release-notes, electron
My URL Isn’t Your URL (bag)2,263
urls, standards
IPDF and W3C Look Into a Merger (sdt)2,262
w3c
Never Show a Design You Haven’t Tested on Users (ali)2,261
design, usability, user-experience, testing
On Design Systems: Sell the Output, Not the Workflow (vit/sma)2,260
design-systems, communication, processes
Accessibility and Performance (mar)2,259
accessibility, performance, javascript, optimization
Service Workers and PWAs: It’s About Reliable Performance, Not “Offline” (sli)2,258
web-apps, progressive-web-apps, web-workers, javascript, performance
An Ultimate Guide to CSS Pseudo Classes and Pseudo Elements (sma)2,257
guides, css, selectors, examples
Introducing the CSS Grid Layout2,256
introductions, css, grids, layout
Meaningful CSS: Style Like You Mean It (tba/ali)2,255
css, html, semantics
A Comparison of Animation Technologies (sar/css)2,254
animations, comparisons, css, canvas, smil, webgl, gsap, jquery, react
Website Forms Usability: Top 10 Recommendations (nng)2,253
forms, usability, best-practices
How to Use JSON Data Fields in MySQL Databases (cra)2,252
how-tos, json, mysql, databases
Working With Images in Stylesheets With PostCSS (css)2,251
css, images, backgrounds, postcss, examples
Release Notes for Safari Technology Preview 3 (web)2,250
release-notes, safari, apple, browsers
Visual Regression Testing With CSS Blend Modes (sar/css)2,249
testing, regressions, blend-modes, css
You Should Probably Blog in Markdown (chr)2,248
blogging, markdown
5 Career-Ending Mistakes Web Developers Make2,247
career, mistakes, business-relations, communication
Improving the Quality of Your CSS With PostCSS2,246
css, quality, optimization, postcss
The Web Isn’t Uniform (fox)2,245
web, javascript, user-experience
Web Designers, Can You Speak Web?2,244
html, css, design, browsers, concepts, link-lists
Lint Your CSS With Stylelint (css)2,243
css, linting, tooling, stylelint
Affiliate Marketing Tips for 20162,242
marketing, monetization, tips-and-tricks
Finally, CSS in JS! Meet CSSX (sma)2,241
css, javascript
The Node.js System (ama)2,240
nodejs, v8, javascript-engines, javascript
5 Steps to Build Node.js Using Travis CI2,239
nodejs, building
Release Notes for Safari Technology Preview 2 (jon/web)2,238
release-notes, safari, apple, browsers
Technical Debt: Rescuing Legacy Code Through Refactoring2,237
technical-debt, refactoring, maintenance, quality, monitoring, testing
Work Begins on HTML5.1 via GitHub (neo)2,236
html, w3c
Getting Started With CSS Modules (fon/css)2,235
introductions, css, modules, webpack
A Brief(ish) History of the Web Universe: New Hope(s) (bka)2,234
web, history, browsers, mosaic, netscape
Interview With Vivaldi CEO Jón S. von Tetzchner (jon+)2,233
interviews, vivaldi, browsers, chromium
RespImageLint—Linter for Responsive Images2,232
bookmarklets, images, html, responsive-design, linting
Vivaldi 1.0: Not for Everybody, Just You (jon/viv)2,231
browsers, vivaldi
Vivaldi 1.0 Release: Your New Default Browser? (cra)2,230
vivaldi, browsers
What Is the Definition of a “CSS Hack”? (lou)2,229
css, hacks, browsers, terminology
Working on HTML5.1 (tin/w3c)2,228
html, standards, w3c
How PNG Works2,227
png, images, compression
6 jQuery Infinite Scrolling Demos2,226
jquery, scrolling, examples
A Simple Web Developer’s Color Guide (sma)2,225
guides, colors, color-palettes, design
What Are CSS Modules and Why Do We Need Them? (fon/css)2,224
css, modules, scope
What’s Coming for CSS: Compatibility and Control2,223
css, houdini, grids, layout, scrolling
How to Use PostCSS With Gulp2,222
how-tos, postcss, gulp, automation
Building the UI for the New “The Times” Website2,221
design, collaboration, architecture, css, documentation, case-studies
Let’s Learn ES2015 (css)2,220
ecmascript, javascript, variables, functions, operators, examples
Leveling Up With React: Redux (bra/css)2,219
react, redux, state-management
Using Map and Reduce in Functional JavaScript2,218
javascript
Why I Don’t Use CSS Preprocessors2,217
css, preprocessors
Front-End Style-Guides: Definition, Requirements, Component Checklist (nng)2,216
style-guides, design, efficiency, consistency, user-experience, checklists
How Good Are Your HTML and CSS Comments? (hey)2,215
html, css, comments, maintainability, collaboration, examples
How to Migrate a WordPress Site to a New Domain and Hosting2,214
how-tos, wordpress, migrating, hosting, domains
The Veil of Ignorance (mrm)2,213
design, accessibility, ethics
Accessible, Simple, Responsive Tables (css)2,212
tables, accessibility, simplicity, responsive-design
PostCSS Mythbusting: Four PostCSS Myths Busted2,211
postcss, myths
Useful WordPress Tools, Themes, and Plugins (vit/sma)2,210
wordpress, tooling, themes, plugins, link-lists
Google’s Mobilegeddon Aftermath: Eight Months Into a Better Mobile Web (sma)2,209
mobile, google, seo, wordpress
Keeping Your Content Classy (dre)2,208
content, content-management, html
6 SEO Trends to Watch for in 20162,207
trends, seo, content, marketing, mobile, performance, social-media
Chrome, Firefox, and Edge Add Support for New WebAssembly Format (cam/sof)2,206
webassembly, support, browsers, chrome, google, firefox, mozilla, edge, microsoft
How to Optimize Mobile Performance (sma)2,205
how-tos, mobile, performance, optimization, performance-budgets, content-management, caching, testing
On “:not” and Specificity (ire)2,204
css, selectors, cascade
Leveling Up With React: React Router (bra/css)2,203
react, routing, react-router
Intro to ReactJS2,202
introductions, react
What I Learned in Five Weeks of Using CSS Modules2,201
css, modules, lessons
Use “rem” for Global Sizing; Use “em” for Local Sizing (fon/css)2,200
css, units
What Is a Headless CMS? (chr/css)2,199
content-management, headless, concepts, terminology
Cleaning Up a CSS Codebase (kit)2,198
css, refactoring, linting, architecture