|
Carbon Design System
Carbon Design System is a free and open-source design system and library created by IBM, which implements the IBM Design Language, and licensed under Apache License 2.0. Its public development initially started on June 10, 2015. Their components have multiple implementations, which includes a vanilla JS and CSS implementation and React (maintained by the Carbon Core team), while the community maintains the frameworks developed in Svelte, Vue.js, and Web Components. The official typeface to be used according to the guidelines is the IBM Plex typeface, with alternative typefaces for CJK scripts are Noto Sans CJK SC, Noto Sans CJK TC, and Noto Sans JP. See also * Design language * Flat design * Fluent Design System by Microsoft * Material Design by Google Google LLC () is an American Multinational corporation, multinational technology company focusing on Search Engine, search engine technology, online advertising, cloud computing, software, computer software, quant ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
JavaScript
JavaScript (), often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of Website, websites use JavaScript on the Client (computing), client side for Web page, webpage behavior, often incorporating third-party Library (computing), libraries. All major Web browser, web browsers have a dedicated JavaScript engine to execute the Source code, code on User (computing), users' devices. JavaScript is a High-level programming language, high-level, often Just-in-time compilation, just-in-time compiled language that conforms to the ECMAScript standard. It has dynamic typing, Prototype-based programming, prototype-based object-oriented programming, object-orientation, and first-class functions. It is Programming paradigm, multi-paradigm, supporting Event-driven programming, event-driven, functional programming, functional, and imperative programming, imperative programming paradigm, programmin ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Design Language
A design language or design vocabulary is an overarching scheme or style that guides the design of a complement of products or architectural settings, creating a coherent design system for styling. Objectives Designers wishing to give their suite of products a unique but consistent appearance and user interface can define a specification for it. The specification can describe choices for design aspects such as materials, color schemes, shapes, patterns, textures, or layouts. They then follow the scheme in the design of each object in the suite. Usually, design languages are not rigorously defined; the designer basically makes one thing in a similar manner as another. In other cases, they are followed strictly, so that the products gain a strong thematic quality. For example, although there is a great variety of unusual chess set designs, the pieces within a set are usually thematically consistent. Sometimes, designers encourage others to follow their design languages when deco ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Free And Open-source Software
Free and open-source software (FOSS) is a term used to refer to groups of software consisting of both free software and open-source software where anyone is freely licensed to use, copy, study, and change the software in any way, and the source code is openly shared so that people are encouraged to voluntarily improve the design of the software. This is in contrast to proprietary software, where the software is under restrictive copyright licensing and the source code is usually hidden from the users. FOSS maintains the software user's civil liberty rights (see the Four Essential Freedoms, below). Other benefits of using FOSS can include decreased software costs, increased security and stability (especially in regard to malware), protecting privacy, education, and giving users more control over their own hardware. Free and open-source operating systems such as Linux and descendants of BSD are widely utilized today, powering millions of servers, desktops, smartphones (e.g., ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
React (JavaScript Library)
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. React can be used as a base in the development of single-page, mobile, or server-rendered applications with frameworks like Next.js. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality. Basic usage The following is a rudimentary example of using React for the web, written in JSX and JavaScript. import React from 'react'; import ReactDOM from 'react-dom/client'; const Greeting = () => ; const App = () => ; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); based on the HTML document below. ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Svelte
Svelte is a free and open-source front end component framework or language created by Rich Harris and maintained by the Svelte core team members. Svelte is not a monolithic JavaScript library imported by applications: instead, Svelte compiles HTML templates to specialized code that manipulates the DOM directly, which may reduce the size of transferred files and give better client performance. Application code is also processed by the compiler, inserting calls to automatically recompute data and re-render UI elements when the data they depend on is modified. This also avoids the overhead associated with runtime intermediate representations, such as virtual DOM, unlike traditional frameworks (such as React and Vue) which carry out the bulk of their work at runtime, ''i.e'' in the browser. The compiler itself is written in TypeScript. Its source code is licensed under MIT License and hosted on GitHub. History The predecessor of Svelte is Ractive.js, which Rich Harris had develo ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Web Components
Web Components are a set of features that provide a standard component model for the Web allowing for encapsulation and interoperability of individual HTML elements. Primary technologies used to create them include: * Custom Elements: APIs to define new HTML elements * Shadow DOM: encapsulated DOM and styling, with composition * HTML Templates: HTML fragments that are not rendered, but stored until instantiated via JavaScript Features Custom Elements There are two parts to Custom Elements: autonomous custom elements and customized built-in elements. Autonomous custom elements are HTML elements that are entirely separated from native HTML elements; they are essentially built from the bottom up using the Custom Elements API. Customized built-in elements are elements that are built upon native HTML elements to reuse their functionality. Shadow DOM Shadow DOM is a functionality that allows the web browser to render DOM elements without putting them into the main document D ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
IBM Plex
IBM Plex is an open source typeface superfamily conceptually designed and developed by Mike Abbink at IBM in collaboration with Bold Monday to reflect the design principles of IBM and to be used for all brand material across the company internationally. Plex replaces Helvetica as the IBM corporate typeface after more than fifty years, freeing the company from extensive license payments in the process. Version 1.0 of the font family had four typefaces, each with 8 weights (Thin, Extra Light, Light, Regular, Text, Medium, Semi-bold, Bold) and true italics to complement them. * IBM Plex Sans – A grotesque sans-serif typeface with a design that was inspired by Franklin Gothic. Other sans-serif classifications were rejected on the basis of being too soft (humanist), inefficient ( geometric) and overly perfected (Neo-grotesque). Some of Franklin Gothic's features such as the angled terminals, a double-storey g and a horizontal line at the baseline of the 1 are used in IBM Ple ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
CJK Characters
In internationalization, CJK characters is a collective term for the Chinese, Japanese, and Korean languages, all of which include Chinese characters and derivatives in their writing systems, sometimes paired with other scripts. Collectively, the CJK characters often include ''Hànzì'' in Chinese, ''Kanji'' and ''Kana'' in Japanese, ''Hanja'' and ''Hangul'' in Korean. Vietnamese can be included, making the abbreviation CJKV, as Vietnamese historically used Chinese characters in which they were known as ''Chữ Hán'' and ''Chữ Nôm'' in Vietnamese ('' Hán-Nôm'' altogether). Character repertoire Standard Mandarin Chinese and Standard Cantonese are written almost exclusively in Chinese characters. Over 3,000 characters are required for general literacy, with up to 40,000 characters for reasonably complete coverage. Japanese uses fewer characters—general literacy in Japanese can be expected with 2,136 characters. The use of Chinese characters in Korea is increasingly rare, a ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Source Han Sans
Source Han Sans is a sans-serif East Asian gothic typeface, gothic typeface family created by Adobe Inc., Adobe and Google. It is also released by Google under the Noto fonts project as Noto Sans CJK. The family includes seven weights, and supports Traditional Chinese, Simplified Chinese, Japanese and Korean. It also includes Latin, Greek and Cyrillic characters from the Source Sans Pro family. Design The Latin, Greek and Cyrillic characters are taken from the Source Sans Pro family, and adjusted to fit in with Chinese, Japanese and Korean (CJK) text. For example, in the normal weight Latin and Latin-like characters are scaled to 115% of their original size, hence they appear larger than Source Sans Pro at the same Point (typography), point size. For the Chinese, Japanese and Korean characters, the underlying design was designed by Ryoko Nishizuka from Adobe Inc., Adobe. Multiple type foundries drew the glyphs for different languages based on the designs: Changzhou Sinotype and ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Flat Design
Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing products. Definition and purpose Flat design is a style of interface design emphasizing minimalist use of simple elements, typography, and flat colors. Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable. Additionally, it makes it easier to design an interface that is responsive to changes in browser size across different devices. With minimal design elements, websites are able to load faster and resize easily, and still look sharp on high-definition screens. As a design approach, it is often contrasted to skeuomorphism and ''rich design''. History Flat design is primarily influenced by ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Fluent Design System
Fluent Design System (codenamed "Project Neon"), officially unveiled as Microsoft Fluent Design System, is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Metro (design language), Microsoft Design Language (popularly known as "Metro") that includes guidelines for the designs and interactions used within software designed for all Windows 10 and Windows 11 devices and platforms. The system is based on five key components: light, depth, motion, material, and scale. The new design language includes more prominent use of motion, depth, and translucency effects. The transition to Fluent is a long-term project; aspects of the design started appearing in Windows 10 beginning with the "Fall Creators Update" released in October 2017, as well as an update to the Xbox One system software released alongside it. It was later revealed to be designed in conjunction with Windows 10X, in addition to Windows 11 which has a similar design. Compared to Metro and A ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
