Techreport blog

Engineering Insights & Guides

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

11,842 articles
Frontend — CSS-Only Carousel

CSS-Only Carousel

Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between

CCChris Coyier·January 10, 2020Frontend
Frontend — Water.css

Water.css

It's notable that Water.css was the #1 clicked thing from Louis Lazaris' Web Tools Weekly in 2019. It's from a 13-year old developer named Felix!

CCChris Coyier·January 10, 2020Frontend
Distributed — Stuff The Internet Says On Scalability For January 10th, 2020 - High Scalability -

Stuff The Internet Says On Scalability For January 10th, 2020 - High Scalability -

Wake up! It's HighScalability time: Forrest Brazeal warns you not to spend your limited innovation credits building bespoke, complex systems that provide no direct value to your business, instead position yourself at the top of what heI calls the Wisdom/Cleverness Curve Do you like this sort of Stuff? Your support on Patreon is appreciated more than you can know. I also wrote Explain the Cloud Lik

HSHigh Scalability·January 10, 2020Distributed
Frontend — Understanding CSS Grid: Grid Lines — Smashing Magazine

Understanding CSS Grid: Grid Lines — Smashing Magazine

In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a look at how to use the grid lines to place items. The other methods Rachel will show you in future articles are alternate ways to specify your layout, but are based on the grid created by numbered lines. But for today, here you will find pretty much all you need to know about grid lines!

RARachel AndrewRachel Andrew·January 10, 2020Frontend
Frontend — Understanding Async Await

Understanding Async Await

When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so

SDSarah DrasnerSarah Drasner·January 9, 2020Frontend
Frontend — let vs. const

let vs. const

There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const

CCChris Coyier·January 9, 2020Frontend
Frontend — How To Create And Deploy Angular Material Application — Smashing Magazine

How To Create And Deploy Angular Material Application — Smashing Magazine

A walkthrough of creating an Angular 8 web application and a QR Code generator app completely based on Angular while hosted on Netlify. In this article, Shubham will take you into a walkthrough of creating an Angular 8 web application using the official Angular Material Design library. We will be creating a QR Code generator web application completely based on Angular while hosted on Netlify.

SSShubham SsjShubham Ssj·January 9, 2020Frontend
Performance — Prototyping optimizations with Cloudflare Workers and WebPageTest

Prototyping optimizations with Cloudflare Workers and WebPageTest

Have you ever wanted to quickly test a new performance idea, or see if the latest performance wisdom is beneficial to your site? As web performance appears to be a stochastic process, it is really important to be able to iterate quickly and review the effects of different experiments.

AGAndrew GalloniAndrew Galloni·January 8, 2020Performance
Databases — PostgreSQL Connection Pooling: Part 2 – PgBouncer - High Scalability -

PostgreSQL Connection Pooling: Part 2 – PgBouncer - High Scalability -

When it comes to connection pooling in the PostgreSQL world, PgBouncer is probably the most popular option. It’s a very simple utility that does exactly one thing – it sits between the database and the clients and speaks the PostgreSQL protocol, emulating a PostgreSQL server. A client connects to PgBouncer with the exact same syntax it would use when connecting directly to PostgreSQL – PgBouncer i

KAKristi Anderson·January 8, 2020Databases
Distributed — The Split Personality Of Brutalist Web Development — Smashing Magazine

The Split Personality Of Brutalist Web Development — Smashing Magazine

No frills, or flashing neon frills with sprinklers attached? ‘Brutalist’ websites have flourished in recent years, but their guiding philosophy remains unclear. Brutalist web design has grown so quickly that there does not seem to be a clear consensus on what the style actually is. To some it means practicality, to others audacity. Love it or hate it, brutalist architecture celebrates rawness.

FOFrederick O BrienFrederick O Brien·January 8, 2020Distributed
Frontend — Cloudflare + Remote Browser Isolation

Cloudflare + Remote Browser Isolation

Cloudflare announced today that it has purchased S2 Systems Corporation, a Seattle-area startup that has built an innovative remote browser isolation solution unlike any other currently in the market.

DDarrenDarren·January 7, 2020Frontend
Security — Introducing Cloudflare for Teams

Introducing Cloudflare for Teams

Ten years ago, when Cloudflare was created, the Internet was a place that people visited. People still talked about ‘surfing the web’ and the iPhone was less than two years old, but on July 4, 2009 large scale DDoS attacks were launched against websites in the US and South Korea.

MPMatthew PrinceMatthew Prince·January 7, 2020Security
Engineering — Jetpack Slideshow Block

Jetpack Slideshow Block

One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow,

CCChris Coyier·January 7, 2020Engineering
AI & ML — Sponsored Post: Fauna, Sisu, Educative, PA File Sight, Etleap, PerfOps, Triplebyte, Stream - High Scalability -

Sponsored Post: Fauna, Sisu, Educative, PA File Sight, Etleap, PerfOps, Triplebyte, Stream - High Scalability -

Who's Hiring? * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and provide actionable insights to businesses based on their first-party, streaming, and structured relational data. Apply here. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple

HSHigh Scalability·January 7, 2020AI & ML
Engineering — Why You Should Choose HTML5 article Over section — Smashing Magazine

Why You Should Choose HTML5 article Over section — Smashing Magazine

Browsers’ visual display of headings nested inside `` elements makes it look as if they are assigning a logical hierarchy to those headings. However, this is purely visual and is not communicated to assistive technologies. In this article, Bruce Lawson explains what use we have of `` and how authors should mark up headings that are hugely important to AT users.

BLBruce LawsonBruce Lawson·January 7, 2020Engineering