|
T Layout
The T-Layout is an architectural and design concept for web applications, specifically tailored to improve the user experience on mobile devices. It features a horizontally scrollable container divided into three distinct sections, each spanning the full width of the screen, and was developed to optimise space usage and streamline navigation. Background The T-Layout introduces horizontal scrolling as a complementary method to the conventional pop-up-based Website navigation, navigation system in mobile web applications. In this Layout (computing), layout, the central section which is visible by default upon accessing the application, facilitates the main content of a URL, URL address and is flanked by two "helper" sections. This approach minimises the need for extensive user movements, in order to reach navigation controls typically located at the top of the screen. It is aimed at enhancing the user experience on mobile devices by providing an easier way to access essential conte ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Web Application
A web application (or web app) is application software that is created with web technologies and runs via a web browser. Web applications emerged during the late 1990s and allowed for the server to dynamically build a response to the request, in contrast to static web pages. Web applications are commonly distributed via a web server. There are several different tier systems that web applications use to communicate between the web browsers, the client interface, and server data. Each system has its own uses as they function in different ways. However, there are many security risks that developers must be aware of during development; proper measures to protect user data are vital. Web applications are often constructed with the use of a web application framework. Single-page applications (SPAs) and progressive web apps (PWAs) are two architectural approaches to creating web applications that provide a user experience similar to native apps, including features such as smoo ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Specification (technical Standard)
A specification often refers to a set of documented requirements to be satisfied by a material, design, product, or service. A specification is often a type of technical standard. There are different types of technical or engineering specifications (specs), and the term is used differently in different technical contexts. They often refer to particular documents, and/or particular information within them. The word ''specification'' is broadly defined as "to state explicitly or in detail" or "to be specific". A requirement specification is a documented requirement, or set of documented requirements, to be satisfied by a given material, design, product, service, etc. It is a common early part of engineering design and product development processes in many fields. A functional specification is a kind of requirement specification, and may show functional block diagrams. A design or product specification describes the features of the ''solutions'' for the Requirement Specificatio ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Web Applications
A web application (or web app) is application software that is created with web technologies and runs via a web browser. Web applications emerged during the late 1990s and allowed for the server to dynamically build a response to the request, in contrast to static web pages. Web applications are commonly distributed via a web server. There are several different tier systems that web applications use to communicate between the web browsers, the client interface, and server data. Each system has its own uses as they function in different ways. However, there are many security risks that developers must be aware of during development; proper measures to protect user data are vital. Web applications are often constructed with the use of a web application framework. Single-page applications (SPAs) and progressive web apps (PWAs) are two architectural approaches to creating web applications that provide a user experience similar to native apps, including features such as smoot ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Responsive Web Design
Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction. A responsive design adapts the web-page layout to the viewing environment by using techniques such as fluid proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways: * The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points. * Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element. * Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, e.g. width of the rendering surface (browser window width or physical display size). *Responsive layouts ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Principles Of User Interface Design
The principles of user interface design are intended to improve the quality of user interface design. According to Lucy Lockwood's approach of usage-centered design, these principles are: * ''The structure principle'': Design should organize the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognizable to users, putting related things together and separating unrelated things, differentiating dissimilar things and making similar things resemble one another. The structure principle is concerned with overall user interface architecture. * ''The simplicity principle'': The design should make simple, common tasks easy, communicating clearly and simply in the user's own language, and providing good shortcuts that are meaningfully related to longer procedures. * ''The visibility principle'': The design should make all needed options and materials for a given task visible without distracting the user with extraneous or r ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Mobile Interaction
Mobile interaction is the study of interaction between mobile users and computers. Mobile interaction is an aspect of human–computer interaction that emerged when computers became small enough to enable mobile usage, around the 1990s. Mobile devices are a pervasive part of people's everyday lives. People use mobile phones, PDAs, and portable media players almost everywhere. These devices are the first truly pervasive interaction devices that are currently used for a huge variety of services and applications. Mobile devices affect the way people interact, share, and communicate with others. They are growing in diversity and complexity, featuring new interaction paradigms, modalities, shapes, and purposes (e.g., e-readers, portable media players, handheld game consoles). The strong differentiating factors that characterize mobile devices from traditional personal computing (e.g., desktop computers), are their ubiquitous use, usual small size, and mixed interaction modalities. Th ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Look And Feel
In software design, the look and feel of a graphical user interface comprises aspects of its design, including elements such as colors, shapes, layout, and typefaces (the "look"), as well as the behavior of dynamic elements such as buttons, boxes, and menus (the "feel"). The term can also refer to aspects of a non-graphical user interface (such as a command-line interface), as well as to aspects of an API – mostly to parts of an API that are not related to its functional properties. The term is used in reference to both software and websites. Look and feel applies to other products. In documentation, for example, it refers to the graphical layout (document size, color, font, etc.) and the writing style. In the context of equipment, it refers to consistency in controls and displays across a product line. Look and feel in operating system user interfaces serves two general purposes. First, it provides branding, helping to identify a set of products from one company. Second, it in ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Interaction Design
Interaction design, often abbreviated as IxD, is "the practice of designing interactive digital products, environments, systems, and services." While interaction design has an interest in form (similar to other design fields), its main area of focus rests on behavior. Rather than analyzing how things are, interaction design synthesizes and imagines things as they could be. This element of interaction design is what characterizes IxD as a design field, as opposed to a science or engineering field. Interaction design borrows from a wide range of fields like psychology, Human–computer interaction, human-computer interaction, information architecture, and user research to create designs that are tailored to the needs and preferences of users. This involves understanding the context in which the product will be used, identifying user goals and behaviors, and developing design solutions that are responsive to user needs and expectations. While disciplines such as software engineering ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Design Thinking
Design thinking refers to the set of Cognition, cognitive, strategic and practical procedures used by designers in the process of designing, and to the body of knowledge that has been developed about how people reason when engaging with design problems. Design thinking is also associated with prescriptions for the innovation of products and services within business and social contexts. Background Design thinking has a history extending from the 1950s and '60s, with roots in the study of design cognition and design methods. It has also been referred to as "designerly ways of knowing, thinking and acting" and as "designerly thinking". Many of the key concepts and aspects of design thinking have been identified through studies, across different design domains, of design cognition and design activity in both laboratory and natural contexts. The term ''design thinking'' has been used to refer to a specific cognitive style (thinking like a designer), a general theory of design (a way of ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
Server-side Scripting
Server-side scripting is a technique used in web development which involves employing scripts on a web server which produces a response customized for each user's (client's) request to the website. Scripts can be written in any of a number of server-side scripting languages that are available. Server-side scripting is distinguished from client-side scripting where embedded scripts, such as JavaScript, are run client-side in a web browser, but both techniques are often used together. The alternative to either or both types of scripting is for the web server itself to deliver a static web page. Server-side scripting is often used to provide a customized interface for the user. These scripts may assemble client characteristics for use in customizing the response based on those characteristics, the user's requirements, access rights, etc. Server-side scripting also enables the website owner to hide the source code that generates the interface, whereas, with client-side scripting, t ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
JSX (JavaScript)
JSX (sometimes referred to as JavaScript XML) is an XML-like extension to the JavaScript language syntax. Initially created by Facebook for use with React, JSX has been adopted by multiple web frameworks. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX. Markup An example of JSX code: const App = () => Nested elements Multiple elements on the same level need to be wrapped in a single React element such as the element shown above, a fragment delineated by or in its shorthand form , or returned as an array. Attributes JSX provides a range of element attributes designed to mirror those provided by HTML. Custom attributes can also be passed to the component. All attributes will be received by the component as props. JavaScript expressions JavaScript expressions (but not statements) can be used inside JSX with curly brackets : The example above will render: 11 Conditional expressions ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
CSS-in-JS
CSS-in-JS is a styling technique by which JavaScript is used to style components. When this JavaScript is parsed, CSS is generated (usually as a element) and attached into the DOM. It enables the abstraction of CSS to the component level itself, using JavaScript to describe styles in a declarative and maintainable way. There are multiple implementations of this concept in the form of libraries such as * Emotion * Styled Components * JSS * Tailwind CSS These libraries allow the creation of styled components using tagged template literals. For example, using styled components in a React project would look like the following: import styled from 'styled-components'; // Create a component that renders a element with blue text const BlueText = styled.p` color: blue; `; My blue text Some outcomes that may be achieved through CSS-in-JS can not be obtained using traditional CSS techniques. It is possible to make the styles dynamic in line with just a few conditional statements ... [...More Info...] [...Related Items...] OR: [Wikipedia] [Google] [Baidu] |
