Smashing Magazine

DECEMBER 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. The most beautiful, spectacular site in the world won’t do anyone much good if people can’t find it on Google (or Bing, or DuckDuckGo). From UX design to copywriting, quality content takes commitment, passion, and time.

Engineering 130

Engineering Google Website Analytics 130

Smashing Magazine

OCTOBER 11, 2022

All industries have a part to play, and that includes web design and development. The internet accounts for an estimated 3–4% of global emissions — equivalent to some countries. The carbon emissions of the internet are roughly equivalent to those generated by the entire aviation industry, or the whole of Africa.

Strategy 123

Strategy Development Energy Website 123

Testsigma

MAY 5, 2021

For instance, if we design features that run on Safari on Mac OS, those features may not function across other browsers. Like most tools in the market, this one can generate screenshots but takes it a notch up and above with its responsive design screenshots feature. It’s a no-brainer. Picture Credit: MultiBrowser. Highlights.

Testing Tools 74

Testing Tools Testing Internet Internet 74

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Alex Russell

APRIL 29, 2021

In almost every area, Apple's low-quality implementation of features WebKit already supports requires workarounds not necessary for Firefox (Gecko) or Chrome/Edge/Brave/Samsung Internet (Blink). Next-generation video codecs, supported in many modern chips, but also a licensing minefield. Fundamentally enabling for video creation apps.

Media 145

Media Games Education Engineering 145

Brendan Gregg

FEBRUARY 28, 2023

The video is now on YouTube : The slides are online and as a PDF : first prev next last / permalink/zoom In Q&A I was asked about CXL (compute express link) which was fortunate as I had planned to cover it and then forgot, so the question let me talk about it (although Q&A is missing from the video).

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

JANUARY 15, 2019

You may not think about it often, but the Internet uses a colossal amount of electricity. This, in turn, means that the Internet’s carbon footprint has grown to the point where it may have eclipsed global air travel , and this makes the Internet the largest coal-fired machine on Earth. Sustainable Web Design.

Website Performance 73

Website Performance Website Energy Performance 73

MachMetrics

JULY 21, 2018

The changing nature of our Internet usage is having a big impact on this issue. If you’re old enough, you may remember an early-internet when getting an image onto a website was a lot of work. If you thought images were heavy, consider video – which is essentially a collection of images – plus audio.

Website 71

Website Speed Internet Internet 71

Smashing Magazine

APRIL 29, 2022

The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. Consider Google Analytics, which collects and sends tracking data using navigator.sendBeacon().

Website 80

Website Google Open Source Mobile 80

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. Last time, I navigated the web for a day using Internet Explorer 8. Any other application’s internet access is automatically blocked. Google Homepage — DOM.

Cache 96

Cache Google Mobile Network 96

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. Large preview ). Large preview ).

Performance 145

Performance Cache Media Metrics 145

Brendan Gregg

JULY 4, 2021

The video is on [youtube]: The slides are [here] or as a [PDF]: first prev next last / permalink/zoom I work on many areas of performance, but recently I've had a lot of demand to talk about BPF.

Performance 52

Performance Latency Hardware Storage 52

Smashing Magazine

OCTOBER 29, 2019

Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Considering how important images are to web design, this isn’t an element we can dispose of so easily nor can we afford to cut corners when it comes to optimizing them.

Website 72

Website Speed Cache Google 72

Rigor

SEPTEMBER 11, 2019

Jake is a developer advocate at Google working with the Chrome team to develop and promote web standards and developer tools, as well as a contributor to the Chromium blog. Jake is a frequent speaker at many popular conferences and events, such as 100 Days of Google Dev , JAMstakConf , JSConf , SmashingConf , and dozens of others.

Performance 89

Performance Education Google Website 89

Smashing Magazine

SEPTEMBER 15, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. More after jump!

Internet 135

Internet Internet Google Design 135

MachMetrics

NOVEMBER 22, 2020

If you asked the average internet user how slow a website would need to load before they gave up and left, they might say something like 8 or 10 seconds. Looking again at the websites above, you’ll see that Google uses one image (their logo), Craigslist uses 0(!), Unfortunately, visitors actually give up on websites much faster.

Website 57

Website Speed Google Cache 57

Speed Curve

JANUARY 29, 2024

I recently shared some of my favourite research at Beyond Tellerrand (video here ) and thought it would be fun to round it up in a post. The internet may change, and web pages may grow and evolve, but user expectations are constant. In 1993 and again in 2010 , usability expert Jakob Nielsen found that: 0.1

Speed 134

Speed Website Mobile Cloud 134

O'Reilly

MAY 25, 2021

GPT-3 is essentially an auto-complete bot whose underlying Machine Learning (ML) model has been trained on vast quantities of text available on the Internet. Indeed, Google recently announced LaMDA , a model at GPT-3 scale that is designed to participate in conversations. Targeted Manipulation at Scale. Prompt Engineering.

Social Media 138

Social Media Media Internet Internet 138

Rigor

JUNE 4, 2019

Using a Composite Score: Google Lighthouse. The most common example of this is the Google Lighthouse Performance score. Lighthouse collects each of these metrics, grades each on a curve relative to other sites from the broader Internet, and then combines those grades together using a weighted average.

Metrics 89

Metrics Performance Media Google 89

Alex Russell

JUNE 22, 2022

Nobody frames it precisely this way; instead they'll say, if WebKit weren't mandated, Chromium would take over , or Google would dominate the web if not for the WebKit restriction. The New York Times reported in late 2020 that Google now pays Apple between $8-12 billion per year , up from $1 billion in 2014. And that's a choice. "WebKit

Engineering 110

Engineering Traffic Government Google 110

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. Looking back now, things seem to have changed quite significantly. thanks, Guy Podjarny! ).

Performance 145

Performance Cache Network Metrics 145

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. Its videos and blog articles address issues such as web performance, extensible component development and the intersection of CSS with other technologies, like HTML and JavaScript. Visit website 3.

Development 75

Development Website Design Code 75

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.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JUNE 25, 2020

Instead, like the other articles in the Django Highlights series (see below), it’s intended as a guide for front-end developers and designers to understand other parts of the process of creating a web application. Static files range from a few kilobytes of CSS to gigabytes of video. These files are only used client-side. Media Files.

Media 69

Media Cache Storage AWS 69

Testsigma

APRIL 13, 2022

Another research supported this conclusion by providing data that depicts 90% of the total internet time of the users is spent on mobile apps. But with applications that provide content streaming, written content or cloud-based services like Google Drive or Onedrive, the user expects at least partial content to load up on the device.

Mobile 52

Mobile Social Media Testing Media 52

CSS - Tricks

MAY 15, 2019

Today's websites are packed with heavy media assets like images and videos. As we noted at the start, Chromium and Google Chrome will ship a native lazy-loading mechanism in the form of a new loading attribute, starting in Chrome 75. Native lazy-loading flags in Google Chrome. Blink LazyLoad design documentation.

Traffic 58

Traffic Website Network Analytics 58

The Morning Paper

MARCH 31, 2019

So voice should sit alongside images and video as a source we can’t trust in our new post-reality world. (It It seems especially powerful when you combine e.g. voice impersonation and video). newer voice modeling techniques such as those offered by Lyrebird and Google WaveNet), it might become even more dif?cult

Social Media 40

Social Media Technology Technology Media 40

Smashing Magazine

NOVEMBER 17, 2022

Today, creating content on the Internet is the norm, not the exception. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Alba Silvente.

Media 105

Media Cache Website Mobile 105

High Scalability

AUGUST 3, 2018

It was the very first time (1968) the world had ever seen a mouse, seen outline processing, seen hypertext, seen mixed text and graphics, seen real-time video conferencing. Instead, let’s get every possible edge case understood by mingling Google’s training data with that from the other manufacturers. Most importantly?

Internet 113

Internet Internet Scalability Blockchain 113

High Scalability

JUNE 15, 2018

1.6x : better deep learning cluster scheduling on k8s; 100,000 : Large-scale Diverse Driving Video Database; 3rd : reddit popularity in the US; 50% : increase in Neural Information Processing System papers, AI bubble? Dave Snowden ~ A key principle of complex design is shift a system to an adjacent possible. They'll love you even more.

Internet 113

Internet Internet Scalability Blockchain 113

O'Reilly

NOVEMBER 28, 2023

Such policies would be designed to mitigate legal problems and require regulatory compliance. How will AI adopters react when the cost of renting infrastructure from AWS, Microsoft, or Google rises? First, there are already a lot of low-code and no-code web design tools, many of which feature AI but aren’t yet using generative AI.

Open Source 108

Open Source Artificial Intelligence Google Infrastructure 108

Tim Kadlec

JULY 31, 2013

One of the ones that stands out is Nate Koechley’s “Professional Frontend Engineering” presentation ( transcript and video ). A Dao of Web Design was written by John Allsopp in 2000. In a comment on my last post I referenced the Boston Globe and how it appears on Google Glass. Here at Yahoo!, That was 2008.

Google 40

Google Website Hardware Games 40

Smashing Magazine

OCTOBER 6, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. CSS is designed to not lose content, to not cause harm. More ideas, tips, and tools will be discussed next. More after jump!

Design 145

Design Availability Mobile Website 145

O'Reilly

MARCH 23, 2023

LaMDA Developed by Google; few people have access to it, though its capabilities appear to be very similar to ChatGPT. Notorious for having led one Google employee to believe that it was sentient. PaLM Also developed by Google. Google has announced an API for PaLM, but at this point, there is only a waiting list.

Google 104

Google Open Source Programming Code 104

O'Reilly

JUNE 15, 2021

They are designed with one person in mind: the owner. This is the start of a series discussing the design of communal devices–devices designed to work in communal spaces. Smart screen makers like Amazon and Google continue to make small changes to try to fix the weirdness. The problems are subtle at first.

IoT 90

IoT Transportation Entertainment Infrastructure 90

Smashing Magazine

AUGUST 9, 2021

It’s also one of the reasons we can keep using the Internet with many concurrent users, because it smartly limits each user’s bandwidth usage to their fair share. As another example, most applications on the Internet use TCP internally to ensure that all of their data are transmitted in full. Did You Know? Did You Know?

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

AUGUST 22, 2021

This is because HTTP/3 and QUIC mainly help deal with the somewhat uncommon yet potentially high-impact problems that can arise on today’s Internet. On the Internet, however, we typically have a long series of connected pipes , some of which can be wider than others (leading to so-called bottlenecks at the narrowest links).

Performance 105

Performance Network Latency Servers 105