これまでさまざまな組織のデザインシステム構築や運用を支援してきたグッドパッチ。本連載ではデザインシステムにフォーカスし、その概要や歴史、導入から運用、構築にいたるまで網羅的にお届けします。第5回は「デザインシステムの構築フェーズ」についてです。 こんにちは。グッドパッチのUIデザイナーの乗田です。前回の記事では、グッドパッチがデザインシステム構築を支援する際の準備フェーズで行う4つの作業について紹介しました。第5回では、「デザインシステムの構築フェーズ」をテーマにお届けします。 はじめに 本連載では、デザインシステムは単なるデザインのコンポーネント集ではなく「組織の課題を解決するためのツール群である」ということをお伝えしてきました。 今回はこの考えにもとづき、組織課題がとくに発生しやすく、構築することで価値が生まれやすいであろうプロダクトデザイン領域に焦点を当て「デザインシステムの構築」に
こんにちは。 派遣業界のSaaS企業でUX/UIデザイナーをしている水田と申します。 この記事では、初期からデザイナー不在でデザイン負債が蓄積したプロダクトに対して、一人目のデザイナーとしてどのようにしてデザインの整理を試み、やがてデザインシステムを構築・運用していくことになったのか、その過程で私が学んだことをまとめてみました。 デザインシステムを作りはじめたいけど、どこから手をつければ良いか悩んでいる方。 今まさにチームでデザインシステムの構築を検討している方。 デザインシステムを運用しているものの、効果を十分に実感できていない方。 このような方々に読んで頂けると、少しお役立ちできるかもしれません。ではいきましょう。 PMF前のプロダクトにデザインシステムは必要ない まず最初にお伝えしたいことは、PMF（プロダクト・マーケット・フィット）に至っていないプロダクトには、強固なデザインシステ
Understand the basics of design systems, what they are, how they work, and how they can change the way you design. Design systems are often the unsung heroes of the products we use every day—from mobile apps and websites to the interfaces on television screens and car dashboards. They serve as the DNA for product design, encoding the principles and elements that define the very experience users in
Flutter 3.0でスタイル指定をもっと便利にするThemeExtensionの紹介 | MoT Lab (GO Inc. Engineering Blog)
今年1月からFlutterのWebアプリケーションを開発している孫と申します。 Flutter 3.0から公開されたThemeExtensionはあなたのコードをもっと綺麗に整えるのができます。なぜThemeExtensionシステムを使うべきなのか、どのように使ったらいいのかを確認してみましょう！ ※ Youtubeの「ThemeExtension | Decoding Flutter | Decoding Flutter」の内容を元に編集しました。 WEBではセマンティック情報とスタイル情報を分けた方が良いという話があります。 例えば <p style="color: red;">どうする？GOする!</p>上記のように同じところに置くことより <!-- index.html --> <p>どうする？GOする!</p>/* style.css */ p { color: red; }セ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Minimalテーマのとき使えます。 チェックボックス Obsidian - Connected Notes 1.4.6 分類: 仕事効率化,辞書／辞典／その他 価格: 無料 (Dynalist Inc.) Markdownのチェックボックスは- [ ]。 チェックが入ると- [x]になります。 でもそれだけだとさみしいじゃないですか。 彩りを添えてみたい。 たとえば- [?]と書いてみる。 すると「？」付きのボックスになります。 リストの拡張なので、どういうリストか明示するとき使う。 タップすると通常のボックスに戻ります。 dataviewでは未完了タスクとして抽出できます。 ボックスの種類 12種類あります。 - [?] question - [!] warning - [b] bookmark - [c] cons - [d] down - [f] fire - [i] info -
Creating a flexible design token taxonomy for Intuit’s Design System
This article covers how we evolved our tokens at Intuit to create a flexible taxonomy for a small but powerful set of semantic tokens. Intuit is the parent company for some well-known products such as Quickbooks, TurboTax, Mint, Mailchimp, and Credit Karma. Each product has their own design system. Several of them have their own dedicated design systems teams, as well as both Product and Marketing
WordPress のテーマ（クラシックテーマ）に theme.json を追加したら何が起きるのか？ を調べていたところ、DOM の構造や適用される CSS の変化など、思った以上にたくさんの影響が起きていました。 影響（全 28 項目 ＋ すべてのテーマに影響する 1 項目）と、その影響が起きる条件（トリガーとなるもの）は一覧表にしてこの記事の最後に掲載しました。 これだけあると、影響を受けないテーマを探す方が大変です。 そのため、個々の影響の詳細や対策方法については、実例と合わせて『WordPress ノート クラシックテーマにおける theme.json の影響と対策 2023』にしっかりとまとめましたので、参考にしてください。 何が起きるかを調べようと思ったきっかけ 現在の WordPress ではブロックテーマがスタンダードとなり、theme.json で機能の有効化やレイアウ
Obsidianのテーマを探した時のメモ
Obsidianのテーマを探したときのメモ はじめに 最終的に自分が使用するようになったテーマは一番下です。テーマに迷った際に参考にしてみてください。 評価基準 以下が今回自分がテーマを探した際の評価基準です。 Must メモツールである以上、文字は見やすい方が良い メモツールである以上、色使いは激しくない方がいい（ヘッダーの色が違う系だと見やすくて嬉しい） CSSやStyleSettingsでイジらなくてもOK（沼にハマりそうなので） ライブプレビューモードでもある程度見やすい ライトテーマである 1.0.0以降に対応している Want UIはコテコテしていない、できればフラット系の方がおしゃれで嬉しい できれば白系がいい（黄色系ではないということ） メニューが浮いている感じのUIだと嬉しい Tableなど見やすいと嬉しい サイドメニューは出していることが多く、出していても邪魔にならない
「ダークモード」に意味はあるのか？
黒を基調としたレイアウトにする「ダークモード」は、画面を見やすくして眼精疲労を予防したり、端末のバッテリー節約に役立ったりしてくれると考えられているため、OSやブラウザ、アプリなどさまざまなソフトウェアがダークモードに対応しています。しかし、いろいろと調べた結果ダークモードを使うのをやめたという開発者のKev Quirk氏が、なぜその結論に至ったのかを解説しました。 Is Dark Mode Good For Your Eyes? | Kev Quirk https://kevquirk.com/is-dark-mode-such-a-good-idea/ ◆：読みやすさ ダークモードとライトモードに対する視認性を比べた調査によると、正常な視力を持つ人であれば、ライトモードの方がパフォーマンスは高かったとのこと。 人間は日中に狩りをするよう進化しており、これは「明るい背景に暗い物体」を見る
かわいいVScodeの作り方👁👄👁💗
かわいくないワ...👁👄👁 これではテンション上がりません。コーディングに置いてモチベーションは最も大事な栄養素です。 テーマを変更してモチベを上げていきます。 テーマを変更 illusion お好みのテーマをダウンロードしてテーマを有効にします。 ...いいんじゃない？👁👄👁 まだそこまでかわいくありません。 コーディングにおいて、インデントは最も大事な要素です。そんなに重要なものが光っていないのは怠慢という言葉を禁じ得ません。インデントを光らせていきます。 indent-rainbow 拡張機能を有効にしたらこうなっているはずです。 トーンが暗いわネ...👁👄👁 setting.jsonでハイライトの色を変えていきます。 "indentRainbow.colors": [ "rgba(128, 64, 64, 0.5)", // 1インデント目の色 "rgba(128
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの春野です。普段は広告プロダクトに関わるデザイン業務やフロントエンド業務を行う傍ら、全社デザインシステムの制作に携わったり、全社的にフロントエンド推進活動を行ったりしています。 全社デザインシステム制作の取り組みのひとつとして、デザインツールであるFigmaで使用できる、カラースタイル切り替えFigmaプラグインを開発しました。またこのプラグインを誰でも使えるように公開しました。 本記事では、開発したFigmaプラグインの機能を紹介するとともに、Figmaプラグインを自作することで業務効率を改善するという手法や、そのプラグイン開発をどのように進めたのかを紹介します。 今回開発したFigmaプラグイン「Them
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
WordPressサイトエディター対応のブロックテーマ開発（基本編） WordPressのオリジナルテーマには大きく分けて2種類の作り方があります。PHPファイルを使ってサイトの各画面を実装するクラシックテーマと、サイトエディターを使って自由にサイトの構成要素を編集することができるブロックテーマです。 この記事では、ブロックテーマ開発の基本についてご紹介します。なお、この記事の内容はWordPress 6.1時点の内容をもとにしています。 ブロックテーマとは ブロックテーマとは、WordPress 5.9にて導入された新しいWordPressテーマの形式です。相対的に、画面ごとにPHPファイルを用意する従来の形式はクラシックテーマと呼ばれています。 ブロックと呼ばれる部品を使ってサイト全体が構成されていることが特徴で、テーマを利用するユーザーがブロックをサイトエディターで組み替えることで、
はじめに デジタル庁が公開したデザインシステムがよさそうなデザインでしたので、適当に遊ぼうかと思いました。 html/cssで公開してくれればすぐに使いやすいと思ったんですが、どうやらFigmaでしか配っていない。。 ということでhtml/cssに落とし込んでみました。 注意事項 趣味程度に作ったものを、使いたい人がいればどうぞというものです。 細かい部分は間違っていることもあるかと思います。(ラジオボタン難しかったので、何とか再現した感じです。) 自分用に目的もなくつくっていましたので、命名等のポリシーもめちゃくちゃです。許してください。 大変つかれましたので、厳しいコメントは受け付けません。 気が向いたら、もう少しきれいにするかもしれません。 ソースコード 以下、に載せています。 完成概要 ページとしてはこんな感じ
WordPress is the most successful content management system (CMS), powering 65.2% of CMS-based websites and 43.2% of all websites (on the internet) in 2022—and continues to grow. But building on WordPress comes with some challenges. You can either modify an available theme based off old technologies (e.g. jQuery) or spend time setting up WordPress’s REST API (“headless” mode) with a modern web fram
Penumbra is a mathematically balanced colour scheme constructed in a perceptually uniform colour space with base colours inspired by the shades of colour occurring in nature due to the light of the sun and the sky. It cleanly separates the perceptual properties of colours while optimally utilizing the available colour space of typical displays. The nine base colours are (almost fully, see below) s
このダークテーマは目に優しく、コードも見やすい！ VS Codeのエレガントなモノクロームのテーマファイル -Sequoia
ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか？ 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
WordPress フルサイト編集対応のブロックテーマ unitone について – WordPress テーマ unitone
はじめまして、unitone を開発しているキタジマタカシと申します。Snow Monkey という WordPress テーマも開発しています。 なぜ unitone を開発しようと思ったのか、unitone で何を解決しようとしているのかについて書きたいと思います。 unitone を開発した経緯 WordPress 6.0 以降、フルサイト編集の機能を強化するためのアップデートがすごい勢いでおこなわれています。サイトエディターの UI の改善やパターンの機能向上、ブロックのロック機能の強化など、ウェブサイト全体がブロックで組みやすく、そして壊れにくくなり、かなり実用レベルに近づいてきています。 Snow Monkey はフルサイト編集に対応していないクラシックテーマで、他の主要な WordPress テーマもクラシックテーマのものがほとんどですが、今後（主流にまでなるかはわかりません
WordPressテーマにtheme.jsonを入れるとsupportsLayoutがtrueになってしまう問題について
theme.jsonを入れるとインナーブロックで全幅、幅広が選択出来ないことをなんとかしろと言われたことがあったのでtheme.jsonについていろいろ調べました。 それについてメモです。 結論 以下のようにするとtheme.jsonを使用しているテーマでもインナーブロックで全幅、幅広が設定できた。 add_filter( 'block_editor_settings_all', __NAMESPACE__ . '\block_editor_settings_all' ); function block_editor_settings_all( $editor_settings ) { $editor_settings['supportsLayout'] = false; return $editor_settings; } コアのコード theme.jsonがあるかどうか判断している関数
公式テーマであるTwenty Twenty-Twoがブロックテーマとして公開されました。 現状のWordPressの機能をフルで使うためには、ブロックテーマとして作るしかないわけですから当然の流れではありますが、ブロックテーマへの移行がいよいよ本格的に始まるのかと考えると、ちょっと気が重くなります。 WordPress/twentytwentytwo: Twenty Twenty-Two, the default WordPress theme that will launch with WordPress 5.9. https://github.com/WordPress/twentytwentytwo ブロックテーマへの移行でクローズアップされるのはもちろん、Full Site Editing（FSE / フルサイト編集）です。しかし、Twenty Twenty-Twoを眺めていくと、
JavaScriptはなし、プレーンなHTMLとCSSで実装されたランディングページ用のテンプレートを紹介します。 テンプレートはスマホ・タブレット・デスクトップのレスポンシブ対応。ワイヤーフレームのような白黒のシンプルなデザインなので、カスタマイズも簡単です。 Uisual -Free Landing Page Templates Uisual -GitHub UisualはプレーンなHTMLとCSSで実装された、ランディングページ用のテンプレートです。他のCSSフレームワークやJavaScriptなどは一切必要ありません。 MITライセンスで、商用プロジェクトでも無料で利用できます。
秋のブログ週間連載の7本目です。 はじめにPlantUMLで使えるテーマについてのご紹介です。 以前、チームで機能設計するためのPlantUML標準化の記事でも書かせていただきましたが、PlantUMLのデフォルトカラーって少しドライですよね。 色の好みは人それぞれで、あれはあれでカッコよさはありますが、複雑な図は少しでも可愛く描きたい・楽しく見たいものです。 この記事ではPlantUMLのテーマについて、いくつかのオプションを紹介していきます。「PlantUMLの色を変えてみたい！」という方は是非ご活用いただければ嬉しいです。 前提 PlantUMLでは、skinparamを利用して図のビジュアル各要素を定義しますが、「テーマ」はskinparamの集合体です この記事ではテーマの作り方や、各運用方法等については触れません この記事で紹介するオリジナルテーマはシーケンス図のために作られた
モバイル開発をしている上でデザインとの関係性は切手は切れない関係だとお思います。 また、プロダクト自体も成長に伴い複雑性がましてきました。そのときに私はデザインシステム に注目して様々なアプローチしてきました。 本発表ではあまり馴染みではない「デザインシステム」はどういうものなのかという基本的な話から ではどのようにしてプロダクトにデザインシステムを導入し、どこまで何をしていったのか エンジニアリングを持って何を解決していったのかを解説します。
iOSDC2021
歴史のある大規模アプリにDesign System を導入して開発をスケールさせる
日本語でいい感じに見えるFigmaスライドテンプレ集を自分用に作成したので、「わぶんスライド」という名前でFigma Communityに公開しました。 きっかけは、講師を担当していたDesignship Doの講義資料作成にFigma Communityのスライドテンプレを使おうとしたところ、欧文前提で作成されたスライドテンプレしかなく和文を入力するとどうも間延びした印象になってしまう…と悩まされていたのがきっかけです。 Figma Communityで日本語でいい感じのプレゼンテーションテンプレートが見当たらず、結局いちから作ってる…いいから中身をはよ… — Miwa Kuramitsu (@transitkix) June 1, 2021 「わぶんスライド」の特徴 きほんのレイアウト 1920x1080px、16:9、6カラムで基本レイアウト6パターンを用意しました。画像の有り無しを
なぜ日本語UIキットを公開するのか？ デザインチームの研究活動のひとつとして、体験設計やUIデザインの品質を高めたり、デザインチーム内の協働を円滑に行うために、汎用的なデザインテンプレートやデザインアセットを作成し、体験デザインプロセスの仕組み化と共有を行っています。 UIデザインにおいても、Figma Communityをはじめとした様々な媒体でUIキットが共有・配布されており、UIキットを参考にデザインワークを行うというケースが増えてきているかと思います。 一方でUIキットの多くが欧文フォントで構成されているため、日本語フォントに変換する必要があり、場合によってはサイズやレイアウトを微調整しなくてはなりませんでした。 このUIキットも、単にAppleやGoogleのUIコンポーネントを日本語化しているだけと言えばそうかもしれませんが、これを活用することでデザイナーやプロダクト開発に携わ
Modus Themes
Copyright (C) 2020-2023 Free Software Foundation, Inc. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, with the Front-Cover Texts being “A GNU Manual,” and with the Back-Cover Texts as in (a) below. A copy of the licens
modus-vivendi DAP Mode 今回は見た目、テーマについてです。 あくまでも私の印象ですが、Emacsには「これぞEmacs」というようなEmacsを代表するようなテーマがなかなか見当たらないように思います。VimにはSolarizedを初めとしてVimから始まったテーマがたくさんありますし、Electron系のエディタはオリジナルのデフォルトのテーマからしてとても見映えが良いです。一方Emacsはと言えば他のエディタのテーマの移植モノばかりで、Emacsから始まってチヤホヤされているテーマが見当たりません（私の調査力も当てにならないので何かありましたら教えてください）。 Doom系のテーマ群は見映えはするのですが、主に他のエディタで名を馳せたテーマの移植組で構成されていたので見送りました。Spacemacsのデフォルトテーマはアリかもと思いましたが、DoomもそうですがS
ブログ初心者でもできるCocoonカスタマイズの完全マニュアル
こんにちは、yuji（@yujiblog）です。 このブログでは、WordPressとアフィリエイトのノウハウを解説しています。 以上のような、ブログデザインについての要望に丁寧にお答えします。 この記事の内容 Cocoonのおすすめ基本設定 Cocoonのカスタマイズ 当ブログではWordPressテーマのCocoonを利用しています。 Cocoonを利用する最大のメリットは、細かくカスタマイズできることと、デザインのポテンシャルが高いことです。 このようにブログ全体のデザインが整っていると、読者からの印象が大幅に改善されますね。 この記事では、以上のようなCocoonのカスタマイズを解説したので、参考にしていただけたらと思います。 ※ブログ収益化を目指している方には、WordPress有料テーマの利用をおすすめしています。詳しくは以下の記事をご覧ください。 》おすすめWordPress
New GitHub Themes for VS Code
April 14, 2021 New GitHub Light Default, GitHub Dark Default and GitHub Dark Dimmed themes matching the official github.com themes are now available in VS Code. To start using the new themes, go to the VS Marketplace, click on the "Install" button, and select one of the themes in VS Code. GitHub's classic VS Code themes GitHub Light and GitHub Dark are still available. Markdown files will now auto
最低限必要なファイル WordPressでウェブサイトを表示するために最低限必要なファイルは、index.phpとstyle.cssです。この2つのファイルがあればWordPressを動作させることができます。 しかし、カテゴリの一覧ページと単体の記事を表示するページは記述が異なります。index.phpだけだとそういったケースに対応することが難しくなるため、WordPressでは表示内容の種類によってphpファイルを用意することができます。 ホームページ（フロントページ） index.php index.phpは該当するphpファイルがない場合に、代替として使われます。最低限必要なファイルの一つです。 home.php トップページ用のphpファイルです。トップページはほかのページと違う配置の内容にしたい場合には、home.phpを設定します。 front-page.phpとの違いは、「
Create VS Code Themes with Theme Studio!
こんにちは、freeeのUXチームでデザインシステム “Vibes” を作っている id:ymrl です。 ダークモード流行ってますよね。私は最初はしっくりこないなと思っていたんですが、食わず嫌いは良くないと思って試しているうちに、いつの間にかダークモードのほうが落ち着くようになってしまいました。 そしてそうなってくると、だんだん「自分たちの作っているWebサービスもダークモードに対応するべきなのか？」という気持ちになってきてしまい、最近はずっとダークモードのことを考えています。ということで今回はダークモードをやるべきなのか、実現する方法はどうなっているのか、UIデザインで気をつけるべき点何かというのを考える記事を書いてみます。 ※「ダークモード」はApple製品で使われている呼び方で、Androidでは「ダークテーマ」と呼ばれていて、Windowsでは「ダーク○○」のような呼び方をしてい
2021 年 1 月に CSS Cascading and Inheritance Level 5 の First Public Working Draft が公開された。 CSS Cascading and Inheritance はその名の通り、CSS の Cascade や継承などについての仕様を定義しているもので、つい先日 Level3 が晴れて W3C Recommendation となった。 CSS Cascading and Inheritance Level 3 is a W3C Recommendation そして、新たに First Public Working Draft が公開された Level5 では、今までの Cascading に、新たにLayerという概念の導入が検討されている。 本記事では CSS の Cascading についておさらいし、新しい概念であ
A minimal Visual Studio Code theme with the Monokai color scheme. Install Screenshots Syntax highlight Syntax highlight Terminal Setting Install Now
2024最速WordPressテーマ16選（怒濤の計測・テスト結果） 最速のWordPressテーマ探しは、途方もない道のりになります。興味のあるすべてのテーマをテストして、読み込み時間をミリ秒単位で比較しなければならないのでしょうか？ 開発元とそのオンラインデモが採用するサーバーに起因する速度の変化を、どのように考慮するのでしょうか？また、テストツールが相反する結果を出したら…？ 一般的なWordPressユーザーが皆、気になるテーマのパフォーマンスを一貫した環境でテストできるわけではありません。外部の要因を取り除くことは難しく、検討すべきWordPressテーマが多すぎます。 だからこそ、今回私たちが代わりに比較を行いました。 4つの速度テストツール、各テーマに新しいインストールデータ、そして、各テストに同じサーバーを使用し、最速のWordPressテーマを絞り込みました。 さらに、絞
Visual Studio Codeのテーマをランダムに変えられるRandom Theme Switcherを使ってみた | DevelopersIO
こんにちは、CX事業本部の若槻です。 Visual Studio Code（VS Code）のテーマをランダムかつ自動で変更する方法を探していたところ、Random Theme Switcherというエクステンションを見つけました。 https://marketplace.visualstudio.com/items?itemName=zanza00.random-theme-switcher 今回は、このRandom Theme Switcherを使って、VS Codeのテーマをランダムかつ自動（3分間隔）で切り替わるようにしてみました。 やってみた インストール vscode:extension/zanza00.random-theme-switcherにアクセスします。VSCodeでRandom Theme Switcherの拡張ページが開くのでインストールします。 インストールでき
ホームページやメディアサイトを運用している方にとって、作成しているページを見やすくするために、適切なデザインを設計することは重要です。 WordPressにはデザイン性の高い「テーマ」が何種類も用意されており、これらをインストールすることで、初心者の方でも簡単におしゃれなページを作成できます。 しかし、WordPressのテーマにはあまりにも多くの種類があり、自分に合ったテーマを選ぶことが難しいと感じている方もいるのではないでしょうか。 そこでこの記事では、サイトの種類別に、日本語に対応しているおすすめのテーマをご紹介します。ぜひ気になるテーマを見つけて、インストールしてみてください。 ▼WordPressに問い合わせフォームを設置するなら、下記の記事を参考に ＞＞WordPressの問い合わせフォームに最適なツール3選＋プラグイン6選 WordPressのテーマとは？WordPressの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
4つの要素で考える、プロダクトデザインのためのデザインシステム構築とは
成長期のスタートアップにおける、デザインシステムの考え方
What Is a Design System | Design Systems 101 | Figma Blog
GitHub - bensadeh/tailspin: 🌀 A log file highlighter
Obsidian Minimalには12種類のボックスがある - Jazzと読書の日々
WordPressのテーマにtheme.jsonを追加したら起きること | エビスコム - EBISUCOM
Figmaのカラースタイル切り替えプラグインを開発してみました 〜 プラグイン内製で業務開発を改善する
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPressサイトエディター対応のブロックテーマ開発（基本編） – Kiwi blog
デジタル庁公開のデザインをhtml/cssに落とし込んでみた。 - Qiita
Introducing Fresh WordPress Themes
GitHub - nealmckee/penumbra: Penumbra Color Theme
sequoiatheme.com - sequoiatheme リソースおよび情報
WordPressの公式テーマ Twenty Twenty-Twoをみて思うこと | エビスコム - EBISUCOM
商用でも完全に無料！ プレーンなHTMLとCSSで実装された、ランディングページ用のテンプレート -Uisual
PlantUMLのテーマ（思わぬ展開） | フューチャー技術ブログ
サービスにおけるDesign Systemの構築
Figma製スライドテンプレ集「わぶんスライド」を公開しました｜Miwa Kuramitsu
モバイルアプリ日本語UIキットの公開｜Japan Digital Design, Inc.
【Emacs入門】②バージョン28で新たにビルトインされるModus Themesを使おう
WordPressでテーマを自作するときに必要なphpファイル : kuuur.net
Theme Studio: Create VS Code Themes!
Webのダークモードを実現するには - freee Developers Hub
CSSのCascadingに追加されようとしているLayerという概念 - araya's reservoir
KTRZ Monokai - Cool minimal flat VS Code dark theme
2024最速WordPressテーマ16選（怒濤の計測・テスト結果）
初心者安心！WordPressのおすすめテーマ11選｜無料5選・有料6選 | formLab