Riffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks?

Stuart Robson rolls up his sleeves and begins to piece together the jigsaw puzzle that is design tokens and component based design. Starting with the corners, and working around the edges, Stu helps us to piece together a full picture of a modern design system.

If you stare at your twitter feed long enough, it can look like everyone is talking about Design Systems. In some cases you could be persuaded to think how shallow the term can go.

“Isn’t this what we called Style Guides?”, “Here’s my React Design System”, “I’ve just updated the Design System in Sketch”

To me, they are some and all of these things. Over the last 4 years of consulting with two clients on their Design System, my own view has changed a little.

If you dig a little deeper into Design Systems twitter you will probably see the term “Design Tokens” pop up at least once a day somewhere. Design Tokens came out of work that was being done at Salesforce with Jina and others who pioneered the creation of Design Tokens as we know them today – creating the first command line tool in Theo that had started the adoption of Design Tokens to the wider Design Systems Community.

A cool term but, what are they?

If you look at your client work, your companies site, the project you’re working on you should notice some parts of the page have a degree of consistency: the background colour of your form buttons is the same colour as your link text, or your text has the same margin, or your card elements have the same spacing as your media object.

These are design decisions, and they should be littered across the overall design of your project. These decisions might start off in a Sketch file and make their way into code from detailed investigation of a Sketch file, or you may find that the design evolves from your design application once it gets into code.

These design decisions can change, and to keep them synchronised across design and development in applications, as well as a larger documentation site in your Design System, is going to take some effort.

This is where Design Tokens come in, and I find the best way to succinctly reiterate what they are is via the two following quotes…

“Design Tokens are an abstraction for everything impacting the visual design of an app/platform.”
– Sönke Rohde

…and

“We use them in place of hard-coded values in order to maintain a scale-able and consistent visual system.”
– Jina

There are several global design decisions that we can abstract to create a top level design token – Sizing, Font Families, Font Styles, Font Weights, Font Sizes, Line Heights, Border Styles, Border Colours, Border Radius, Horizontal Rule Colours, Background Colours, Gradients, Background Gradients, Box Shadows, Filters, Text Colours, Text Shadow, Time, Media Queries, Z Index, Icons – these can all be abstracted as required.

So, spicy Sass variables?

We can look at Design Tokens as an abstraction of CSS, sort of like Sass variables, but spicier. Looking at them like this we can see that they are (in either .yaml or .json) a group of related key value pairs with more information that can be added as needed.

The great thing with abstracting design decisions outside of your CSS pre-processor is that you’re not tying those decisions to one platform or codebase.

As a crude example, we can see here that we are defining a name and a value that could then become our color, background-color, or border-color, and more.

# Colours
# -------
- name: color-red
  value: #FF0000
- name: color-green
  value: #00FF00
- name: color-blue
  value: #0000FF
- name: color-white
  value: #FFFFFF
- name: color-black
  value: #000000

These can then generate our Sass variables (as an example) for our projects.

$color-red: #FF0000 !default;
$color-green: #00FF00 !default;
$color-blue: #0000FF !default;
$color-white: #FFFFFF !default;
$color-black: #000000 !default;

Why are they so good

Ok, so we now know what Design Tokens are, but why do we need them? What makes them better than our existing solutions (css pre-processors) for defining these design decisions?

I think there are 5 really good reasons why we all should start abstracting these design decisions away from the CSS that they may live in. Some of these reasons are similar to reasons some developers use a pre-processor like Sass, but with added bonuses.

Consistency

Much like using a CSS pre-processor or using CSS custom properties, being able to define a background colour, breakpoint, or font-size in more than one place using the same key ensures that we are using the Sass values across the entire product suite we are developing for.

Using our Design Tokens in their generated formats, we can be sure to not end up with 261 shades of blue.

Maintainability

By using a pre-processor like Sass, or using native CSS custom properties, we can already have maintainable code in our projects. Design Tokens also do this at the abstracted level as well.

Scalability

“Design Tokens enable us to scale our Design across all the permutations.”
– Jina

At this point, we’re only talking about abstracting the design decisions for use in CSS. Having Design Tokens allows design to scale for multiple brands or multiple projects as needed.

The main benefit of Design Tokens in regards to scalability is the option that it gives us to offer the Design Tokens for other platforms and frameworks as needed. With some of the tools available, we can even have these Tokens shared between applications used by designers and developers.

Your marketing site and your iOS application can soon share the same design decisions codified, and you can move towards creating an Android app or web application as required.

Documentation

If we abstract the design decisions from one platform specific programming language it would be no good if it wasn’t made to be easily accessible.

The tools and applications available that are mentioned later in this article can now create their own documentation, or allow you to create your own. This documentation is either hosted within a web-based application or can be self-hosted with the rest of your Design Systems documentation.

Most of the command line tools go further and allow you do add more details that you wish to convey in the documentation, making it as unique as it is required for your project.

Empowerment

When you abstract your design decisions to Design Tokens, you can help empower other people on the project. With the tools available today, and the tools that are just around the corner, we can have these design decisions determined by anyone on the team.

No-one necessarily needs to understand how to set up the codebase to update the colour slightly. Some of the tools I mention later on allow you to update the Design Tokens in the browser.

Design Systems are already “bridging the gap” between design and development. With Design Tokens and the tooling available, we can create better team relationships by closing that gap instead.

Some of the benefits of creating and using Design Tokens are the same as using a pre-processor when it comes to authoring CSS. I feel the added bonuses of being able to empower other team members and document how you use them, as well as the fundamental reasoning in that they can be platform agnostic, are all great “selling points” to why you need to start using Design Tokens today.

Tools

There are several tools available to help you and your team to create the required files from your abstracted Design Tokens:

Command Line Tools

There are several tools available on the command line that can be used as part of, or separate to, your development process.

These tools allow you to define the Design Tokens in a .json or .yaml file format which can then be compiled into the formats you require.

Some have built in functions to turn the inputted values to something different when compiled – for example, turning hexadecimal code that is a Design Token into a RGB value in your .css file. These command line tools, written in JavaScript, allow you to create your own ways in which you want things transformed.

My current client has certain design decisions for typography in long form content (font size, weight, line height and margins) which need to be together to make sense. Being able to write JavaScript to compile these design decisions into an independent Sass map for each element allows us to develop with assurance that the long form content has the correct styling.

WYSIWYG Tools

WYSIWYG (What You See Is What You Get Tools) have been around for almost as long as we have been able to make websites. I can just about remember using Dreamweaver 2, before I knew what a <table> was.

When browsers started to employ vendor prefixes to new CSS for their browsers, a flurry of online WYSIWYG tools came with it built in. They’re still there, but the industry has moved on.

Design Tokens also have a few WYSIWYG tools available. From simpler online tools that allow you to generate the correct Sass variables needed for your design decisions to tools that store your decisions online and allow you to export them as npm packages.

These types of tools for creating Design Tokens can help empower the team as a whole, with some automatically creating documentation which can easily be shared with a url.

Retrofitting Tools

If you are starting from scratch on a new re-design or on a new project that requires a Design System and Tokens, the many of the tools mentioned above will help you along your way. But what if you’re in the middle of a project, or you have to maintain something and want to start to create the parts required for a Design System?

Luckily there are several tools and techniques to help you make a start.

One new tool that might be useful is Superposition. Currently in private beta with the public release set for Q1 of 2020 Superposition helps you “Extract design tokens from websites and use them in code and in your design tool.”

Entering your domain gives you a nice visual documentation of your sites styles as Design Tokens. These can then be exported as Sass Variables, CSS Custom Properties, JavaScript with the team working on exports to iOS and Android.

If you have an existing site, this could be a good first step before moving to one of the other tools mentioned above.

You could also make use of CSSStats or Project Wallace’s Analysis page that I mentioned earlier. This would give you an indication of what Design Tokens you would need to implement.

Component Based Design

So, we’ve created our Design Tokens by abstracting the design decisions of brand colours, typography, spacing and more. Is that as far as we can go?

Levels of Design Decisions

Once we have created our first set of Design Tokens for our project, we can take it that little bit deeper. With command line tools and some of the applications available, you can link these more global decisions to a more deeper level.

For example, you can take your chosen colours and make further design decisions on the themes of your project, such as what the primary, secondary, or tertiary colours are or what your general component and layout spacing will be.

With this, we can go one step further. We could also define some component specific design decisions that can then be compiled for the developer to use. Invest in time to check over the designs with a fine toothcomb and make sure you are using the correct Sass variable or CSS custom property for that component.

If you are going more than one or two levels of design decision making, you can compile each set of these Design Tokens to your Sass variables which can then be used as required. So you can provide: global, theme, component level Sass variables which can be used in the project. Or you could choose to only compile what you need for the components you are creating.

Variables, Maps, Custom Properties

Some of the tools available for creating and maintaining your Design Tokens allow you to compile to certain programming languages.

With my current client work, I am making use of Sass variables, Sass maps, and CSS custom properties. The Design Tokens are compiled into one or more of these options depending on how they will be used.

Colours are compiled as global Sass variables, inside of a couple of Sass maps and CSS custom properties. Our macro layout breakpoints are defined as a single Sass map.

If we know we are creating a component that has the ability to be themed, we can make use of CSS custom properties to reduce the amount of CSS we need to override, and also allow us to inline things that can be changed via a CMS as required. Which leaves us using Sass variables for parts of a component that won’t change. We are using Sass maps differently still. As mentioned, we generate a Sass map containing the design decisions for each element of text, and we can use long form text. This Sass map is then compiled into separate CSS declarations as needed using Sass mixins.

I find the beauty of being able to make use of the global, themed, and component level design decisions by compiling them into various formats (that essentially become CSS) and that gives us more power in authoring components.

Creating Consistent Utility Classes

As you have created your more global generic design decisions, you can create your own small set of utility classes.

Using a pre-processor like Sass you can define a set of mixins and functions that can take your Design Tokens that have been compiled down into variables and maps and generate separate classes for each design decision.

By making tokens available to all digital teams, we can enable them to create custom experiences that are aligned to current visual standards when a component does not (or will not) exist in the design system. Maya King

In creating utility classes with Design Tokens (using something like Sass) you have consistency with the overall Design System for times when you or a team need to create a one-off component for a project.

These exceptions tend to be something that won’t make it as part of the overall Design System, but it still needs that look and feel.

Having classes available that we can guarantee use the generic, global design decisions from the Design Tokens means these one-off components should be well on their way to have the overall look and feel of the project, and will get any updates with little to no additional overhead.

Wrapping Up

I think we are starting to see the potential of using Design Tokens as Design Systems become even more popular. I think that, from this overview, we can see how they can help us close the gap that still exists in places between the designers and developers on the team. They can help empower people who do not code to make changes that can be automatically updating live work.

I think you can start now. You may not have or need what you could term “a fully-fledged Design System” but this small step will help move towards one in the future and give you instant benefits of consistency and maintainability now. If you want more Design Tokens, as well as the links that are dotted around this article I also maintain a GitHub repo of Awesome Design Tokens which I try to keep updated with links to tools, articles, examples, videos, and anything else that’s related to Design Tokens.

About the author

Stuart Robson is a freelance front-end developer and design systems advocate who curates the design systems newsletter - news.design.systems

More articles by Stuart

A trade agreement with China will give European companies the opportunity to compete in the Chinese solar power market, the EU's trade commissioner said.

कोरोना वायरस के संक्रमण से बचने के लिए पूरे देश में लॉकडाउन जारी है, लेकिन इस लॉकडाउन के चलते पूरे देश में ऑटो मोबाइल इंडस्ट्री की सप्लाई चेन बुरी तरह से प्रभावित हुई है, क्यों कि वाहन निर्माता कंपनियों ने सरकार के निर्देशानुसार उत्पादन बंद कर दिया था।

The Indian auto industry is slowly working its way to restart operations in India, after being shut down for over 40 days. Automobile companies are currently preparing to resume production in accordance with the government's guidelines for ensuring all safety and social distancing norms are followed.

Archives, Room Use Only - TK7870.H39 1971

The non-steroidal anti-inflammatory drugs mefenamic acid (MFA) and tolfenamic acid (TFA) have a close resemblance in their molecular scaffold, whereby a methyl group in MFA is substituted by a chloro group in TFA. The present study demonstrates the isomorphous nature of these compounds in a series of their multicomponent solids. Furthermore, the unique nature of MFA and TFA has been demonstrated while excavating their alternate solid forms in that, by varying the drug (MFA or TFA) to coformer [4-di­methyl­amino­pyridine (DMAP)] stoichiometric ratio, both drugs have produced three different types of multicomponent crystals, viz. salt (1:1; API to coformer ratio), salt hydrate (1:1:1) and cocrystal salt (2:1). Interestingly, as anticipated from the close similarity of TFA and MFA structures, these multicomponent solids have shown an isomorphous relation. A thorough characterization and structural investigation of the new multicomponent forms of MFA and TFA revealed their similarity in terms of space group and structural packing with isomorphic nature among the pairs. Herein, the experimental results are generalized in a broader perspective for predictably identifying any possible new forms of comparable compounds by mapping their crystal structure landscapes. The utility of such an approach is evident from the identification of polymorph VI of TFA from hetero-seeding with isomorphous MFA form I from acetone–methanol (1:1) solution. That aside, a pseudopolymorph of TFA with di­methyl­formamide (DMF) was obtained, which also has some structural similarity to that of the solvate MFA:DMF. These new isostructural pairs are discussed in the context of solid form screening using structural landscape similarity.

Knowledge of the appearance of texture components and fibres in pole figures, in inverse pole figures and in Euler space is fundamental for texture analysis. For cubic crystal systems, such as steels, an extensive literature exists and, for example, the book by Matthies, Vinel & Helming [Standard Distributions in Texture Analysis: Maps for the Case of Cubic Orthorhomic Symmetry, (1987), Akademie-Verlag Berlin] provides an atlas to identify texture components. For lower crystal symmetries, however, equivalent comprehensive overviews that can serve as guidance for the interpretation of experimental textures do not exist. This paper closes this gap by providing a set of scripts for the MTEX package [Bachmann, Hielscher & Schaeben (2010). Solid State Phenom. 160, 63–68] that allow the texture practitioner to compile such an atlas for a given material system, thus aiding orientation distribution function analysis also for non-cubic systems.

The membrane protein EsaA is a conserved component of the type VIIb secretion system. Limited proteolysis of purified EsaA from Staphylococcus aureus USA300 identified a stable 48 kDa fragment, which was mapped by fingerprint mass spectrometry to an uncharacterized extracellular segment of EsaA. Analysis by circular dichroism spectroscopy showed that this fragment folds into a single stable domain made of mostly α-helices with a melting point of 34.5°C. Size-exclusion chromatography combined with multi-angle light scattering indicated the formation of a dimer of the purified extracellular domain. Octahedral crystals were grown in 0.2 M ammonium citrate tribasic pH 7.0, 16% PEG 3350 using the hanging-drop vapor-diffusion method. Diffraction data were analyzed to 4.0 Å resolution, showing that the crystals belonged to the enantiomorphic tetragonal space groups P41212 or P43212, with unit-cell parameters a = 197.5, b = 197.5, c = 368.3 Å, α = β = γ = 90°.

Westley Heydeck, Brian A. Bayless, Alexander J. Stemm-Wolf, Eileen T. O'Toole, Amy S. Fabritius, Courtney Ozzello, Marina Nguyen, and Mark Winey

Basal bodies (BBs) are microtubule-based organelles that template and stabilize cilia at the cell surface. Centrins ubiquitously associate with BBs and function in BB assembly, maturation, and stability. Human POC5 (hPOC5) is a highly conserved centrin-binding protein that binds centrins through Sfi1p-like repeats and is required for building full-length, mature centrioles. Here, we use the BB-rich cytoskeleton of Tetrahymena thermophila to characterize Poc5 BB functions. Tetrahymena Poc5 (TtPoc5) uniquely incorporates into assembling BBs and is then removed from mature BBs prior to ciliogenesis. Complete genomic knockout of TtPOC5 leads to a significantly increased production of BBs yet a markedly reduced ciliary density, both of which are rescued by reintroduction of TtPoc5. A second Tetrahymena POC5-like gene, SFR1, is similarly implicated in modulating BB production. When TtPOC5 and SFR1 are co-deleted, cell viability is compromised, and levels of BB overproduction are exacerbated. Overproduced BBs display defective transition zone formation and a diminished capacity for ciliogenesis. This study uncovers a requirement for Poc5 in building mature BBs, providing a possible functional link between hPOC5 mutations and impaired cilia.

Marijuanas active components are potentially effective in treating pain, nausea, the anorexia of AIDS wasting, and other symptoms, and should be tested rigorously in clinical trials.

A report has revealed that the plastic components of waste electrical and electronic equipment (WEEE) can contain significant amounts of hazardous substances, such as lead, mercury or certain flame retardants. The findings suggest that the plastics from some types of WEEE need to be treated as hazardous waste by waste managers and recyclers.

A new study has analysed the environmental impact of 15 products containing nanosilver, highlighting the contribution of this novel material to the items’ overall environmental burden. The findings show that nanosilver impacts, such as fossil fuel depletion and human-health impacts, are relative to content, and can be marginal when considered in the context of the product’s other materials. Based on their results, the researchers recommend considering the overall impacts and benefits of nano-enabled products in evaluation and environmental guidance on their development.

Scientists at Singapore’s Nanyang Technological University (NTU Singapore) have created a paper-like material derived from pollen that bends and curls in response to changing levels of environmental humidity....

...

Michael Pollan breaks down his address into different components.

Exxelia Magnetics new chameleon concept magnetics technology provides inductors and transformers with multiple outputs, high power density and reduced footprint.

Callnovo, the global multilingual customer service contact center, offers a powerful bilingual outsourcing solution in English and Spanish for Utsource's European market.

With time-series decomposition, we were able to infer that the consumers were waiting for the highest sale of the year rather than buying up-front.

A brand strategy is a long-term plan that affects every facet of your business, but creating one can be confusing. We break it down into 7 essential components.

A landing page can be the difference between having a strong conversion rate and a bad one. After putting a […]

The post 5 Key Components of a Highly Converting Landing Page appeared first on WPHacks.

One of the most commonly requested software features is dark mode (or night mode, as others call it). We see dark mode in the apps that we use every day. From mobile to web apps, dark mode has become vital for companies that want to take care of their users’ eyes. Dark mode is a supplemental feature that displays mostly dark surfaces in the UI. Most major companies (such as YouTube, Twitter, and Netflix) have adopted dark mode in their mobile and web apps.

In this paper, we study the regularity criterion of weak solutions to the three-dimensional (3D) MHD equations. It is proved that the solution $(u,b)$ becomes regular provided that one velocity and one current density component of the solution satisfy% egin{equation} u_{3}in L^{frac{30alpha }{7alpha -45}}left( 0,T;L^{alpha ,infty }left( mathbb{R}^{3} ight) ight) ext{ with }frac{45}{7}% leq alpha leq infty , label{eq01} end{equation}% and egin{equation} j_{3}in L^{frac{2eta }{2eta -3}}left( 0,T;L^{eta ,infty }left( mathbb{R}^{3} ight) ight) ext{ with }frac{3}{2}leq eta leq infty , label{eq02} end{equation}% which generalize some known results.

In this work, the generalized $N$-component Fokas-Lenells(FL) equations, which have been studied by Guo and Ling (2012 J. Math. Phys. 53 (7) 073506) for $N=2$, are first investigated via Riemann-Hilbert(RH) approach. The main purpose of this is to study the soliton solutions of the coupled Fokas-Lenells(FL) equations for any positive integer $N$, which have more complex linear relationship than the analogues reported before. We first analyze the spectral analysis of the Lax pair associated with a $(N+1) imes (N+1)$ matrix spectral problem for the $N$-component FL equations. Then, a kind of RH problem is successfully formulated. By introducing the special conditions of irregularity and reflectionless case, the $N$-soliton solution formula of the equations are derived through solving the corresponding RH problem. Furthermore, take $N=2,3$ and $4$ for examples, the localized structures and dynamic propagation behavior of their soliton solutions and their interactions are discussed by some graphical analysis.

The present invention is directed at a binder for a battery electrode comprising an ethylene oxide-containing copolymer including a first monomer of ethylene oxide (EO) and at least one additional monomer selected from an alkylene-oxide that is different from the first monomer of EO, an alkyl glycidyl ether, or a combination thereof; wherein the ethylene oxide-containing copolymer has a weight average molecular weight less than about 200,000 g/mole (e.g., from about 10,000 to about 100,000), the molar fraction of the first monomer of EO (XEo) in the ethylene oxide-containing copolymer is greater than 0.80 (e.g., from about 0.80 to about 0.995), and the ethylene oxide-containing copolymer has a peak melting temperature (Tp), in ° C., for a selected XEO in the range of about 0.80 to about 0.995, which is below a maximum value of Tpmax, at the selected XEO, which is calculated using the equation Tpmax=(60−150 (1−XEO)).

A metallocene compound is provided wherein to a transition metal compound is bonded a multidentate compound wherein a substituted cycloalkadienyl ring CA1 having therein a heteroaromatic group Ra containing an oxygen, sulfur or nitrogen atom on a cycloalkadienyl ring, preferably the five-membered ring thereof, and an unsubstituted or substituted cycloalkadienyl group CA2 or --(R1)N--, --O--, --S-- or --(R1)P--, preferably CA2, more preferably a substituted cycloalkadienyl group identical with CA1 are bonded through a divalent linking group. The metallocene compound is suitable as a principal ingredient of a catalyst for the polymerization of olefins, particularly achieving a very high effect in making the molecular weight of a polypropylene higher.

There is provided a dielectric composition including: a base powder including BaTiO3; a first accessory component including a content (x1) of 0.1 to 1.0 at % of an oxide or a carbonate including transition metals, based on 100 moles of the base powder; a second accessory component including a content (y) of 0.01 to 3.0 at % of oxide or carbonate including a fixed valence acceptor element, based on 100 moles of the base powder; a third accessory component including an oxide or a carbonate including a Ce element (content of z at %) and at least one rare earth element (content of w at %); and a fourth accessory component including a sintering aid, wherein 0.01≦z≦x1+4y and 0.01≦z+w≦x1+4y based on 100 moles of the base powder.

A process to separate a multi-component hydrocarbon stream which includes ethylene and other components with at least some of the components being present in a number of phases, is provided. The process includes in a first flash stage, flashing the multi-component hydrocarbon stream, from an elevated pressure and temperature to a pressure in the range of 10-18 bar(a), producing a first ethylene-containing vapor stream at a pressure in the range of 10-18 bar(a) and a multi-phase stream which includes some ethylene. In a second flash stage, the multi-phase stream is flashed to a pressure of less than 6 bar(a), producing a second vapor stream at a pressure of less than 6 bar(a) and a bottoms stream. The first ethylene-containing vapor stream is removed from the first flash stage, the second vapor stream is removed from the second flash stage and the bottoms stream is removed from the second flash stage.

A method for preparing fuel components from crude tall oil. Feedstock containing tall oil including unsaturated fatty acids is introduced to a catalytic hydrodeoxygenation to convert unsaturated fatty acids, rosin acids and sterols to fuel components. Crude tall oil is purified in a purification by washing the crude tall oil with washing liquid and separating the purified crude tall oil from the washing liquid. The purified crude tall oil is introduced directly to the catalytic hydrodeoxygenation as a purified crude tall oil feedstock. An additional feedstock may be supplied to the catalytic hydrodeoxygenation.

An approach for introspection of a software component and generation of a conditional memory dump, a computing device executing an introspection program with respect to the software component is provided. An introspection system comprises one or more conditions for generating the conditional memory dump based on operations of the software component. In one aspect, a computing device detects, through an introspection program, whether the one or more conditions are satisfied by the software component based on information in an introspection analyzer of the introspection program. In addition, the computing device indicates, through the introspection program, if the one or more conditions are satisfied by the software component. In another aspect, responsive to the indication, the computing device generates the conditional memory dump through the introspection program.

A logical operations functional block for an execution unit of a processor includes a first input data link for a first operand and a second input data link for a second operand. The execution unit includes a register connected to an error correction code detection unit. The logical operations functional block includes a look-up table configured to receive an error correction code syndrome from the error correction code detection unit. The logical operations functional block also includes a multiplexer configured to receive an output signal from the look-up table at a first input and the first operand at a second input, wherein an output of the multiplexer is coupled to the first input data link of a logical functional unit.

An optical component and an electrical board that have a low coefficient of linear expansion and small mold shrinkage, a method for producing the optical component, and a method for producing the electronic board are provided. An optical component includes a polymer having a repeating structural unit represented by general formula (1) where R1 and R2 each independently represent —H or —CH3; m and n each independently represent an integer in the range of 0 to 3; asterisk denotes a dangling bond that bonds to one of Xa and Xb; and —H bonds to the other one of Xa and Xb.

A heat-resistant cured product is efficiently produced by obtaining a semi-cured product where a curable resin composition containing a (meth)acrylate monomer, a non-conjugated vinylidene group-containing compound and a thermal radical-polymerization initiator is processed by at least one of photoirradiation and heating to give a semi-cured product having a complex viscosity of from 105 to 108 mPa·s at 25° C. and at a frequency of 10 Hz; and putting the semi-cured product in a forming die for pressure formation therein, and heating it therein for thermal polymerization to give a cured product.

A bridge includes a Peripheral Component Interconnect Express interface supporting at least two lanes, an Extensible Host Controller Interface, and a Universal Serial Bus 3.0 root hub. The Peripheral Component Interconnect Express interface is used for coupling to a host. Each lane of the at least two lanes provides a highest data transmission speed. The Extensible Host Controller Interface is coupled to the Peripheral Component Interconnect Express interface for storing data transmitted by the Peripheral Component Interconnect Express interface. The Universal Serial Bus 3.0 root hub includes a first controller and a second controller. The first controller and the second controller are used for controlling data transmission of four ports, and a highest data transmission speed provided by each port of the four ports is not more than the highest data transmission speed provided by the lane.

The present invention relates to 1,4-diethynylbenzene derivatives having substituents in the 2,3-position (cf. formula I, Claims), to the use thereof for high-frequency components, to liquid-crystalline media comprising the compounds, and to high-frequency components, in particular antennae, especially for the gigahertz range, comprising these media. The liquid-crystalline media serve, for example, for the phase shifting of microwaves for tuneable ‘phased-array’ antennae.

Disclosed is a novel system and method to select software components. A set of available software components are accessed. Next, one or more dimensions are defined. Each dimension is an attribute to the set of available software components. A set of coherence distances between each pair of the available software components in the set of available software components is calculated for each of the dimensions that have been defined. Each of the coherence distances are combined between each pair of the available software components that has been calculated in the set of the coherence distances into an overall coherence degree for each of the available software components. Using the overall coherence degree, one or more software components are selected to be included in a software bundle.

An additive manufacturing method for forming nearly monolithic SRF niobium cavities and end group components of arbitrary shape with features such as optimized wall thickness and integral stiffeners, greatly reducing the cost and technical variability of conventional cavity construction. The additive manufacturing method for forming an SRF cavity, includes atomizing niobium to form a niobium powder, feeding the niobium powder into an electron beam melter under a vacuum, melting the niobium powder under a vacuum in the electron beam melter to form an SRF cavity; and polishing the inside surface of the SRF cavity.

A peak-relevant value device acquires a peak-relevant value (for example, the peak value of an R wave (R peak value)) every cycle from an electrocardiogram acquired. The frequencies of the peak-relevant value acquired as time-series data and the magnitudes for the respective frequencies are analyzed. A peak-relevant value LF calculating device calculates an LF component (peak-relevant value LF component) from the frequency component of the peak-relevant value. An interval acquiring device acquires the interval between characteristic points of the electrocardiographic complex from the electrocardiogram acquired and the frequencies of the feature point interval acquired as time-series data to acquire the magnitudes of the respective frequency component are analyzed. An interval HF calculating device calculates the HF component from the frequency components of the feature point interval acquired and pain is judged on the basis of the variations of the peak-relevant value LF components and the interval HF components.

Systems and methods are disclosed for providing a signal indicative of one or more types of individual measurable device characteristic/s that are unique to a given electronic device by providing a signal indicative of the measurable and unique device characteristic/s in a passive manner from the electronic device. The signal indicative of one or more types of individual measurable device characteristic/s may be so provided without requiring operational power to be applied to any active electronic circuitry of the device, and without requiring any power to be generated by the device.