惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

美团技术团队
V
Vulnerabilities – Threatpost
Schneier on Security
Schneier on Security
O
OpenAI News
N
News | PayPal Newsroom
Simon Willison's Weblog
Simon Willison's Weblog
P
Privacy International News Feed
T
The Exploit Database - CXSecurity.com
Martin Fowler
Martin Fowler
Recent Commits to openclaw:main
Recent Commits to openclaw:main
月光博客
月光博客
SecWiki News
SecWiki News
T
Threat Research - Cisco Blogs
S
Securelist
K
Kaspersky official blog
S
Secure Thoughts
博客园 - Franky
Project Zero
Project Zero
D
Darknet – Hacking Tools, Hacker News & Cyber Security
量子位
小众软件
小众软件
C
CERT Recently Published Vulnerability Notes
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 三生石上(FineUI控件)
www.infosecurity-magazine.com
www.infosecurity-magazine.com
Cyberwarzone
Cyberwarzone
PCI Perspectives
PCI Perspectives
V
Visual Studio Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Spread Privacy
Spread Privacy
Security Archives - TechRepublic
Security Archives - TechRepublic
T
Tor Project blog
IT之家
IT之家
雷峰网
雷峰网
Last Week in AI
Last Week in AI
T
Threatpost
博客园 - 【当耐特】
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Application and Cybersecurity Blog
Application and Cybersecurity Blog
C
Check Point Blog
H
Help Net Security
B
Blog RSS Feed
N
News and Events Feed by Topic
I
Intezer
Webroot Blog
Webroot Blog
G
GRAHAM CLULEY
L
LangChain Blog
Hugging Face - Blog
Hugging Face - Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
H
Heimdal Security Blog

CSS Wizardry

Front-End’s Missing Metric: The TBT Window Meet Your Users Where They Are with Obs.js Better Browser Caching with No-Vary-Search font-family Doesn’t Fall Back the Way You Think What Is CSS Containment and How Can I Use It? When All You Can Do Is All or Nothing, Do Nothing Obs.js: Context-Aware Web Performance for Everyone Low- and Mid-Tier Mobile for the Real World (2025) The Fastest Site in the Tour de France Making Sense of the Performance Extensibility API Why Do We Have a Cache-Control Request Header? HTML Is Not a Programming Language… Build for the Web, Build on the Web, Build with the Web Licensing Code on CSS Wizardry A Layered Approach to Speculation Rules Designing (and Evolving) a New Web Performance Score Core Web Vitals Colours The Ultimate Contract Templates for Tech Consultants: Protect Your Business and Get Paid Optimising for High Latency Environments Cache Grab: How Much Are You Leaving on the Table? blocking=render: Why would you do that?! Correctly Configure (Pre) Connections The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache What Is the Maximum max-age? How to Clear Cache and Cookies on a Customer’s Device The Ultimate Low-Quality Image Placeholder Technique Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? The HTTP/1-liness of HTTP/2 In Defence of DOM­Content­Loaded Site-Speed Topography Remapped Why Not document.write()? Speeding Up Async Snippets Critical CSS? Not So Fast! Measure What You Impact, Not What You Influence Optimising Largest Contentful Paint Measuring Web Performance in Mobile Safari Site-Speed Topography Speed Up Google Fonts Real-World Effectiveness of Brotli Performance Budgets, Pragmatically Lazy Pre-Browsing with Prefetch Making Cloud.typography Fast(er) Time to First Byte: What It Is and How to Improve It Self-Host Your Static Assets Tips for Technical Interviews Cache-Control for Civilians Bandwidth or Latency: When to Optimise for Which ITCSS × Skillshare What If? CSS and Network Performance The Three Types of Performance Testing Getting to Know a Legacy Codebase Image Inconsistencies: How and When Browsers Download Images Identifying, Auditing, and Discussing Third Parties My Digital Music Setup Measuring the Hard-to-Measure Finding Dead CSS The Fallacies of Distributed Computing (Applied to Front-End Performance) Ten Years Old Relative Requirements Airplanes and Ashtrays Performance and Resilience: Stress-Testing Third Parties Refactoring Tunnels Little Things I Like to Do with Git Writing Tidy Code Configuring Git and Vim Base64 Encoding & Performance, Part 2: Gathering Data Base64 Encoding & Performance, Part 1: What’s Up with Base64? Code Smells in CSS Revisited Typography for Developers Moving CSS Wizardry onto HTTPS and HTTP/2 Ack for CSS Developers A New Year, a New Focus Preparing Vim for Apple’s Touch Bar Choosing the Correct Average CSS Shorthand Syntax Considered an Anti-Pattern CSS Wizardry Newsletter Nesting Your BEM? Improving Perceived Performance with Multiple Background Images Continue Normalising Your CSS Pure CSS Content Filter Pragmatic, Practical, and Progressive Theming with Custom Properties Refactoring CSS: The Three I’s Speaker’s Checklist: Before and After Your Talk Improving Your CSS with Parker The Importance of !important: Forcing Immutability in CSS Mixins Better for Performance Managing Typography on Large Apps White October Events Workshop Partnership BEMIT: Taking the BEM Naming Convention a Step Further Travelling Like You Want to, When You Have To Contextual Styling: UI Components, Nesting, and Implementation Detail Subtleties with Self-Chained Classes Cyclomatic Complexity: Logic in CSS Immutable CSS Can CSS Be Too Modular? More Transparent UI Code with Namespaces When to use @extend; when to use a mixin The Specificity Graph CSS Wizardry Ltd.: Year 1 in review
Announcing pr.ofile.me
Harry Roberts · 2012-10-15 · via CSS Wizardry

Written by on CSS Wizardry.

Table of Contents

Independent writing is brought to you via my wonderful Supporters.

  1. Donations

Over eighteen months ago I wrote an article about a mobile optimised business card I made. Today I finally did something awesome with it!

pr.ofile.me is basically a way of emulating business cards on the web; it’s business card shaped, it contains contact details and it has two sides. You rotate your phone to switch between a bio and your contact details.

I’ve buit pr.ofile.me on top of inuit.css, packaged up the code and hosted it on GitHub for you to download and create your own theme for. My card can be found over on hry.rbrts.me, turn your phone to see both sides of the card!

Donations

I never charge for any of my articles, projects, code, advice, anything. However, as pr.ofile.me is (in my opinion) a pretty cool idea for an app style project, I’ve decided to require an attribution notice that can be optionally removed by simply donating USD3.99 (GBP2.50) to the project via Gumroad. It’s not a lot of money and I have no aims or goals as far as earnings go, but I think it’s a nice token amount to show your support and to remove the attribution text.

If you do donate then let me know and I’ll add your profile’s URL to the project’s README as an extra little thank you.

Hopefully people will find it pretty cool, I know I do!

Cheers,
H