Smashing Magazine

MAY 25, 2021

The font-display property for @font-face gave that choice to the web developer whereas previously the browser decided that (IE and Edge favored FOUT in the past, whereas the other browsers favored FOIT). A number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019.

Operating System 144

Operating System Google Website Cache 144

Dynatrace

OCTOBER 11, 2021

In recent years, function-as-a-service (FaaS) platforms such as Google Cloud Functions (GCF) have gained popularity as an easy way to run code in a highly available, fault-tolerant serverless environment. What is Google Cloud Functions? Google Cloud Functions is a serverless compute service for creating and launching microservices.

Google 214

Google Cloud Serverless Azure 214

Dotcom-Montior

NOVEMBER 16, 2021

Google was the first company to create, embrace, and put support behind the role of site reliability engineering. When Google first introduced the role of SRE, they set a goal that half of an SREs time should be focused on reducing future operational work or adding service features. Read : Top 13 Site Reliability (SRE) Tools.

Monitoring 91

Monitoring Google DevOps Engineering 91

Adrian Cockcroft

NOVEMBER 26, 2023

Google Cloud and Microsoft Azure released Scope 3 data in 2021. The last number I saw was “over 20GW”, and Amazon has much better global PPA coverage, including India and China, than Google Cloud and Microsoft Azure, who have very few PPAs in Asia.

AWS 52

AWS Energy IoT Best Practices 52

Jos

APRIL 6, 2018

Componentization has marked a before and after in web development. Or loading a 3rd party component like a Google Map, with all its additional assets needed to render the thing? A code coverage report, like the one Google Chrome provides won’t help us much. Thus, that content won’t be seen nor indexed by Google.

Code 147

Code Performance Media Google 147

Brendan Gregg

FEBRUARY 28, 2023

At USENIX SREcon22 APAC I gave the opening keynote on the future of computer performance, rounding up the latest developments and making predictions of where I see things heading. This talk originated from my updates to Systems Performance 2nd Edition , and this was the first time I've given this talk in person! Ford, et al., “TCP

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

SEPTEMBER 15, 2021

When front-end developers hear “pseudo-elements”, we think of ::before and ::after more often than not, as we use them in various ways to add decorations to our elements. Interestingly, after years of web development, I never found myself using ::first-line , but it’s pretty neat and responds well to window resizing! Check it out.

Internet 137

Internet Internet Google Design 137

Jos

APRIL 5, 2018

Componentization has marked a before and after in web development. Or loading a 3rd party component like a Google Map, with all its additional assets needed to render the thing? A code coverage report, like the one Google Chrome provides won’t help us much. Code coverage tab on Google Chrome ( source ). Map ( this.

Code 130

Code Performance Google Media 130

Brendan Gregg

JULY 4, 2021

It's an exciting time for developments in computer performance, not just for the BPF technology (which I often [write about]) but also for processors with 3D stacking and cloud vendor CPUs (e.g., Ford, et al., “TCP on Upcoming Sapphire Rapids CPUs,” [link] Oct 2020 - [Liu 20] Linda Liu, “Samsung QVO vs EVO vs PRO: What’s the Difference?

Performance 52

Performance Latency Hardware Storage 52

MachMetrics

APRIL 12, 2019

But now it appears the Google Chrome team has jumped aboard and is planning to implement it natively in an upcoming Chrome release. He then later detailed it in a blog pos t of his own, which includes examples and a demo: Examples from Addy’s post. Official Announcement. Shipping in Chrome ~75. How to use it.

Google 44

Google Speed Mobile Website 44

Testsigma

JANUARY 29, 2021

The rise of mobile internet usage is evident across developed economies as well as developing ones (India, Bangladesh, etc.)[3]. You also gain an upper edge over your competition when mobile website testing is an integral part of the product development roadmap. Book a demo. online shopping, bill payments, etc.)

Website 98

Website Mobile Testing Strategy 98

Tim Kadlec

OCTOBER 8, 2015

AMP provides a framework for developers to use to build their site with good performance baked in—not entirely unlike Bootstrap or Foundation does for responsive design. To further help achieve the goal of “instant load”, Google is offering to provide caching for these AMP pages through their CDN. The result is pretty impactful.

Cache 75

Cache Google Mobile Open Source 75

Tasktop

DECEMBER 10, 2019

Nothing quite like playing a bit of Metallica to my children in revenge for Parry Gripp, or worse, the DUCK SONG (Google it. Part of this is helping to draw up how they work presently, demo’ing our solution, and assisting them through evaluations. Actually, don’t. You’ll never get it out of your head again). .

Games 40

Games Software Engineering DevOps Google 40

Dynatrace

SEPTEMBER 17, 2019

What we need though is data that is automatically connected with context for k8s administrators, architects and developers to better understand what is going in the part of k8s that’s relevant to them and how does it impact those parts that are relevant for their colleagues. MaaS for Developers: Understand and optimize your code.

AWS 127

AWS Monitoring Ecommerce Lambda 127

CSS - Tricks

AUGUST 16, 2019

I’d like to say that this one AMP Story was an outlier, but each of the nine demos listed on the AMP Stories website sound just as incomprehensible in VoiceOver. Because at some point we’re not arguing about the importance of accessibility but the importance of front-end development itself as a series of worthy skills to have.

Performance 50

Performance Website Speed Latency 50

KeyCDN

DECEMBER 8, 2022

Few web developers completely dismiss WordPress, claiming it is too slow. KeyCDN Website Speed Test, GTmetrix, Google PageSpeed Insights, WebPageTest, and Pingdom Tools are some great choices. Even many of their demos, packed full of content, load under 800 ms. We will also discuss how you can speed up your slow WordPress site.

Cache 52

Cache Website Speed Website Performance 52

Dynatrace

JUNE 28, 2022

This significantly accelerates release cycles, reduces time to market, prevents unexpected disruptions, and lowers costs by catching issues early in the software development lifecycle (SDLC). The ability to scale testing as part of the software development lifecycle (SDLC) has proven difficult.

Monitoring 193

Monitoring Software Software DevOps 193

KeyCDN

SEPTEMBER 27, 2018

In 2018, this is absolutely essential for a number of reasons: Google favors HTTPS-secured sites HTTPS is required to use HTTP/2 HTTPS is required to use Brotli HTTPS helps improve performance, security, and trust If you’ve never heard of TLS, then maybe you’ve heard of the term SSL. and 0-RTT: bssl client -connect demo-1.kxcdn.com:443

Transportation 67

Transportation C++ Network Google 67

Smashing Magazine

JANUARY 16, 2023

These metrics are used by Google to evaluate the quality of user experience. Since recently becoming a ranking factor, this major web performance KPI is still a new concept for many web developers. See live: Codepen demo 1. The image in this demo is displayed at a fixed width of 280px on all devices. srcset=" image-300.png

Media 107

Media Mobile Website Metrics 107

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I am always looking for ways to improve the performance of my websites, so this definitely sparked my interest.

Code 58

Code Website Media Efficiency 58

Percona

AUGUST 29, 2023

Developers often seek an easy way to bootstrap the clusters with data so that applications can start running immediately. yaml manifest will provision demo - cluster - 2. However, managing PostgreSQL clusters on Kubernetes can be a complex task. It is especially important for CICD pipelines, where automation plays a crucial role.

Storage 91

Storage Database Media Open Source 91

Dynatrace

FEBRUARY 3, 2020

To get started – just follow the new Keptn Quickstart with a special gift from our friends at Google Cloud Platform! To offset the costs of running a k8s cluster we have developed a Quickstart Guide for Keptn on GKE. Keptn Quickstart on GKE with $500 GCP credits. Keptn gets installed on a Kubernetes cluster. More Keptn Use Cases.

Cloud 216

Cloud Open Source Google Scalability 216

O'Reilly

NOVEMBER 28, 2023

Even with cloud-based foundation models like GPT-4, which eliminate the need to develop your own model or provide your own infrastructure, fine-tuning a model for any particular use case is still a major undertaking. Training models and developing complex applications on top of those models is becoming easier.

Open Source 113

Open Source Artificial Intelligence Google Infrastructure 113

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I am always looking for ways to improve the performance of my websites, so this definitely sparked my interest.

Code 40

Code Website Media Efficiency 40

Dean Hume

AUGUST 8, 2017

Watching videos of developers showcasing their work is definitely one of my favourite ways of learning new things! As he was demoing his code, I noticed that he created an awesome little helper library to lazy load images. I am always looking for ways to improve the performance of my websites, so this definitely sparked my interest.

Code 40

Code Website Media Efficiency 40

Dynatrace

JANUARY 26, 2021

VMware commercialized the idea of virtual machines, and cloud providers embraced the same concept with services like Amazon EC2, Google Compute, and Azure virtual machines. AWS Lambda functions are an example of how a serverless framework works: Developers write a function in a supported language or platform. Pay Per Use.

Serverless 241

Serverless Efficiency Lambda Azure 241

Smashing Magazine

DECEMBER 27, 2021

I used to design and develop WordPress themes. Development Setup. But what does the development setup looks like? Our themes are two independent packages, but we need to work on them in parallel within a single project during the development. By the way, you are not limited to a single demo. Large preview ).

Website 129

Website Open Source Code Availability 129

Tasktop

AUGUST 23, 2021

By bringing the development and operations teams together, elite performers again separated themselves from the competition by shortening the feedback loop by another order of magnitude. There are redundant fields, confusing lexicon – the type of stuff that works great in a developer-led demo, but terribly for the rest of us.

Software 52

Software Software Development Social Media 52

Dynatrace

NOVEMBER 13, 2020

If you want to use the Google UI toolkit to build natively compiled applications for mobile, web, and desktop from a single codebase?, Flutter offers a mobile development model that allows you to do just that. Today, the production apps of many big companies use Flutter, which has a steadily growing community of developers.

Code 167

Code Mobile Monitoring Infrastructure 167

Smashing Magazine

AUGUST 25, 2021

To make the development experience faster, I moved all the PHP packages required by my projects to a monorepo. When each package is hosted on its own repo (the “multirepo” approach), it’d need be developed and tested on its own, and then published to Packagist before I could install it on other packages via Composer.

Google 95

Google Code Engineering Strategy 95

Smashing Magazine

NOVEMBER 17, 2022

As developers, it is in the palm of our hands to improve the UX and make the layout shifts less likely to happen. demo-image.jpeg. demo-image.jpeg/m/. demo-image.jpeg/m/filters:quality(10). demo-image.jpeg/m/200x0/filters:format(jpeg). Large preview ). Large preview ). Large preview ). Original image URL ?

Media 108

Media Cache Website Mobile 108

O'Reilly

MARCH 23, 2023

ChatGPT and friends include: ChatGPT itself Developed by OpenAI; based on GPT-3.5 and 4 Large language models developed by OpenAI. Kosmos-1 Developed by Microsoft, and trained on image content in addition to text. Microsoft plans to release this model to developers, though they haven’t yet. PaLM Also developed by Google.

Google 109

Google Open Source Programming Code 109

Smashing Magazine

MAY 6, 2019

According to the native lazy loading specification (still under development), if you want to lazy load images or iframes using the native lazy loading feature, you would just need to add the loading=lazy attribute on the related tag. <img Native Lazy Loading Demo. Test native lazy loading demo. The script is only 2.0

Website 104

Website Best Practices Media Open Source 104

Tasktop

JUNE 20, 2019

But here’s the rub: Agile development teams do not work in isolation. And why, in lieu of a single tool or process, organizations need to identify and eliminate long cycles and wait times within development itself, and beyond. The disconnect between the business and Agile development.

Development 45

Development DevOps Google Innovation 45

The Netflix TechBlog

FEBRUARY 20, 2019

Introducing BCC / eBPF visualisations The Netflix performance engineering team (especially my colleague Brendan) has been contributing to eBPF since its beginning in 2014, including developing many open source performance tools for BCC such as execsnoop, biosnoop, biotop, ext4slower, tcplife, runqlat, and more.

Performance 211

Performance Latency Open Source Metrics 211

Smashing Magazine

MARCH 7, 2022

These allow web developers to change their websites, based on various user preferences: prefers-reduced-motion. The BrowserLeaks demo above actually cheats, by loading that data in an iframe rather than in the main document, to get around this.

Website 105

Website Media Mobile Network 105

Smashing Magazine

MAY 23, 2022

Custom properties brought significant improvements to CSS by allowing developers to create reusable values in their stylesheet without the need for CSS preprocessor like SASS. CSS allows developers to define named counters that can be incremented, decremented, and displayed using CSS content property. Custom Property Fallback Value.

Media 141

Media Tuning Design Website 141