Techreport blog

Engineering Insights & Guides

The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.

11,670 articles
Performance — Optimizing images on the web

Optimizing images on the web

A detailed breakdown of how best to optimize images for the web, a new tool to test a webpage's image performance, and explanation of how Cloudflare Images can help to improve your website's image experience.

GBGreg BrimbleGreg Brimble·September 15, 2021Performance
SRE & Ops — Sponsored Post: Wynter, Pinecone, Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -

Sponsored Post: Wynter, Pinecone, Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -

Who's Hiring? * Wynter is looking for system administrators, engineers, and developers to join its research panel. Participate in research surveys, get paid ($90-$180/hr) for your feedback and comments. Super low key commitment, 10-15 mins per survey. Learn more and sign up. * DevOps Engineer: At Kinsta, we set out to create the best managed hosting platform in the world. If you are an experienced

HSHigh Scalability·September 15, 2021SRE & Ops
Performance — Reducing The Need For Pseudo-Elements — Smashing Magazine

Reducing The Need For Pseudo-Elements — Smashing Magazine

Front-end development is exciting and fast-moving. With newer CSS properties, we can brush the dust off our old techniques and give them another look. For years, pseudo-elements have faithfully helped front-end developers implement creative designs. While they still have an important place, we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties.

MMMarcel MoreauMarcel Moreau·September 15, 2021Performance
Engineering — How we built Instant Logs

How we built Instant Logs

In this blog post, we’ll show you how we built a new system that can give you access to your Cloudflare logs in real time, with just a single click.

BYBen YuleBen Yule·September 14, 2021Engineering
Engineering — Jamstack Conf 2021

Jamstack Conf 2021

What? Jamstack Conf! It's the best! Learn what's happening and what's next for this hot ecosystem.

CCChris Coyier·September 14, 2021Engineering
Engineering — The Power Of Pen And Paper Sketching — Smashing Magazine

The Power Of Pen And Paper Sketching — Smashing Magazine

When designing for digital spaces, it’s natural to default to digital mockup tools, but doing so cuts out a world of possibilities. Analog drawing can unleash your imagination and allow you to focus on what’s most important at the start: the ideas.

TOTracy OsbornTracy Osborn·September 14, 2021Engineering
Engineering — Social Image Generator + Jetpack

Social Image Generator + Jetpack

I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found

CCChris Coyier·September 13, 2021Engineering
Frontend — Superpack: Pushing the limits of compression in Facebook’s mobile apps

Superpack: Pushing the limits of compression in Facebook’s mobile apps

Managing app size at Facebook is a unique challenge: Every day, developers check in large volumes of code, and each line of code translates into additional bits in the apps that people ultimately download onto their phones. Left unchecked, this added code would make the app bigger and bigger until eventually the time it takes […]

MEMeta Engineering·September 13, 2021Frontend
Frontend — Orchestrating Complexity With Web Animations API — Smashing Magazine

Orchestrating Complexity With Web Animations API — Smashing Magazine

There are way too many options in Web Animations API to pick them up that easily. There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Learning how timing works and how to control the playback of several animations at once makes for a solid foundation on which

KMKirill MyshkinKirill Myshkin·September 13, 2021Frontend
Frontend — "Just in Time" CSS

"Just in Time" CSS

I believe acss.io is the first usage of "Atomic CSS" where the point of it is to be a compiler. You write CSS like this:

CCChris Coyier·September 10, 2021Frontend