O'Reilly

OCTOBER 12, 2021

People working on automated tagging for AI seem to be taking the position that iterative tagging leads to better results: i.e., after a tagging pass, use a human-in-the-loop to check some of the tags, correct them where wrong, and then use this additional input in another training pass. And again, do we care, and why?

Code 120

Code Programming C++ Testing 120

Tim Kadlec

MAY 21, 2020

Netlify has a feature called Snippet Injection that lets you inject a snippet of code either just before the closing body tag or just before the closing head tag. Once again, Netlify has a nice answer for that. During the build process, that snippet (and any associated Liquid syntax) gets generated and added to the resulting code.

Testing 128

Testing Traffic Tuning Metrics 128

Smashing Magazine

AUGUST 4, 2021

While working with React, most of the time we do not touch the children prop any more than using it in React components directly. and pass the isLast prop as we did before, but we also additionally wrap this cloned element in an anchor tag. We clone the element as we did in step 4. So what can we do about it? Fortunately, nothing ??.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

SEPTEMBER 10, 2021

It being available in more than a dozen languages at the click of a button is another wonderful touch — a reminder that the Web is in fact borderless. As a final, delightful touch, the page is itself a live, ongoing experiment, randomly working its way through increasingly complex tunes. Our freebies tag is a good place to start.

Design 131

Design Internet Internet Mobile 131

Smashing Magazine

AUGUST 15, 2023

Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. Jump to table of contents ↬ Step 1: Use An <img> Tag Instead Of A Background Image To avoid the five-step dependency chain I outlined above, we want to prevent loading the image with CSS.

Media 73

Media Metrics Mobile Best Practices 73

Dynatrace

SEPTEMBER 16, 2019

During this session you’ll also see how you can automatically monitor an entire Kubernetes cluster with almost zero effort, make sure that your entities are automatically correctly named and tagged, and add extra meta information to further improve the richness of the monitoring data.

Cloud 136

Cloud Education Monitoring Software Architecture 136

ACM Sigarch

OCTOBER 25, 2019

Tagging—Memory locations are “tagged” with metadata, which can signal things like data types or permission levels. It can also be argued that the processor industry has been out of touch with reality in terms of security requirements. . • Acceleration—Adding hardware support to reduce the runtime overheads of security features.

Hardware 98

Hardware Virtualization Architecture Games 98

KeyCDN

OCTOBER 31, 2019

Edit HTML Element You can edit HTML on the fly and preview the changes by selecting any element, choosing a DOM element within the panel, and double clicking on the opening tag to edit it. The closing tags are automatically updated for you. A blue line will show up for DOMContentLoaded and a red line for total load time.

Google 85

Google Website Network Media 85

Tasktop

MARCH 18, 2021

She puts me in touch with people from other departments, so I can learn from them about their jobs and career paths as I’m exploring which careers I’m most interested in. . In a company that cares about each other’s happiness, growth and productivity, I am thriving and growing as a marketing professional, team member and human being. .

Social Media 52

Social Media Media Design Software 52

CSS - Tricks

MAY 17, 2019

The group meets regularly to review third-party tags and work on improving our site’s performance. We removed those on the premise that, if they were important, people would get back in touch?—?no We’ve started deferring all JavaScript (including our own) using the <script defer> attribute. no one did.

Performance 42

Performance Internet Internet Metrics 42

Smashing Magazine

FEBRUARY 15, 2021

We could endlessly tweak the configuration in FFMPEG, but let’s just touch on a few important ones in this article. That way, if you so choose to not serve video on certain screens, you just have an empty <video> tag — and no video can be downloaded. So, let’s start with the diagnosis tool called FFprobe.

Network 143

Network Speed Website Mobile 143

Smashing Magazine

APRIL 17, 2019

The first of these is prefetching, and its link tag might look like this: <link rel="prefetch" href="[link] as="document"> This tells the browser that it can go ahead and fetch a page in the background so that it’s ready to go when requested. Putting Resource Hints To Use. Things To Note.

Performance 106

Performance Games Servers Cache 106

Tim Kadlec

NOVEMBER 6, 2013

On touch devices, a click event has a 300ms delay before firing. To do this, you have to kill scaling: On Chrome Android and Firefox this involves using the “viewport” meta tag to disable zooming (with user-scalable=no or initial-scale=1,maximum-scale=1). lets you use a “tap” event that works for touch, mouse and keyboard.

Scalability 40

Scalability Google Mobile Performance 40

Tasktop

MARCH 18, 2021

She puts me in touch with people from other departments, so I can learn from them about their jobs and career paths as I’m exploring which careers I’m most interested in. . In a company that cares about each other’s happiness, growth and productivity, I am thriving and growing as a marketing professional, team member and human being. .

Social Media 40

Social Media Media Design Software 40

Smashing Magazine

JUNE 28, 2021

It’s a collection of mostly <head> tags and attributes I usually use on every website I build. The abbreviation nav just creates a <nav> start and end tag by default, but what I usually need is a <nav> with a nested <ul> , <li> elements and links ( <a> ). Navigation. Boilerplate Small.

Code 101

Code Social Media Media Website 101

Tim Kadlec

OCTOBER 11, 2011

He walks you through how to organize your content, develop appropriately sized touch targets, embrace new touch gestures, simplify the process of input on mobile devices and more. I was particularly fond of the revelation that anchor tags are part of HTML 0 which works in most browsers except Internet Explorer.

Mobile 40

Mobile Entertainment Education Internet 40

Smashing Magazine

DECEMBER 2, 2021

Continue reading below ↓ Meet “Touch Design for Mobile Interfaces” , our brand-new Smashing Book on designing for mobile with proven, universal, human-centric guidelines. If you’re interested in it but not sure where to start, you can always check out the articles by tag(s) and find the answers to your questions. Manuel Matuzovi?

Design 107

Design Development Programming Website 107

Smashing Magazine

OCTOBER 24, 2023

All of that is dumped on any given page in one fell swoop courtesy of Google Tag Manager (GTM), which allows us to deploy and run scripts without having to go through the pain of re-deploying the entire site. Adding the async attribute to a <script> tag will load the script asynchronously, executing it as soon as it’s downloaded.

Google 90

Google Analytics Traffic Metrics 90

Dynatrace

MAY 28, 2020

Step #3: Tagging of services. A key concept in monitoring is proper tagging. Tagging allows you to better organize your monitoring data. There are multiple ways to define tags and metadata in Dynatrace : Manual Tagging : Put them on service and the process group via the UI or the Dynatrace API.

Engineering 192

Engineering Performance Metrics Best Practices 192

Smashing Magazine

NOVEMBER 4, 2021

We’ll also be touching on how to use Apollo as a state-management tool, possibly replacing redux. import React, { useState } from "react"; import gql from "graphql-tag"; import { useQuery, useMutation } from "@apollo/client"; import Loader from "./components/Loader"; components/Loader"; import PetSection from "./components/PetSection";

Cache 114

Cache Servers Transportation Code 114

Speed Curve

MAY 1, 2023

Performance budgets mitigate two of the biggest challenges you probably face in your daily life: not enough time, plus too many people touching the site. Your site has a number of people contributing content, such as unoptimized images and third-party tags that have the potential to seriously hurt the speed of your pages. You're busy.

Performance 98

Performance Metrics Media Google 98

Dynatrace

DECEMBER 23, 2020

Distributed tracing follows an interaction by tagging it with a unique identifier, which stays with it as it interacts with microservices, containers, and infrastructure. More specifically, it tracks the path of a single request by collecting and analyzing data on every interaction with every service the request touches.

Infrastructure 205

Infrastructure Cloud Monitoring Metrics 205

Speed Curve

FEBRUARY 25, 2024

This illustrates the dramatic difference in processing time between the two approaches: H&M processing time: 303ms French Connection procession time: 22ms (of which nearly half is sending an analytics event to Google Tag Manager!) Fortunately these event handlers are captured in the DevTools profile.

Analytics 92

Analytics Processing Google Mobile 92

Dynatrace

DECEMBER 23, 2020

Distributed tracing follows an interaction by tagging it with a unique identifier, which stays with it as it interacts with microservices, containers, and infrastructure. More specifically, it tracks the path of a single request by collecting and analyzing data on every interaction with every service the request touches.

Infrastructure 146

Infrastructure Cloud Monitoring Metrics 146

CSS - Tricks

APRIL 1, 2021

The most common critical resources are: A <script> tag that is in the <head> and doesn’t contain an async , or defer , or module attribute. The <async> tag is what allows the browser to download the JavaScript asset asynchronously. But those are things I did in image editing software.

Cache 92

Cache Social Media Media Website 92

Smashing Magazine

SEPTEMBER 8, 2021

It’s good practice to ensure we’re not rendering empty HTML tags when field content isn’t present. We’ve touched on many different decisions involved with building this seemingly simple component. This will help us avoid unforeseen layout bugs. Testing the component with the body text omitted, and the links omitted, respectively.

Development 139

Development Media Design Mobile 139

CSS - Tricks

JUNE 1, 2021

We have the render function that displays a <Greeting /> component in the special emulated DOM so we can test interactions with the component without touching the real DOM?—?otherwise, We first check that <p> tag is empty. And lastly, we check that the <p> tag contains “Hello human!”

Testing 95

Testing Performance Testing Website Code 95

Smashing Magazine

APRIL 29, 2022

Continue reading below ↓ Meet “Touch Design for Mobile Interfaces” , our brand-new Smashing Book on designing for mobile with proven, universal, human-centric guidelines. Partytown also provides documentation and walkthroughs for some third-party services like Facebook Pixel, Adobe Launch, and Google Tag Manager. More after jump!

Website 80

Website Google Open Source Mobile 80

Alex Russell

APRIL 29, 2021

Image carousels and other touch-based UIs are smoother and easier to build using this feature. Critical in adapting web content to mobile, particularly regarding multi-touch gestures. Lets web apps safely read and write NFC tags, e.g. for tap-to-pay applications. CSS Snap Points. Delayed three years [8]. Service Workers.

Media 145

Media Games Education Engineering 145

Smashing Magazine

OCTOBER 20, 2021

load every page's content between some body tags--> {{ content }} <!--and and apply the script tag just below this--> <script src="main.js"></script> </body> </html> // random-blog-post.pug. Remember that script tag we wrote while trying out Vite? layout: base-layout.

Website 93

Website Servers Code Programming 93

Smashing Magazine

JULY 6, 2021

If content items are not visualized in a tree structure, a strong search engine with facets and tagging capabilities is paramount for your content editors. It is important that content editors are given tools to organize, categorize, tag, reuse and search for images within a headless CMS. Ability to port content between environments.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

AUGUST 31, 2021

Use it for affecting the <html> and <body> tags and other metadata. Now we have readable code and we can pass props down to our components touching only required layers. This component is used to define the static mark-up. This file is rendered on the server and is not re-rendered on the client.

Cache 103

Cache Servers Best Practices Code 103

Smashing Magazine

AUGUST 3, 2023

LCP is particularly vital for landing pages , which are predominantly content and often the first touch-point a visitor has with a website. If, during this process, the browser encounters a <script> or <style> tag that lacks either an async or deferred attribute, the rendering of the webpage comes to a halt.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

JULY 29, 2019

Chrome devtools screenshot of the DOM, where I’ve expanded one inline style tag. The browser will guess at what the highest priority assets are, but you can provide a resource hint using the <link rel="preload"> tag, instructing the browser to download the asset as soon as possible. Google Homepage — DOM.

Cache 96

Cache Google Mobile Network 96

Alex Russell

JANUARY 30, 2024

It's clear that developers are out of touch with market ground-truth , but it's not obvious why. As inequality grows, averages and "generation" tags can become illusory and misleading. Our own experiences are no guide; we've got to keep our hands in the data to understand the texture of the world.

Performance 90

Performance Network Mobile Speed 90

Smashing Magazine

DECEMBER 27, 2021

I proceed like so with each theme I add: mkdir packages/gatsby-theme-wp-parent touch packages/gatsby-theme-wp-parent/package.json packages/gatsby-theme-wp-parent/index.js. We need to create routes for WordPress static pages, individual posts, blog archive, category archive, and tags archive.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

AUGUST 9, 2021

Would it be fair right from the outset to give some sort of trigger warning for any particular subjects that we might touch on? I wanted to talk to you today about the principles of designing products and experiences with the safety of vulnerable users in mind. Eva: Absolutely, yes. Thank you for bringing that up.

Design 98

Design Education Network Google 98