「デザイン白書2024」を公開
公益財団法人日本デザイン振興会は、各都道府県や企業、行政などのデザインに関する多様な取り組みを網羅的に取りまとめたレポート「デザイン白書2024（WHITE PAPER ON DESIGN 2024）」を2024年6月4日（火）に公開しました。 背景・経緯 経済産業省と特許庁は2018年に『「デザイン経営」宣言』を発表し、日本の産業競争力強化のために、デザインを企業価値向上のための重要な経営資源として活用する「デザイン経営」を推進することを提言しました。その後、大企業や中小企業、スタートアップ、官公庁などでデザイン活用が進み、経済産業省デザイン政策室はデザイン活用をさらに拡大するために、2023年に「これからのデザイン政策を考える研究会」を開催しました。研究会では、2023年度・2024年度グッドデザイン賞審査委員長の齋藤精一氏が座長を務め、当会からは深野弘行理事長、柴田文江理事、田川欣哉
Decision Trees For UI Components — Smashing Magazine
Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part of Smart Interface Design Patterns. How do you know what UI component to choose? Decision trees offer a systematic approach for design teams to document their design decisions. Once we’ve decided what
State of HTML 2023
While JavaScript was taking over the web, and CSS was gaining new superpowers year over year, it could seem like HTML was content to stay dormant, happy to cede center stage to its younger siblings. After all once you've learned about <div>s and <h>s 1 through 6, what else is there to know? Quite a lot, as it turns out! Once again we drafted Lea Verou to put her in-depth knowledge of the web platf
CSSは日々進化している！知ったら使いたくなる「モダンCSS」機能紹介
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
LCHは、UIにベストなカラースペース｜hirotoarakawa
Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度
ベランダ掃除、これでいいじゃん。新作｢バケツのケルヒャー｣が手放せない
ベランダ掃除、これでいいじゃん。新作｢バケツのケルヒャー｣が手放せない2024.05.03 14:00314,614 小暮ひさのり 信じられます？ これケルヒャーです。 家の掃除って、意外と水が必要な場面が多いですよね。特に戸建ての家だと、サッシやベランダを掃除したいのにホースが届かない！ なんてことも。我が家もまさにソレで苦しんでいます。 ジョウロでチョロチョロ流しても、いまいちスッキリしない。ケルヒャーの“高圧洗浄機”も持っていて、実力はもちろん申し分ないのですが、セッティングが面倒くさいしそもそも電源コードとホースが届かない。 なんて、ベストな答えが無くて結局掃除が後回しになっていたのですが、ついに解答を得られました。 Photo: 小暮ひさのりケルヒャーから出た｢マルチクリーナー OC 3 FOLDABLE｣です。こちら、ざっくり言えば｢面倒じゃないケルヒャー｣です。 高圧洗浄機の
「making for daily life」について｜Rika Ishitsuka
当マガジンは、インスタグラムで家アカウント[イシムラハウス＠house_ismr]を運営する２人が、自宅でつくったDIYの家具のつくりかたを公開するマガジンです。 ⭐DIYのレシピの特徴 ・ホームセンターで合板を１枚買って、そのままカットコーナーで切ってもらい、持ち帰れればすぐつくれます。 ・寸法を測らなくても作れるので、初心者でも比較的簡単につくれます。 ・ほしい家具のレシピ１つからご購入できます。 ・レシピは、主な材料となる合板１枚と同じくらいの金額での販売をおこないます。カット代や材料費含めて、〜３０００円程度（塗装は別）。同時にいくつかまとめて制作すると１つあたりの材料費はもう少し安くなります。 ・レシピはアレンジも可能です。ご自宅やオフィスなど、置きたいスペースの大きさに合わせたり楽しみながらご調整ください。 マガジンのあるきかた・📕が有料記事、📘が無料記事となっています。
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
「好きな惣菜発表ドラゴン」を観て音楽用語を学ぼう
皆さんは「好きな惣菜発表ドラゴン」をご存知でしょうか？ ボカロPのンバヂが2023年8月に動画サイトに投稿したこの曲は、シンプルな線で描かれたゆるい絵柄のドラゴンが、歌に合わせて淡々と好きな惣菜を発表していくという内容。ボーカロイド文化の祭典「ボカコレ2023夏」の「ネタ曲投稿祭」カテゴリで4位を獲得したのち、「ただただ好きなものの話をするだけ」というポジティブさからじわじわと人気が拡大し、ネットミームとなってたくさんの二次創作が作られるようになりました。 そんな二次創作動画の中には「惣菜の代わりに“好きな音楽用語”を発表する」というものがいくつも存在します。そしてそれらの多くは、実際にその音楽用語に合わせたアレンジが加えられ、曲を聴くだけでなんとなく意味がわかるようになっています。この記事では音楽用語にまつわるさまざまな「発表ドラゴン」を紹介。これらの動画を観れば、今まで知らなかった音楽
私が学問に目覚めた時 法学部教授・蒲島郁夫
皆さんと違って私が歩いてきた道は、名門高校から東大に一直線に進むようなエリートの人生ではなく、たいへんな回り道でした。しかし、その回り道人生から得られた教訓は、人間の可能性は本当に無限だということです。 私が生まれた所は、熊本県の小さな村です。昔は稲田村と言っておりましたから、村の風景が想像できると思います。私は高校を卒業するまで一度も勉強した思い出がありません。全然勉強をしないものですから、高校時代は大変な落ちこぼれで、同級生２２０人中２００番台の成績でした。私の高校時代の姿から、誰も私が東大教授になるとは思わなかったでしょう。 勉強はしませんでしたが、本は誰よりたくさん読みました。これが後になって私の人生に影響を与えたように思います。自分の経験していないこと、知らない世界を本によって想像する。それがいつしか自分の夢につながっていったのではないかと思います。 少年時代は３つの夢を持ってい
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React 19を概念から理解する
おすわりガチャ レッド | 竪穴式ショップ powered by BASE
アナハイムジェネラルパーパススプレイヤー | 加圧スプレー | BRANDS,ANAheim | DETAIL ONLINE STORE
News & Topics おでかけガイドマップ｜南山大学人類学博物館
Graphic Design Trends 2024 - The Great Reset | GraphicMama
ロシア イースターエッグ２P ホフロマ ヴィンテージ | こりすのパン屋Base店 （世界の蚤の市 ひとつだけの宝物） powered by BASE
雑に思考を整理する技術と効能
Learning to Read for Kids | Learn to Read with Phonics | Free Trial
Learn JavaScript | web.dev
