その誕生を地元新聞も経済新聞も記事にしなかった。２年後、『コードの情報を白黒の点の組み合わせに置き換える』と最下段のベタ記事で初めて紹介された時、その形を思い浮かべることができる読者はいなかった。いま、説明の必要すらない。ＱＲコードはなぜ開発され、どう動くのだろうか。 ＱＲコードは、自動車生産ラインの切実な要請と非自動車部門の技術者の「世界標準の発明をしたい」という野心の微妙な混交の下、1990年代前半の日本電装（現デンソー）で開発された。 トヨタグループの生産現場では、部品名と数量の記された物理的なカンバンが発注書、納品書として行き来することで在庫を管理する。そのデータ入力を自動化するバーコード（ＮＤコード）を開発したのがデンソーだ。 バブル全盛の1990年ごろ、空前の生産台数、多様な車種・オプションに応えるため、部品も納入業者も急激に増え、ＮＤコードが限界を迎えていた。63桁の数字しか
クリエイティブコーディングの教科書
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
「政治に、私たちは見えていますか。」 コロナ禍で、ある学生から投げかけられました。 あなたの暮らしの不安や不満は、自己責任ではない。 政治の責任です。 私たちはこの秋、政治を変える決意です。 どうか、この国をあきらめないでほしい。 政治はあなたを見捨てない。 さまざまな立場のあなたに向けて 109のメッセージ送ります。
20230614_「ChatGPTについて調べてくれ」と社長から特命を受けた人のためのChatGPT概論(40min版)
https://forest.f2ff.jp/introduction/7866?project_id=20230601
テクニカルライティングの基本を学べます。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。サイボウズの2023年度 新入社員向け研修の資料です。 本資料をもとにした書籍も発売中です：https://amzn.asia/d/2hQNEk2 Twitter：http…
ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。
撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください！ 2024/05/07 追記 最新の登壇スライドバージョンはこちらです。 登壇時の様子がYouTubeに上がっているのでよろしければあわせてご覧ください。 はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかな
ﾑｽﾒ@ﾐｯﾔﾋﾞ妲己 @garys_daughter 見てみたら概ね合ってるし、こうだろうなという予測の部分も参考になる。 洋書を扱う書店のデザイン、芸術棚を探すと、こういう解説だけ仕様機材も含めて図解した海外フォトグラファー専門書がたくさんある＼( 'ω')／ 日本の写真館セオリーとアプローチが全く異なるライティングが多くて勉強になるのっ twitter.com/cm12151054/sta… 2021-11-08 14:25:44
ちょうどいいWebデザインギャラリー
カラー ネイビー (13) カラフル (278) スカイブルー (241) ホワイト (1252) ベージュ (447) グレー (449) ブルー (373) パープル (59) ピンク (131) レッド (220) オレンジ (133) イエロー (234) グリーン (326) ブラウン (154) ブラック (547) ゴールド (55) 業種 スポーツ (29) 旅行・ホテル・観光 (158) 美容 (121) エンタメ・趣味・娯楽 (180) 製品・工業・素材 (145) 金融・保険・会計・法律 (53) ファッション・アクセサリー (78) 就職・人材サービス (35) インフラ (26) 不動産・建築・空間・施設 (161) アート (42) 車・バイク他 (18) 事業・組織 (74) 暮らし商品・サービス (155) 飲食・食品・飲料 (499) 行政・NPO・団体・
秋丸🍁デザイン @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
ChargeSPOTマン 空を飛ぶChargeSPOTマン ChargeSPOTスタンド ChargeSPOTを持っている交通誘導員 ひのまる弁当 カラーバー 居酒屋ちょうちん おかず付き弁当 ゆで卵台あり ゆで卵 空飛ぶはだかの王様 はだかの王様 生まれたてのはだかの王様 生まれたての空飛ぶはだかの王様 空飛ぶはだかの王国の女王 空飛ぶはだかの王国のプリンセス 空飛ぶはだかのプリンス 昭和のプロレスラー マスクマン パンイチのクリエイター枠 パンイチのコミュマネ枠 パンイチのアンバサダー枠 パンイチのガチデシ枠 ケンタウロス 12345
スラデザ | 高品質なスライドデザイン集
スラデザは、パワポやスライド作成の参考サイトです。現役デザイナーが完成度の高いスライドだけを集めているので、営業資料、採用ピッチ資料、プレゼン資料のデザインの参考に利用できます。
おいでよ 広告の沼 | 昭和の雑誌広告を中心に
昭和の雑誌広告を中心に
NDLイメージバンク | 国立国会図書館
インターネットもテレビもない時代、書物は多くの人々にイメージを届ける媒体でした。 NDLイメージバンクでは、浮世絵、図書、雑誌などの様々なメディアに載ったイメージをお届けします。 新着
インクエッジ @02Curry 視線。言い争いの最中パワーはデンジをいちども見ない。対し、デンジはパワーから目を逸らさない。パワーはひたすらマキマが怖く、デンジは虚言のパワーにたまげて驚愕の視線を向け続けてる。双方の必死になる相手が違うんよね。 pic.twitter.com/9VHp33YFTn 2022-10-27 15:48:17 インクエッジ @02Curry デンジが一瞬マキマを見るのはいいとしても、パワーの視線が言動準拠でフラフラしてて原作にあったキレがない。まずこのパワー、マキマに超ビビり続けてないもんな。掴んだ腕を引っ張られたらタイムラグなしでそっちを見る＝平気でマキマから目を切れる。目を見開くのは声を掛けられたときの一瞬だけ pic.twitter.com/dtAgfTrwnZ 2022-10-27 15:53:57
GA4、導入しないといけないと思っていても、さっぱりわからんからやる気がしなくてどうしよう？ってなる時がありますよね。私も数か月前まではそんな感じでした。正直なところギリギリまで逃げ回りたかったんですが、そうもいかなくなったので勉強することに。 ではなんで「わからん」となってしまうのでしょうか？そこがわかれば対応もできるので「わからん」理由と解消法をまとめてみました。 「Google アナリティクス」と名乗っているところ ここがわからなくしている一番の原因です。Google アナリティクスと名乗っているので、今までのGoogle アナリティクスの延長線上にあるものだと思ってしまうんですが、全くの別物で生まれも育ちも違っています。 今までのGoogle アナリティクス UrchinはGoogleアナリティクスの元となった製品。グーグルに買収されGoogleアナリティクスがリリースされた後も、
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… 2021-10-05 18:00:54 Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu… 2021-10-05 15:57:32
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
UI研究に関わるようになった流れーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人になってから取り組まれるようになったとのことですが、もともとUIやデザインにご興味があったのでしょうか？ 増井俊之氏（以下、増井）：小学生のころからずっと電子工作が趣味で、デジタルおもちゃやアナログのミュージックシンセサイザを作ったりしていましたが、高校生のころに8008というマイコンCPUがインテルから発売され、それを使って部活のみんなでマイコンを作りました。 大学生のときは6809というCPUを使ったマイコンを作りました。当時、パソコンはまだありませんでしたし、プログラミング言語を使うことも、オペレーティングシステムを使うこともできませんでした。 その後、パソコンやUnixオペレーティングシステムを使えるようになってきたので、ソフトウェアに興味を持つようになり、コンパ
この記事はNuco Advent Calendar 2024の12日目の記事です。 はじめに エンジニアとして、開発を効率化しながらクオリティの高い成果物を生み出すには、優れたツールやリソースを活用することが欠かせません。 苦労して自分で作ったものの、実は便利なツールが既にあって、車輪の再発明をしてしまっていた、、ということも日常茶飯事です。 しかし、インターネット上には無数の選択肢があり、「どのサイトを使えばいいのか迷ってしまう」という声もよく聞かれます。 本記事では、そんなエンジニアの方々のために、日常的な開発やデザイン業務で役立つ便利なサイトを16個厳選しました。 UIデザインの参考になるサイトから、日々の業務を効率化するツールまで、多岐にわたるリソースをご紹介します。これらを活用することで、業務のスピードアップだけでなく、新たなインスピレーションを得るきっかけになれば幸いです。 1
日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを おすすめ度 サイト内検索の可否 いいね/保存機能の有無 ランキング機能の有無 掲載サイト数 を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。 【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう
「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter
チョコ黒は大学院生 @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… 2022-03-04 13:01:57 チョコ黒は大学院生 @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。 2022-03-04 13:06:58
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
どうも、まさとらん（@0310lan）です！ 今回は、万能なドキュメントサービスとして人気の「Notion」を、さらにパワーアップさせて別の用途に活用できるWebサービスを厳選してご紹介します！ すべて無料で利用できる（もしくは無料プランありの）サービスであり、機能的に優れていて誰でも扱える簡単な操作のものを厳選しました。 現状のNotionだけでは足りない機能を多く搭載できるサービスばかりなので、ご興味ある方はぜひ参考にしてみてください！ ちなみに、Notionについてまだよく知らないという方は以下の記事で詳細を解説しているので合わせて確認しておくことをオススメします。 paiza.hatenablog.com ■Notionをメルマガ配信システムに変えるサービス！ 【 NoCodeLetters 】 Notionで作成したテーブルをメルマガ（ニュースレター）のコンテンツ管理用データベー
プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。 | デザイン | ブログ | 東京のブランディング・デザイン会社｜QUOITWORKS Inc.（株式会社クオートワークス）
小さくても超見やすい！イギリスの名門紙The Timesのために作られたフォント 1932年、イギリスの格式高い新聞社「The Times」のために特別に作られたフォントです。「読みやすさ」「インクの節約」「限られた紙面での効率的な文字配置」という3つの課題を解決するために生まれました。当時の新聞フォントと比べて、文字の高さを高めに設定し、セリフ（文字の端にある装飾）を適度な大きさに抑えることで、小さな文字でも読みやすい新聞印刷に最適化された実用的なデザインとして設計されています。 「上質」「信頼性」「知的」「正統性」「説得力」という印象を与えられます！ 高級ホテルやブランド、名門大学など、世界中の一流の組織で使われ続けてきたことから、「上質」「信頼性」「知的」「正統性」という印象を与えられるフォントになりました。イギリスの名門紙The Timesのために開発された背景から、文字の端にある
Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma、Sketch、Illustratorとさまざまなアプリ用のファイルも用意されています。 iconsax iconsax -GitHub iconsaxの特徴 iconsaxのダウンロード iconsaxのアイコン iconsaxの特徴 iconsaxは、vue.jsのオープンソースのフレームワーク「vuesax」の公式アイコンです。個人でも商用プロジェクトでも完全無料で利用できますが、別の名前で販売および配布はできません。詳しくはライセンスをご覧ください。
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
東京のIT企業が開発し、複数のショッピングサイトなどで導入されている入力フォームのプログラムが何者かに改ざんされ、少なくとも3800件以上のクレジットカードの情報が流出したおそれがあることがわかりました。 改ざんされたのは、東京 港区にあるIT企業「ショーケース」が開発し、ショッピングサイトなどで導入されている入力フォームのサービスのプログラムです。 会社によりますと、ことし7月、取引先から指摘を受け調査した結果、3種類のサービスのプログラムが外部からの不正アクセスによって改ざんされていたことがわかったということです。 これらのサービスは、さまざまなショッピングサイトなどに少なくとも5000以上導入されているということで、このうち一部のサイトで、入力された情報が外部に流出したおそれがあるとしています。 このサービスを利用していた靴の販売などを行っている「エービーシー・マート」によりますと、
Mini vMac
info@lrusso.com
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
「最近、なんかマンネリだな…」 そんなときこそ、いいデザインに触れるのが一番の特効薬。 今回紹介するのは、アイデアが自然と湧いてくる、珠玉のWebサイト50選。 レイアウト、動き、余白の使い方まで、“なるほど”が詰まった実例ばかりです。 スクロールするだけで、明日の提案が変わる。そんな「使える刺激」を、ぜひあなたの制作に役立ててください。
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
モバイル幅で作成されたWebサイトの特徴と作例モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 モバイル幅 Web サイトの特徴デスクトップで見ても狭いコンテンツの幅よくある Web サイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示されるものが多いのですが、中には右側に配置されているものも
パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか？ ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面
JavaScriptはなし、プレーンなHTMLとCSSで実装されたランディングページ用のテンプレートを紹介します。 テンプレートはスマホ・タブレット・デスクトップのレスポンシブ対応。ワイヤーフレームのような白黒のシンプルなデザインなので、カスタマイズも簡単です。 Uisual -Free Landing Page Templates Uisual -GitHub UisualはプレーンなHTMLとCSSで実装された、ランディングページ用のテンプレートです。他のCSSフレームワークやJavaScriptなどは一切必要ありません。 MITライセンスで、商用プロジェクトでも無料で利用できます。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 【2022年】注目すべきUI/UXデザイントレンド はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようで
フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 01. ラベルを常に記述する 02. Zパターンを避ける 03. ラベルを入力欄の上に配置する 04. 右揃えのラベルを使用する 05. 関連する入力欄をグループ化する 06. ユーザーフローを尊重する 07. スペースを与える 08. ラベルの繰り返しを避ける 09. エラーメッセージは分かりやすく 10. 必要に応じてドロップダウンを使用する 11. プレースホルダーを活用する 12. ボタンは1つに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中日新聞:自動車工場のガロア体 ＱＲコードはどう動くか
この国に生きるすべてのあなたへ | 立憲民主党
テクニカルライティングの基本 2023年版
本当は教えたくないWebデザイン参考ギャラリーサイト37選
ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
「ほんとに教えてくれていいの？」あの有名映画はどこから照明が当たってたか真上から図解してくれるアカウントが有益すぎる
同人誌のロゴデザインを作る手順が超使える！「目から鱗」「めちゃくちゃ参考になる」フォントで遊ぶのも楽しいです
ドット絵ダウンロードサイト DOTOWN|無料の素材サイト
漫画原作アニメは漫画の内容が読めずコマをなんとなく繋いでしまうとマズい話。アニメ版チェンソーマンについて
GA4がよくわからん。となってしまう5つの理由。 | 運営堂
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 | ログミーBusiness
【開発効率爆上がり】すべてのエンジニアが必ず見るべき16のウェブサイト - Qiita
WEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた
【まとめ】エンジニア向けデザイン参考サイト - Qiita
超万能！Notionをまったく別のツールに大変身させるWebサービスを厳選してみた！ -
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
ショッピングサイトのプログラム改ざん クレジット情報流出か | NHK
Claude CodeやCursorを使って、AIがUIデザインを生成することができる「Pencil」が登場！ - Qiita
“なんかイマイチ”を抜け出したい人へ。プロも参考にする最新Webデザイン50選 | PhotoshopVIP
Web制作を変える！2021年の便利オンラインツール・ベスト100選 | PhotoshopVIP
モバイル幅で作成されたWebサイトの特徴と作例
センスだけに頼らない！ CSSとJSで作るパーティクル表現のテクニック - ICS MEDIA
商用でも完全に無料！ プレーンなHTMLとCSSで実装された、ランディングページ用のテンプレート -Uisual
【2022年】注目すべきUI/UXデザイントレンド - Qiita
デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ
doranekoweb.com
doranekoweb.com
enucla.com
doranekoweb.com
matomedane.jp
doranekoweb.com