Smashing Magazine

SEPTEMBER 2, 2021

CSS Game: CSSBattle. CSS Game: CSS Diner. JavaScript Design Patterns. JavaScript Game: Elevator. JavaScript Game: Screeps. JavaScript Game: Untrusted. JavaScript Game: JSChallenger. JavaScript Game: JSRobot. Flexbox Zombies is another educational game to learn flexbox syntax. TypeScript.

Development 145

Development Games Education Programming 145

The Netflix TechBlog

OCTOBER 8, 2024

Rajiv Shringi Vinay Chella Kaidan Fullerton Oleksii Tkachuk Joey Lynch Introduction As Netflix continues to expand and diversify into various sectors like Video on Demand and Gaming , the ability to ingest and store vast amounts of temporal data — often reaching petabytes — with millisecond access latency has become increasingly vital.

Latency 239

Latency Storage Traffic Tuning 239

Percona

MARCH 20, 2023

When designing an architecture, many components need to be considered before deciding on the best solution. In this context, features like filtering, firewalling, or caching are redundant and may consume resources that could be allocated to scaling. MySQL Router was never in the game.

Games 141

Games Latency Traffic Cache 141

All Things Distributed

JUNE 21, 2018

Further, with the growth and scale of Amazon.com, boundless horizontal scale needed to be a key design point--scaling up simply wasn't an option. Typical use cases for a relational database include web and mobile applications, enterprise applications, and online gaming. Queries that used to take 30 seconds now take one second.

Database 167

Database AWS Games Latency 167

Speed Curve

FEBRUARY 10, 2025

Photo by Freepik Part of the answer is this: You have a lot of control over the design and code for the pages on your site, plus a decent amount of control over the first and middle mile of the network your pages travel over. Synthetic monitoring is essential for establishing a baseline and showing you the impact of code and design changes.

Hardware 52

Hardware Internet Internet Speed 52

Alex Russell

APRIL 29, 2021

Consistent improvement is the name of the game, and it can still have positive impacts, particularly as users lean on the system more heavily over time. Real-time network protocols for enabling videoconferencing, desktop sharing, and game streaming applications. Critical for gaming with a mouse. Delayed five years. Gamepad API.

Media 145

Media Games Education Engineering 145

All Things Distributed

JULY 14, 2015

Streams provide you with the underlying infrastructure to create new applications, such as continuously updated free-text search indexes, caches, or other creative extensions requiring up-to-date table changes. DynamoDB Streams simplifies and improves this design pattern with a distributed systems approach. Summing It All Up.

Database 158

Database Lambda AWS IoT 158

All Things Distributed

NOVEMBER 21, 2017

Redis's microsecond latency has made it a de facto choice for caching. Whether it is gaming, adtech, travel, or retail—speed wins, it's simple. To give you some examples, I've been talking to a few gaming companies lately, and their conversations are about the need for speed and flexibility in scaling, both in and out.

Games 96

Games Retail Latency Education 96

All Things Distributed

JANUARY 18, 2012

a Fast and Scalable NoSQL Database Service Designed for Internet Scale Applications. Today is a very exciting day as we release Amazon DynamoDB , a fast, highly reliable and cost-effective NoSQL database service designed for internet scale applications. Amazon DynamoDB â?? By Werner Vogels on 18 January 2012 07:00 AM. Comments ().

Scalability 162

Scalability Database Ecommerce Latency 162

Percona

SEPTEMBER 1, 2023

However, they can also introduce performance bottlenecks, especially if poorly designed. Well-designed indexes can significantly improve query performance within triggers. Carefully design transactions to avoid unnecessary locking and contention. Database Design : Consider the overall database design and schema.

Cache 75

Cache Database Games Healthcare 75

Smashing Magazine

JUNE 30, 2021

iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems. JavaScript was designed to run in lock-step with the browser’s main rendering loop. On design systems, CSS/JS and UX. JavaScript.

Games 145

Games Architecture Code C++ 145

Brendan Gregg

FEBRUARY 28, 2023

DDR6: Here's What to Expect in RAM Modules,” [link] Nov 2020 - [Salter 20] Jim Salter, “Western Digital releases new 18TB, 20TB EAMR drives,” [link] Jul 2020 - [Spier 20] Martin Spier, Brendan Gregg, et al.,

Performance 103

Performance Latency Cache Virtualization 103

Smashing Magazine

NOVEMBER 17, 2022

Still, it leads to a larger file size, which we try to avoid in cases where quality is not a game changer for the project’s value proposition. If we have a responsive design, we will want the image to stay within the margins of the container, using the CSS below for that: img { max-width: 100%; height: auto; }. The change of design.

Media 125

Media Cache Website Mobile 125

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 138

Website Design Network Testing 138

Smashing Magazine

AUGUST 20, 2021

Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. In Designing The Perfect Navigation , Vitaly will explore 100s of practical examples of better mega-dropdowns , hamburgers, carousels, modals and filters.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

JULY 29, 2019

I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. Large preview ).

Cache 99

Cache Mobile Google Network 99

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The Design Gives Ground For Utmost Usability. Jump to table of contents ?. Large preview ).

Code 90

Code Cache Mobile Retail 90

IO River

NOVEMBER 2, 2023

CDN’s Effectiveness: Static Vs Dynamic ContentBack in the day, a CDN’s primary function revolved around caching static content and delivering it efficiently to end-users. Examples include real-time video conferencing, gaming, or personalized web pages. ‍Dynamic Content - Online GamingImagine a video gaming match.

Cache 52

Cache Traffic Games Network 52

Alex Russell

DECEMBER 18, 2022

From Edge's telemetry, we see that nearly half of devices fall into our "low-end" designation, which means that they have: HDD s (not SSD s). These devices feature: Eight slow, big.LITTLE ARM cores (A75+A55, or A73+A53) built on last-generation processes with very little cache. 2-4 CPU cores. 4GB RAM or less. 4GiB of RAM.

Performance 120

Performance Mobile Network Latency 120

Nick Desaulniers

MAY 15, 2016

Having studied computer engineering and being quite fond of processor design, when I think of a “word,” I think of the number of bits wide a processor’s general purpose registers are (aka word size ). When I think of 16 bit computers, I think of my first game console, a Super Nintendo with a Ricoh 5A22.

Programming 60

Programming Games Cache Design 60

IO River

NOVEMBER 2, 2023

CDN’s Effectiveness: Static Vs Dynamic ContentBack in the day, a CDN’s primary function revolved around caching static content and delivering it efficiently to end-users. Examples include real-time video conferencing, gaming, or personalized web pages. Dynamic Content - Online GamingImagine a video gaming match.

Cache 40

Cache Traffic Games Network 40

Brendan Gregg

FEBRUARY 28, 2023

DDR6: Here's What to Expect in RAM Modules,” [link] , Nov 2020 [Salter 20] Jim Salter, “Western Digital releases new 18TB, 20TB EAMR drives,” [link] , Jul 2020 [Spier 20] Martin Spier, Brendan Gregg, et al.,

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). The key takeaway here is that TCP was never designed to transport multiple, independent files over a single connection. Conclusion.

Transportation 145

Transportation Internet Internet Network 145

Adrian Cockcroft

JANUARY 20, 2023

In recent years GPU development that was originally funded by the gaming market (and ended up being used as a supercomputer accelerator) has been dominated by use in the AI/ML accelerator market. The emergence of chiplet technology also allows higher performance and integration without having to design every chip from scratch.

Architecture 52

Architecture Latency Benchmarking AWS 52

ACM Sigarch

DECEMBER 6, 2018

interactive AR/VR, gaming and critical decision making). Such innovation in AI algorithms and approaches results in an increase in model size, exponential growth in the compute needs, caching of temporal states, and multiple models to run simultaneously. Quality vs Bandwidth.

Wireless 55

Wireless IoT Architecture Analytics 55

CSS Wizardry

MAY 19, 2020

It’s widely accepted that self-hosted fonts are the fastest option: same origin means reduced network negotiation, predictable URLs mean we can preload , self-hosted means we can set our own cache-control. directives , and full ownership mitigates the risks that come with leaving static assets on third-party origins.

Google 364

Google Media Latency Metrics 364

Randon ASCII

JANUARY 12, 2022

That meant I started having regular meetings with the hardware engineers who were working with IBM on the CPU which gave me even more expertise on this CPU, which was critical in helping me discover a design flaw in one of its instructions , and in helping game developers master this finicky beast. register files? arithmetic units?)

Cache 126

Cache Latency Benchmarking Hardware 126

ACM Sigarch

OCTOBER 12, 2020

To be clear, these languages were not designed to be fast or space-efficient, but for ease of use. Unfortunately, languages like Python have proven resistant to efficient implementation, partly because of their design, and partly because of limitations imposed by the need to interop with C code. Are caches large enough for this code?

C++ 109

C++ Benchmarking Hardware Architecture 109

Alex Russell

MARCH 6, 2021

A then-representative $200USD device had 4-8 slow (in-order, low-cache) cores, ~2GiB of RAM, and relatively slow MLC NAND flash storage. The fastest Androids predictably remain 18-24 months behind, owing to cheapskate choices about cache sizing by Qualcomm, Samsung Semi, and all the rest. The Moto G4 , for example.

Performance 127

Performance Network Mobile Metrics 127

Smashing Magazine

AUGUST 22, 2021

While this is conceptually possible (QUIC does exactly that), things were initially not designed like this, because we need to be able to use TCP with and without TLS on top. Luckily, QUIC was designed with TLS in mind from the start, and as such does combine both the transport and cryptographic handshakes in a single mechanism.

Performance 109

Performance Network Latency Servers 109

CSS - Tricks

DECEMBER 21, 2021

Make ’em smaller is the main game, then constantly keep an eye on them. New HTTP standards for caching on the modern web — Tim Perry gets into two brand new (proposed) caching headers: Cache-Status and Targetted Cache-Control.

Performance 64

Performance Cache Media Games 64

Smashing Magazine

JANUARY 21, 2021

After the latest redesign in late 2017, it was Ilya Pukhalski on the JavaScript side of things (part-time), Michael Riethmueller on the CSS side of things (a few hours a week), and yours truly, playing mind games with critical CSS and trying to juggle a few too many things. This is where we started.

Performance 111

Performance Cache Mobile Network 111

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Map design decisions against performance budget and the priorities defined early on.

Performance 112

Performance Cache Servers Network 112

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. Setting Realistic Goals.

Performance 111

Performance Cache Network Metrics 111