スキルを探す

Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.

日本語の概要は準備中です。原文の説明を表示しています。

Set a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.

日本語の概要は準備中です。原文の説明を表示しています。

Show where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.

日本語の概要は準備中です。原文の説明を表示しています。

Top bar, app launcher, tenant and environment cue, status bar. Use when designing the persistent shell or navigation between apps behind one login.

日本語の概要は準備中です。原文の説明を表示しています。

Shape language across type, radius and icons carries brand personality. Use when starting a design system, picking icons or radius tokens, or reviewing visual consistency.

日本語の概要は準備中です。原文の説明を表示しています。

Show a table and its map, diagram, timeline or chart together, with selection synced both ways. Use when data appears in two representations at once.

日本語の概要は準備中です。原文の説明を表示しています。

View modes, row selection, mass actions, sorting, filters, search and table patterns. Use when designing data tables, listings, file browsers or any collection.

日本語の概要は準備中です。原文の説明を表示しています。

Shadows and layering that lift elements above the surface. Use when designing cards, dropdowns, modals, tooltips or any floating element.

日本語の概要は準備中です。原文の説明を表示しています。

Disney's animation principles and cinematic technique applied to UI motion. Use when designing transitions, scroll animations or onboarding motion.

日本語の概要は準備中です。原文の説明を表示しています。

Nielsen's 10 usability heuristics. Use when auditing an interface, designing interaction flows, writing error messages or reviewing usability.

日本語の概要は準備中です。原文の説明を表示しています。

Toasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.

日本語の概要は準備中です。原文の説明を表示しています。

Dense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.

日本語の概要は準備中です。原文の説明を表示しています。

Few semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.

日本語の概要は準備中です。原文の説明を表示しています。

Match information density to platform and user type. Use when designing data tables, dashboards or toolbars, or adapting a desktop product for mobile.

日本語の概要は準備中です。原文の説明を表示しています。

Derive a full UI palette from one or two brand colours — state variants, brand-tinted greys, semantic colours. Use when building or expanding a colour system.

日本語の概要は準備中です。原文の説明を表示しています。

Light, dark or both, and when a theme selector is worth it. Use when defining a base palette or deciding on dark mode support.

日本語の概要は準備中です。原文の説明を表示しています。

Tabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.

日本語の概要は準備中です。原文の説明を表示しています。

Currency, language, region and unit selectors live in a low-profile header or footer spot. Use when designing locale switchers or product-wide preference controls.

日本語の概要は準備中です。原文の説明を表示しています。

Modals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, side panels or action sheets.

日本語の概要は準備中です。原文の説明を表示しています。

Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.

日本語の概要は準備中です。原文の説明を表示しています。

Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.

日本語の概要は準備中です。原文の説明を表示しています。