Growing number of generatorsGet started with one of our flexible SVG generators that will help you create unique data-driven shapes without hassle. Choose between stacked or layered waves, steps, peaks, blobs, symbols, grids, gradients, and much more. Easy to integrate into your workflowWhether you are creating a poster or a website, integrating Haikei into your workflow is easy! Export your backg
2021年に流行するグラフィックデザインの最新トレンド12個まとめ | Web Design Trends
2020年はコロナウイルスの影響で、これまでに経験したことの無い1年になりました。その一方で、オンラインの世界ではその影響で急速に様々な変化が生まれています。オンライン教育、オンラインショッピング、リモートワーク、娯楽など様々な分野で大きな成長を遂げることとなりました。 多くの人々、そして企業はこの変化に迅速に適応する必要があり、顧客のニーズに合わせ、テクノロジーやトレンドと共に変化しなければなりません。 トレンドやテクノロジーは成長し続けているため、第一線に居続けるためには水面下で何が起こっているのかを知っておく必要があります。 Webサイトのデザインにおいては、高速化、ユーザビリティ、セキュリティ対策、バッテリーへの配慮、ダークモードの台頭など、著しい変化がありますが、それと同様にグラフィックデザインのトレンドも大きく変化しています。 上記のような項目はWebデザインだけに当てはまるこ
Figma Community file - デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステム構築の目的の詳細はデジタル庁ウェブサイトをご覧ください。 更新履歴 2022.12.28 リンクテキスト、テキストエリアのガイドを更新しました 2022.11.14 軽微な修正を行いましたアイコンを一部修正しましたテキスト入力、テキストエリアの表記揺れとカラー違いを修正しました 2022.11.12 軽微な修正を行いました最新状態ではな...
本格的なロゴをオンラインで作成できる「Logaster」で作成された9,500,000個の中から、2020年に人気だったロゴのデザインを調査・分析し、2021年に注目されるロゴデザインのトレンドを紹介します。 Logasterの中の人から依頼があり、今年も日本語化するお手伝いをさせていただきました。ここに掲載されているロゴのデザインは、小さいサイズならすべて無料で作成してダウンロードすることができます。 ※2022/10: Logasterは買収されました。 また、過去のトレンドと比較してみるのも、面白いです。 2018年、ロゴのデザイントレンドのまとめ 2019年、ロゴのデザイントレンドのまとめ 2020年、ロゴのデザイントレンドのまとめ シンプルなロゴ シンプルなデザインのロゴは、2021年になっても減速する気配はありません。このデザインをまだ手放す準備ができていないからこそ、シンプル
Art Direction By Windows DesignCreated by Olivia Xu, Carlos Loera Orozco
分岐を低減するinterface設計と発想の転換 / interface_design_idea.pdf
2023/03/03、エンジニア文化祭2023の登壇資料です。 『分岐を低減するinterface設計と発想の転換』 https://forkwell.connpass.com/event/272596/
By all accounts, Figma has been an amazing tool for designers. We've used it extensively at 37signals, and I'm sure most every other software shop has too. Adobe didn't pay $20 billion for nothing. But we don't do the bulk of our design work with or in Figma when developing Basecamp or HEY for the web. That's all done directly in HTML and CSS, as it should be. Because no matter how good Figma is,
HTML+JavaScriptでこれから始める、REST APIを利用したアプリ開発 第3回目／Webサービスとブラウザをつなぐ機能「Fetch API」 - MdN Design Interactive
HTML+JavaScriptでこれから始める、REST APIを利用したアプリ開発 第3回目／Webサービスとブラウザをつなぐ機能「Fetch API」 新規会員登録 ログイン管理 Twitter facebook はてなブックマーク RSS 2024.5.17 FRI
日本のデジタル社会実現の司令塔として、デジタル庁は政府内において、データと根拠に基づいた政策判断・効果の可視化の推進を先導する役割を担っていきます。その一環として、政策に関わるデータを「政策データダッシュボード」として公開しています。本プロジェクトを主管しているファクト＆データユニット長の樫田とデザイナーの志水が政策に関わるデータを公開する意図やダッシュボードの開発プロセスを紹介します。 政策データダッシュボード： https://www.digital.go.jp/resources/govdashboard
大規模toB SaaS「HRMOS」のフロントエンド開発にDesign Systemを導入した理由
HRMOSでは複数存在するモジュールの体験を統一するために「Design System(デザインシステム)」の開発を行ってます。 そこで本日は HRMOSにおけるDesign System メリットだけではない、Design Systemのデメリット を中心に紹介をしたいと思います。 Design Systemとは？ 『Design System』という本の一節にこう書かれています。 デザインシステムとは、デジタルプロダクトの目的を達成するために首尾一貫したルールで編成された、お互いに関連づけられたパターンとその実践方法です。パターンは繰り返される要素で、これらを組み合わせてインターフェースを作成します。 — Design Systems - アラ・コルマトヴァ HRMOSにおいてのDesign Systemとは、いわゆるUI Kitのようにデザインパターンが羅列されているだけでなく、いつ
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開 多摩美術大学は、東京ミッドタウン・デザインハブ（東京都港区赤坂9-7-1 ミッドタウン・タワー 5F）で「Tama Design High School 〜ゼロから学ぶはじめてのデザイン〜」を開催する。約1カ月にわたり、誰でも無料で聴講できるデザイン講義と企画展を実施。講義の参加⽅法には、会場での参加（要申込／無料）のほかに、オンライン参加（申込不要）もある。
はじめにひさしぶりにブックリストをつくりました。今回のブックリストでは「UX」を取り上げています（日本語で読める本だけです）。 ここで扱うUXは “User Experience” のことです。巷には様々な定義がありますが、定義の話にはあまり興味がないのでここではしません（他のブログや学術書をお読みください）。 タイトルに UXデザイン と書くか、UX と書くか迷いましたが、「UXというワード」が扱う範囲が、製品やアプリの使用経験からマーケティングやDX（デジタル・トランスフォーメーション）にまで拡張してきている状況をふまえて、あえてデザインを外して「UX」としました。（異論はたくさんありそうですがそれぞれのお考えは尊重します。定義論争と同じくそこにはあまり興味がありません） 以下で本を紹介していきますが、いざブックリストを作ろうと思うと、網羅的、体系的に書かれた本が少ないことに気付きます
ついに2021年がやってきました。Webデザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが、知識として押さえておくことによって、選択肢が増え、デザインの幅を広げるためのヒントとなります。 2020年はコロナウイルスの影響もあり、様々なものがオンラインに移行されたり、リモートワークが一般化するなど大きな変化の年となりました。それに合わせて、Webサイト、Webデザインの重要性も高まってきているのではないでしょうか。ぜひトレンド情報をチェックして、ご自身のWebデザイン制作に活用してみてください。 では、2021年に流行する最新のWebデザインのトレンドをご紹介していきます。 【 NEW：2022年版を公開しました 】 2022年に流行するWebデザインの最新トレンド10個まとめ 20
【2023】無料で使えるフリーアイコン素材サイト25個まとめ【商用利用OK】 | Web Design Trends
アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 しかし、自分でアイコン素材を作るのは手間がかかるし、アイコン素材を探す場合もライセンスなどを調べるのが結構面倒です。 そこで、今回は商用利用OKの無料で使えるおすすめのフリーアイコン素材サイトをまとめました。 ※ライセンスについては記事公開後に変更される可能性もあるため、ダウンロード前にご自身でご確認ください。 【2023】無料で商用利用可能！フリー画像・写真素材サイトのおすすめ12選 デザイン制作や記事の制作、資料作成など画像素材を利用するシーンは様々ですが、そんな時に役立つのがフリー画像・素材サイトです。 フリー画像やフリー写真を配布しているサイトはたくさんありますが、数が多くて... W
脱・Atomic Design - HTML+CSSコーディングの粒度分類法（HTML Parts） - Qiita
はじめに HTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図（視覚情報）」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし
プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。
アニメーションで魅せる！CSSボタンデザインのサンプルコードまとめ | Web Design Trends
ボタンはユーザーがクリックしたりタップしたり、直接アクションを起こすためのWebサイトには欠かせない要素です。 ボタンにはホバーエフェクトとクリックアクションの2つの重要なアニメーションのタイミングがあり、それぞれ適切にデザインすることによって使いやすさの向上にも繋がります。 今回は、アニメーションが美しいCSSによるボタンデザインのサンプルコードをご紹介したいと思います。 ホバーエフェクト ビット調のホバーエフェクトアニメーション ホバーに合わせて楽しいビット調のアニメーションが現れます。 0 6つのボタンデザイン ユニークな6つのボタンのCSSアニメーションのサンプル。 0 矢印が現れるボタン カーソルを合わせると左側から矢印が登場するボタン。 0 テキストが変化するボタン カーソルを合わせると、ボタンのテキストがアニメーションを伴って変化します。 0 ポップで楽しいボタン カーソルを
CSS Grid Layoutは、CSSによるレイアウト手法の1つです。様々なレイアウトをこれ1つで実装することができます。 ただ、覚えなければならないことも多く、初心者の方にとっては少し難しく感じるかもしれません。 そこで、CSS Grid Layoutの重要なポイントに絞って、分かりやすく解説したいと思います。 もう迷わない！CSS Flexboxの使い方を徹底解説 CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法... Web Design Trends
ドウシシャ、そそいだ飲み物が60秒で氷点下まで下がる「氷点下ボトル」を発売 - MdN Design Interactive
株式会社ドウシシャは3月18日、「ON℃ZONE氷点下ボトル」の発売を発表した。ステンレス3層構造を採用しており、飲み物をいれると60秒で氷点下まで冷える。3月中旬より、全国の量販店やドウシシャの直販サイト、ドウシシャマルシェなどにて、容量400ｍlサイズを3,500円（税別）、容量555ｍlサイズ4,000円（税別）で販売する。 「ON℃ZONE氷点下ボトル」は、真空断熱構造と冷却剤をステンレス3枚で挟み込んだ構造のボトル。冷凍庫で本体を凍らせておき、飲み物をいれると60秒で氷点下まで温度を下げる。その後は7時間ほど氷点下を維持できる。飲み口は広めの70mmで設計されているので、飲み物を入れやすいだけでなく洗いやすくもある。
アプリケーション内に表示するエラーメッセージの作成に関するガイドラインです。 エラーメッセージのライティングは、基本的にライティングスタイル、用字用語に準拠します。 そのほか、エラーメッセージ特有の気をつけるべきポイントを記載しています。 適用範囲アプリケーションを操作してエラーが発生したときに表示するメッセージすべてです。 ここでは、以下の場合について説明します。 バックグラウンド処理画面FlashMessageエラーメッセージの基本的な考え方エラーメッセージを表示する目的は、ユーザーがメッセージを見て問題を解決でき、次の操作に進める状態にすることです。 この状態を実現できないエラーメッセージだった場合、ユーザーの戸惑いや不安につながります。 ユーザーが問題を解決できる対処方法を明示した内容にすることを考えます。 エラーメッセージの基本的な要素どのエラーメッセージであっても、含める情報の
インターフェイスデザインとの向き合い方（公開版）/ How to face interface design
Goodpatch Engineer Meetup Vol.5 で登壇した際のスライドです。iOS Developerだった者がどのようにしてUIデザイナーとして取り組んでいったのか、Interface Architectの動き方や自己の紹介を兼ねながら、エンジニアリングの発想を活かすUI設計の観点を簡単にお話しいたしました。 https://goodpatch.connpass.com/event/156462/
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話｜Mercari Design Blog
ルールではなく補助線 ─ユーザー数2,000万人超のサービスにおける、Design Systemを立ち上げた話 こんにちは、メルカリDesign Systemの立ち上げと運用を担当したデザイナーのtottieです。 この記事では、メルカリの抱えていたデザイン上の課題をDesign Systemの導入で改善したお話をご紹介いたします。 なぜDesign Systemを導入したの？Design Systemを導入した理由は、大きく分けて２つあります。 １つめは、開発における課題です。 導入を決定した当時（2018年）、メルカリはスタートアップから急成長したサービスだったため、開発チームは様々な課題を抱えていました。 サービスを改修したくても、複雑に絡み合ったコードのためアップデートが難しい状況になってきた。 急激なチームメンバーの増加にあたり、分担して作業するための土台の整備が間に合わなくなっ
UIデザイナーは要チェック！ 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに
5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用したマテリアルシンボル、スイッチをはじめUI要素のデザインも変更されています。 Material Design 3 Material Design 3の大きな特徴は、表現力豊かなパーソナライズ機能とアクセシビリティ機能です。ダイナミックカラーのサポートに加えて、いくつかのマテリアルコンポーネントもアップデートされました。新機能は、オンラインやFigmaやGoogle Fontsなどで提供されており、すぐに利用できます。 Dynamic co
This is our goal architecture design, please read the article to understand the journey :)This blog article is participating in the Mercari Bold Challenge month (#6) Hi everyone, this is Raphael from the Microservices Platform team at Mercari. Bluntly introduced, we are a post-IPO Japanese C2C (Customer to Customer) marketplace transitioning from a monolithic to a microservices architecture. A few
ウェブアクセシビリティを確保・向上させるための簡易チェックリストです。このリストに記載されている項目を満たすと、おおよそSmartHRのウェブアクセシビリティ方針に掲げた品質を達成できます。 チェックする内容によっては例外があることがあります。参考に記載したリンクも参照してください。 わからないことがあれば #accessibility_and_human_rights_aka人権 チャンネルにていつでもお気軽にご相談ください！ 代替テキスト 画像に代替テキストが付与されている 装飾目的の画像が無視できるようになっている 代替テキストが空で設定されている または背景画像として表示されている参考 非テキストコンテンツ - WCAG 2.0 解説書1.1.1 画像に代替テキストを提供する - Ameba Accessibility Guidelines動画・音声 動画の音声に字幕が付与されてい
Subscribe to our newsletterJoin 19000+ subscribers getting UI resources straight to their inbox
発信をはじめるのは簡単だけど、継続するのはたいへん…！ こんにちは、デザイン戦略部の倉光 @transitkixです。今日はこの記事も登録されています「Cookpad Design Magazine」についての話。 毎週デザイナーが次々と登場し、現場でのデザインの取り組みについて紹介しているマガジンで、現在123記事が掲載されています(※2021/09/15現在)。 2年ゆるゆると続けられているのも、いつもさまざまな反応をくれる読者のみなさんのおかげです、どうもありがとうございます🙏 最近ではこのマガジンについて他社の方々から質問される機会が増えており、今回はよくある質問とその回答をそのまま公開します。組織からの継続発信に悩める誰かのヒントになれば幸いです。 まとめはじめに結論を書いておきます。 Cookpad Design Magazineのしくみ ・目的は「デザインに対する定期的な知
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
本日、執筆した TypeScript の技術書が発売されました。TypeScript は昨今、大変注目を集めている言語であり、フロントエンド開発の現場で積極的に採用され始めています。TypeScript は JavaScript に「静的型付け」機能を追加した言語です。プログラムを一旦動かすだけなら、JavaScript の開発経験ひとつで直ぐに習得できます。TypeScript で書いたコードは配布する際、JavaScript に変換され、エンドユーザーにアプリケーションとして届けられます。 フロントエンド開発は、年々求められる技術が複雑化しています。JavaScript は守備範囲が大変広いことから、様々なプラットフォーム（Webページ・Webサーバー・Nativeアプリ）の開発に用いられる様になりました。また、Webページで構成されるアプリケーションであっても、内部実装が肥大化し、J
dely.design
This domain may be for sale!
はじめに rust-unofficialというところの出しているRust Design Patternsの日本語訳が見つからなかったため、理解のために翻訳してみました（分からないところは DeepL に頼りました）。 今回は Introduction と Idioms の部分です（デザインパターン・アンチパターン編の翻訳はこちらにあります）。 FFI の部分はよく分からなかったためスキップしています。 不慣れなため翻訳間違いなどある可能性が高いです（教えていただきたいです）。 以下から本文です。 Introduction デザインパターン プログラムを開発するとき、私たちは多くの問題を解決しなければなりません。プログラムは問題の解決方法と見ることができます。また、プログラムは多くの異なった問題の解決方法の集まりと見ることもできます。これらの解決方法の全てが一緒に大きな問題の解決へと働きかけ
（記事・写真）株式会社アールイーデザイン 辻 元気 スマホに特化したウェブサイトが近年、to Cに関して特に増えてきている。 そんなスマホに特化したウェブサイトをまとめてみた。 @2Gweb / @2Gcam 最終更新：2022/11/21 このカテゴリは何ていうデザインなんでしょうか？ モバイルファーストなデザインではあると思うんですよね。 PCで見ると、レスポンシブではあるんですが、スプリットデザイン的でSPのコンテンツ＋αな感じなんですよね。 一般向け（to C）のコンテンツならもうこのスタイルでありなんじゃとすら思っています。 この謎のデザインの肝は、PCの時の余白の使い方にあると思います。 SP的な要素はAndroidに合わせてなんでしょうけど、540px以下で展開しているものが多いような気がします。 なんて名前で呼べばいいかはわからないですが、その筋の間では昔の任天堂から発売さ
Software Design 2022年4月号の特集「本質から学ぶ Git」を読んだ - kakakakakku blog
「Software Design 2022年4月号」を読んだ．本誌の第2特集「堂々と使える！人に教えられる！本質から学ぶ Git」に寄稿をされた id:syobochim に献本（ギフトコード）をもらったので第2特集を中心にまとめる．献本ありがとうございます！ Software Design (ソフトウェアデザイン) 2022年04月号 [雑誌] 技術評論社Amazon 第2特集 目次 本特集は以下の4章から構成されている．基礎的な内容から実践的な内容まで幅広くまとまっている．ただ内容的には 1,2,4 章と 3 章で前提となる技術レベルが違う気もするので，初学者は 1,2,4 章を読んで，Git の内部まで興味があれば 3 章も読んでも良さそう． 第1章 : コミットの記録、リポジトリの状態確認のやり方 第2章 : ブランチやリモートリポジトリの扱い 第3章 : 本質から学ぶ git コ
スタートアップのエンジニアの交流や知見の共有を目的とする、AWS Startup Community 主催の技術系オンラインイベント「AWS Startup Tech Meetup Online #5」。ここでユニファ株式会社の赤沼氏が登壇。「午睡チェック」の概要とアーキテクチャについて紹介します。 自己紹介 赤沼寛明氏（以下、赤沼）：よろしくお願いしますみなさまこんばんは。ユニファでCTOをしています、赤沼と言います。 今日はAWS Startup Tech Meetupということで、弊社ではプロダクトをすべてAWS上で構築しているんですが、その中でも「ルクミー午睡チェック」というサービスがありまして。その中でDynamoDBやSQSというのを活用してるところがあるので、主にそのあたりにフォーカスして紹介したいと思っております。 まず簡単に自己紹介します。私は6年前、2015年に1人目の
「Agentic Design Patterns」と呼ばれるLLMベースのAIエージェント（以下、LLMエージェント）の4つのデザインパターンについて紹介します。 まず、「Agenticワークフロー」について説明し、続いて4つのデザインパターンを説明します (Part5の前に公開してしまったので、後追いで更新予定です) Agentic Design Patterns Part 1 Agentic Design Patterns Part 2, Reflection Agentic Design Patterns Part 3, Tool Use Agentic Design Patterns Part 4, Planning Agentic Design Patterns Part 5, Multi-Agent Collaboration 動画もあります。 LLMエージェントについての説明
STORES.jp入社3ヶ月で気づいたこと ~Nuxt.js 移行における 未来を見据えたコンポーネント設計~ / Components Design of Frontend in STORES.jp
STORES.jp Meetup for Front-end Engineers #1 (https://hey.connpass.com/event/143246/ )の発表資料です。 STORES.jp入社3ヶ月で関わったアイテム編集ページ移行PJTでのコンポーネント設計について発表しました。
Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて｜Spacemarket Design
こんにちは！ 株式会社スペースマーケットデザイン部の久保です。 ここ数年はデザインツールの戦国時代と言われるほど世の中には色んなデザインツールがありますが、2019年10月現在のスペースマーケットのデザイン部ではFigma をメインに使用しています。 この4年間でPhotoshop → Sketch ⇔ XD → Figma とスペースマーケットに合ったデザインツールを探して右往左往していましたが、今のところはFigma を使用するのが最適解だと感じています。 Sketch → Figma 移行時の背景や実際に移行してみての実践等は横井が詳しく記事にしてくれていますのでそちらを参考にしていただき、今回はSketch からFigma へ移行した際、そもそもなぜ移行したかったのかの掘り下げと、移行して楽になったことなどの効率面をまとめました。 移行に迷っている方から普段Figma に慣れ親しん
UX デザインとは何だったのか / What Was UX Design All About?
Session by： 山下 一樹 / 株式会社インパス Kazuki Yamashita / IMPATH Inc. Spectrum Tokyo Design Fest 2023 Day 2 (2023/12/03)
I agree to receive emails from Figma, and that my data will be processed in accordance with Figma’s Privacy Policy.
HTML+JavaScriptでこれから始める、REST APIを利用したアプリ開発 - MdN Design Interactive
2020年1月22日 TEXT：ニック はじめまして。freee株式会社でDevRelというロールを担当している、ニックと言います。 ネット上でWebサービスを開発する際に、欠かせない技術の一つが「RESTful API」です。 （以下、本稿では便宜上、REST APIと呼称します） GoogleやAmazonをはじめ、プラットフォームサービスを提供している様々な企業が、APIを通じてデータの提供を行なっています。 しかし、REST API に慣れていない方は、どこから手をつけて良いかわからないことでしょう。 これから数回にわたり、初めてAPIを触る方向けに、覚えておきたい基本的な用語や技術について解説をしていきます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Generate unique SVG design assets | Haikei
Design System 1.2.1 | Figma Community
2021年に注目しておきたい、ロゴデザインのトレンドのまとめ -Logo Design Trends 2021
Microsoft Design - Wallpapers
Design for the web without Figma
Data, Design and Government
デザインをゼロから学びたいなら必見！ 多摩美術大学が聴講無料の「Tama Design High School」を展開
UXを知るためのブックリスト（2020）｜yoshi_design
2021年に流行するWebデザインの最新トレンド12個まとめ | Web Design Trends
最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients
一番分かりやすいCSS Grid Layoutの使い方ガイド | Web Design Trends
エラーメッセージ | コンテンツ | SmartHR Design System
Network Architecture Design for Microservices on GCP
ウェブアクセシビリティ簡易チェックリスト | アクセシビリティ | SmartHR Design System
UI Design Daily | Open Source UI Resources
毎週発信で2年継続するCookpad Design Magazineのしくみ｜Miwa Kuramitsu
デザイン研修 2021 / Design training 2021
「実践TypeScript」執筆レポート - DeNA Design
『Rust Design Patterns』を翻訳してみました（Idiom 編） - Qiita
スマホに特化したウェブサイト・モバイルファーストな「スマポンシブ」（PCはサブ的な扱い）｜Re:design News
1日300万件のレコードを処理するアーキテクチャ構成 保育士さんの負担はDesign for Failureな「午睡チェック」でサポート
LLMエージェントのデザインパターン、Agentic Design Patternsを理解する
Open design systems from the Figma Community