Search for tag: "design"
Transforming Business with AI and Hybrid Cloud: A Hybrid by Design ApproachThe explosion of AI over the past two years has tipped the scales in a long-developing paradigm shift: technology is no longer just a tool to support business objectives, but a fundamental driver… |
|
Red Hat Summit 2024_Aparna Sharma, IBM Consulting & Stefanie Chiras, Red HatRed Hat Summit 2024 | Aparna Sharma, Stefanie Chiras - Cube Interview during the Red Hat Summit 2024 |
|
10 Principles for Secure by Design: Baking Security into Your SystemsIn this video, cybersecurity expert Jeff Crume explores the 10 principles for secure by design, a best practice approach to building secure systems. Jeff discusses the importance of security by… |
|
IBM Rhapsody Systems EngineeringIBM Rhapsody Systems Engineering is a cloud native, web-based solution for systems engineering teams. It utilizes the SysML V2 modeling language to facilitate the development of smarter, more complex… |
|
Motion: overviewCarbon components have motion built in for microinteractions. However, the motion design of the overarching UI — that is, how the components interact with each other and enter and exit the page… |
|
Color: overviewApplication of the color palette brings a unified and recognizable consistency to IBM's array of digital products and interfaces. This consistency is grounded in a set of well-defined rules… |
|
2x grid: breakpointsUse this set of standard breakpoints to maintain layout integrity across screen sizes. For best results, test designs and code at each of these standard breakpoints. Create custom breakpoints to… |
|
2x grid: fixed boxesA grid can be formed with fixed boxes by arranging tiles in an inline block, icons in toolbars, etc. Column count grows with browser width. Tiles wrap to the next line, or are sometimes truncated… |
|
2x grid: fluid columnsFluid column structures are ideal for editorial content, dashboards, images, video, data visualizations, etc. In each case, scaling the size of things is more useful to the user than scaling the… |
|
2x grid: hybrid boxesHybrid boxes have different scaling rules in each dimension, so they do not use aspect ratios. When a user would resize the browser expecting content to scale in one dimension but not the other, use… |
|
2x grid: sizing scale - scaling multipleAfter determining your base size, multiply it as needed for each use. For box sizing, apply an aspect ratio too. |
|
2x grid: sizing scale - vertical rhythmUse the fixed sizing scale to set vertical spacing between sections, by adding it to the top or bottom margin of a box. |