Smashing Magazine

JULY 27, 2021

How can we balance “global” styling concerns (fonts, colors, main layouts, and so on) with “local” ones (styles regarding individual components)? If a client asks for a color to change, implementing the change is a one-liner rather than a massive find-and-replace mess. Design Tokens. Consequently, a key part of our Next.js

Website 142

Website Design Best Practices Code 142

The Netflix TechBlog

FEBRUARY 14, 2020

The workflow then crops and color-corrects the selected image, picks out the best spot to place the movie’s title based on negative space, selects and resizes the movie title and places it onto the image. The selected image is then cropped and color-corrected based on coordinates passed by the algorithm. Image selection b.

Design 182

Design Open Source C++ Availability 182

Smashing Magazine

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. For instance, I remember The Verge’s old bold design, which placed striking colors over its images: Old homepage for The Verge ( Large preview ).

Website 103

Website Social Media Media Design 103

The Netflix TechBlog

OCTOBER 27, 2021

They can also tag their runs and filter the view by tags, allowing them to focus on particular subsets of experiments. They are colored to indicate the current state. Naturally, the view can be grouped by user. The DAG view presents all the steps of a flow and how they are related. Each step may have developer comments.

Open Source 222

Open Source Monitoring Scalability Code 222

Smashing Magazine

AUGUST 4, 2021

isLast && ( <div style={{ marginRight: "5px" }}> > </div> )} </> ); })} </ul> ); } function BreadcrumbItem({ isLast, children }) { return ( <li style={{ color: isLast ? and pass the isLast prop as we did before, but we also additionally wrap this cloned element in an anchor tag.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

AUGUST 18, 2021

window.customElements.define('gantt-chart', VanillaGanttChart); Before we get deeper into the rendering process, I would like to give you an overview of the connections between the different scripts: index.html is your web page where you can use the tag <gantt-chart></gantt-chart> index.js

Code 139

Code Servers Development Availability 139

Official Blog - World Web Technology

FEBRUARY 22, 2024

SEO-Friendly Interface: Certain WordPress website builders support SEO with customizable plugin integration, meta tags, and schema markup, enhancing website rankings and visibility. SEO-friendly features: Choose a page builder with built-in SEO features such as customizable meta tags, schema markup, and integration with SEO plugins.

Website 59

Website Design Efficiency Code 59

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. Color Palette and Picker The custom color palette will pull from the website stylesheet.

Google 85

Google Website Network Media 85

Smashing Magazine

AUGUST 23, 2019

Unfortunately, you can’t tell an img tag in an attribute how much of the image should be loaded at what time. A JPEG file is divided into different segments, each containing different components (image data, metadata such as IPTC, Exif and XMP, embedded color profiles, quantization tables, etc.). We use this URL as src for our img tag.

Network 103

Network Servers Programming Code 103

Smashing Magazine

OCTOBER 14, 2021

The highlights, shadows and colors can then be adjusted with CSS Custom Properties. In his CSS-Tricks article on grainy gradients , Jimmy Chion explains how we can generate colorful noise to add texture to a gradient with just a sparkle of CSS and SVG. Stephanie is using a data -attribute on h1 along with a span inside it.

Games 144

Games Design Strategy Code 144

Smashing Magazine

SEPTEMBER 10, 2021

Graphics, color, animation — there’s even an augmented reality experience if that floats your boat. Our freebies tag is a good place to start. Any fool can make complicated topics hard to understand, but making them easy to understand? That’s an art form all of its own. Large preview ). There are a lot of elements at play here.

Design 131

Design Internet Internet Mobile 131

MachMetrics

SEPTEMBER 22, 2020

Shopping carts, models, product sizes/colors, all have to be ready to go via Javascript files. Target seems to load an <img> tag as well as a <div> with the product image set as the background. The Javascript, however, is excessive. This could make a great deal of difference on a site that uses so many scripts.

Retail 82

Retail Speed Website Google 82

Smashing Magazine

AUGUST 19, 2022

You’ll notice the text in the paragraph tag below the bold “Forgot password” text. <p>You The common convention is to use red color for error messages and green color for success messages. .’} </button> </form> </div> ) }. <p>You are not alone.

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. Ad scrapers can harvest entire articles from a site and re-publish them on a different top-level domain with completely new advertising tags.

Website 89

Website Analytics Google Cache 89

O'Reilly

MAY 25, 2021

There have also been colorful conversations about whether GPT-3 can pass the Turing test, or whether it has achieved a notional understanding of consciousness, even amongst AI scientists who know the technical mechanics. This sort of colorful disagreement is in line with the emotional nature of social media arguments about crypto.

Social Media 138

Social Media Media Internet Internet 138

Tasktop

MARCH 18, 2021

I also used knowledge from my marketing classes for the SEO project, which involved keyword research and writing title tags and meta descriptions, as Tasktop migrates to a new website. The Alchemy of Color. We have a number of awesome opportunities in marketing, sales, product development, business development and administration.

Social Media 52

Social Media Media Design Software 52

CSS - Tricks

MAY 17, 2019

PWAs 🔁 In-App browser for external content (OAuth) 💾 New lifecycle (No Reload) 🔙Navigation gestures 🤝WebShare ⚠️Motion Sensors disabled; old getUserMedia removed 👍 IntersectionObserver, ConicGradients, datalist, color picker, AbortFetch [link].

Performance 42

Performance Internet Internet Metrics 42

Dynatrace

SEPTEMBER 14, 2022

Extended configuration options for existing visualizations such as the abilities to control the format and coloring. More color options for visualizations adapted to your CI needs. Data explorer visualizations have always offered various out-of-the-box color palettes.

Metrics 234

Metrics Analytics Monitoring Efficiency 234

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

APRIL 24, 2008

For example, let’s look at the element most often styled using pseudo-classes: the anchor tag (). Some anchor tags point to locations a user has already viewed, and some point to locations the user has not yet visited. a:link {color: red;}. a:visited {color: orange;}. ` a:link {color: red;}. a {color:blue;}.

40

40

Dynatrace

DECEMBER 2, 2021

To make table cells stand out, you can apply the threshold color to the entire table cell. Corrected inconsistency between tags in ServiceNow event notifications and tags of the event when the tags changed on the affected entity of the event after event creation. (APM-332637). Dashboards. Dynatrace API. APM-329649).

Lambda 199

Lambda Azure Metrics Monitoring 199

Smashing Magazine

OCTOBER 6, 2021

Or maybe an element is an unexpected color. The HTML has an indicator tag of scroll , noting that it has become a scrollable region, and main has an indicator tag of overflow because one of the paragraphs expands beyond its boundaries. Stephanie Eckles. 2021-10-06T10:00:00+00:00. 2021-10-06T10:38:09+00:00. An extra scrollbar!

Design 145

Design Availability Mobile Website 145

Smashing Magazine

NOVEMBER 17, 2022

percent of pages contain at least one <img> tag, and 99.9 According to the analysis carried out in the performance section of Web Almanac , the img tag represents 42% of the LCP elements of websites, while 71-79% of the pages have an image as an LCP element, because they can also be applied as background using CSS.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

SEPTEMBER 8, 2021

It’s good practice to ensure we’re not rendering empty HTML tags when field content isn’t present. These text-and-media components are designed to be used sparingly, creating an eye-catching splash of color and a break from an otherwise linear layout. During the build process, we decided to add an option to omit the background color.

Development 139

Development Media Design Mobile 139

Tim Kadlec

DECEMBER 2, 2008

There are a great deal of tags being developed for CSSDOC that can provide a lot of great information. In our header we’ve provided the project we’re working on, a version number for the project, copyright and author information, and some definitions of recurring colors used in the project.

Programming 40

Programming Code Availability Testing 40

Adrian Cockcroft

JULY 4, 2023

A few more similar small lookups helped me get the right data into the right format, which is a dataframe containing a log file, with each row having a timestamp, the latency of that request in milliseconds, and a tag that is the type of query being made.

Development 52

Development Latency C++ Open Source 52

Smashing Magazine

AUGUST 27, 2021

Within the accordion.styles.js file, add the remaining styles: export const Frame = styled.div` margin-bottom: 40px; `; export const Inner = styled.div` display: flex; padding: 70px 45px; flex-direction: column; max-width: 815px; margin: auto; `; export const Title = styled.h1` font-size: 40px; line-height: 1.1;

Internet 132

Internet Internet Programming Media 132

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

Speed Curve

FEBRUARY 25, 2024

Each script gets its own color.) 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!) The pastel cells represent the scripts included in the page.

Analytics 92

Analytics Processing Google Mobile 92

Smashing Magazine

NOVEMBER 12, 2021

Then we displayed the result in an h1 tag. Observe that although the count state increased, as displayed in the h2 tag, the previous state is still logged in the console. This will display the value 1 in the h1 tag because the count will be updated once, from 0 to 1, when the component mounts. import Colors from "./colors";

Code 118

Code Availability Efficiency Performance 118

CSS - Tricks

JUNE 19, 2019

bulma-but-not-all-of-bulma-only-some-of-it.scss"; html, body { background-color: #f9fafc; } // etc. bulma-custom.scss"; html, body { height: 100%; background-color: #f9fafc; } // etc. Then I imported that file into a custom Sass file which I called. site.scss. I like to keep things simple. import url("[link] @import "./bulma-custom.scss";

Cache 63

Cache Internet Internet Code 63

Smashing Magazine

APRIL 1, 2020

Inside our nav element, we included an anchor tag with a link to just forward-slash(Homepage) and a class of navbar-brand. What this class does it to ensure that our button has a light blue background color and a shadow when hovered. Open up the Navbar.js What these classes do is to apply a Navbar with a light background.

Open Source 103

Open Source Website Mobile Code 103

Smashing Magazine

OCTOBER 28, 2021

Cheerio allows us to select tags of an HTML document by using selectors: $("div"). color-base.a-text-normal').text() To create the web scraper, we need to install a couple of dependencies in our project: Cheerio. This specific selector helps us pick all <div> elements on a page. col-4-of-12.s-result-item.s-asin.sg-col-4-of-16.sg-col.sg-col-4-of-20').each((_idx,

Website 115

Website Code Retail Best Practices 115

Dotcom-Montior

MARCH 6, 2022

Blue color means time spent downloading the response. The green color means the browser is waiting to get content. The user must involve the contents of those files directly in the HTML via inline, , or tags. If there are long blue bars in the waterfall chart. Reducing the file size of the file can help solve the problem.

Performance 52

Performance Cache Website Speed 52

CSS Wizardry

NOVEMBER 9, 2018

This is a simple, defensive strategy to solve the edge case that the might ask something about the page’s styles: if the script asks about the page’s color. Any synchronous s in your HTML will not execute while any CSS is currently being downloaded. To mitigate this, the browser doesn’t execute the until the CSSOM is constructed.

Network 278

Network Performance Media Cache 278

KeyCDN

DECEMBER 12, 2018

The web app allows you to perform a variety of modifications including corner and cap style, stroke width, and primary/secondary color selection. Users can search icons by tags or can browse more than 50 different thematic collections to find graphics that meet their needs. Each icon has its own licensing restrictions.

Website 49

Website Design Google Availability 49

Alex Russell

JANUARY 30, 2024

style="padding: 15px; background-color: white;" decoding="async" loading="lazy" /> Tap for a larger version. style="padding: 15px; background-color: white;" decoding="async" loading="lazy" /> Tap for a larger version. As inequality grows, averages and "generation" tags can become illusory and misleading.

Performance 90

Performance Network Mobile Speed 90