タグ

designとwebに関するgntのブックマーク (232)

  • 東京都知事選挙の掲示板すでに「満杯」…継ぎ足すスペース確保、職員「間に合わない」悲鳴も

    【読売新聞】 今月20日に告示を迎える東京都知事選(7月7日投開票)は、立候補者が過去最多だった前回2020年の22人を大幅に上回ると見込まれている。各地の選挙管理委員会は候補者の選挙ポスターを貼る掲示板の設置を進めているが、担当者

    東京都知事選挙の掲示板すでに「満杯」…継ぎ足すスペース確保、職員「間に合わない」悲鳴も
    gnt
    gnt 2024/06/16
    最低2タップ必要なQRをノークリックの極みのポスターと同等かのように言う人はマジでセンスないので今後一切UI/UX語らないでほしい
  • デジタル庁デザインシステムβ版

    デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

    デジタル庁デザインシステムβ版
    gnt
    gnt 2024/05/31
    スマートEXとかe-Taxとか見てると「ガワだけ整えてもムダ」という気持ちになるけど、ガワもクソ・中身もクソとなると二重のクソなわけで、せめて一重のクソのがマシだわ
  • 「会議で話されている内容と、ソースコードが全然違う」〜イオン発の“新ネットスーパー”リリース直前の1年間を語る|イオンネクストCTOインタビュー |AEON TECH HUB


    CTO Green Beans1
    「会議で話されている内容と、ソースコードが全然違う」〜イオン発の“新ネットスーパー”リリース直前の1年間を語る|イオンネクストCTOインタビュー |AEON TECH HUB
    gnt
    gnt 2024/03/26
    フローティングの右柱と人気記事セクションの横幅が干渉起こしてるぞ
  • 市町村変遷パラパラ地図

    版別に探す 完全版 樺太| 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県| 京都府| 大阪府| 兵庫県| 奈良県| 和歌山県 鳥取県| □島根県| 岡山県| 広島県| 山口県| 徳島県| 香川県| 愛媛県| 高知県 福岡県| 佐賀県| 長崎県| 熊県| 大分県| 宮崎県| 鹿児島県| 沖縄県 □は外部リンク、リンク先の方の作成(□:DMさん) 簡易版 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県|

    gnt
    gnt 2023/10/19
    資料としてとてもすばらしいんだけどやっぱりhoverは滅ぼされるべきUI / 東京ずっと眺めてると「上野区」が一回も登場しないの不思議な気持ちになる
  • ウェブアクセシビリティ導入ガイドブック|デジタル庁

    デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま

    ウェブアクセシビリティ導入ガイドブック|デジタル庁
  • これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン


    WebUI 退   UX 
    これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
  • font-familyについて本気で考えてみた - Qiita

    今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

    font-familyについて本気で考えてみた - Qiita
  • エラーメッセージはフォームのどこに表示するべきか


    UX Movement     2 調
    エラーメッセージはフォームのどこに表示するべきか
  • 谷口暁彦「ゲームアートにおけるゲーム世界の自律性」 | ÉKRITS / エクリ


     game artGoogle WebAcademy of Interactive Arts & SciencesInto The Pixel
    谷口暁彦「ゲームアートにおけるゲーム世界の自律性」 | ÉKRITS / エクリ
  • ユーザーインターフェイス解剖学・改訂版(公開版)

    社内イベントで登壇した際のスライドです。「ユーザーインターフェイス解剖学」の改訂版。主に、UIデザインにおいて検討した方がよい/すべき考え方というものを簡単にご紹介しました。

    ユーザーインターフェイス解剖学・改訂版(公開版)
  • 「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス

    「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス 米Magic Leap社は、開発中のARデバイスMagic Leap Oneを公式サイトで公開しました。これまで巨額の資金調達を行いながらも謎に包まれていたデバイスのデザインが明らかになりました。Magic Leapは「新たなコンピューティング・プラットフォーム」だとして開発者向けの提供を2018年に開始します。 Magic Leap OneはMagic Leap社の最初の製品となります。Magic Leapはこれまでグーグルやアリババなどから総額19億ドル(約2,100億円)以上の資金を調達しながらもその詳細が不明であり、謎のARスタートアップとしてしばしば話題となっていました。 公開されたMagic Leap OneはCreators Edition(クリエイター版)ということでいわゆる開発者向けのものとなり、

    「Magic Leap One」ついにデザインが公開 眼鏡型のARデバイス
    gnt
    gnt 2017/12/21
    男心だ
  • WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld

    個人的に普段から対応することが多いものを中心に、更新者(クライアント)が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす

    WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
  • もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita


    HTMLPhotoshop...  便CSS  WebOpenType .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } 
    もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
    gnt
    gnt 2017/11/21
    appleとか電通報の馬鹿みたいな字詰指定ってなんかそういうツールがあるのかな。それとも字詰め職人の朝が早いの?
  • 誰がインフルエンサーだったのか


    Introduction SNSinfluencer稿10姿 NTTNTT Tweet 454910112 RANK Tweet DATE RT 1
    誰がインフルエンサーだったのか
    gnt
    gnt 2017/11/16
    なんでこんなにUIがんばっちゃったの…
  • Engadget | Technology News & Reviews

    Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

    Engadget | Technology News & Reviews
    gnt
    gnt 2017/10/05
    割とこの安っぽい丸っこいマット樹脂の感じがGoogleの考える「未来感」なのかもなあ、となんか納得
  • Dropbox Design

    Article — Product DesignPower and Patience: Finding Leadership BalanceApplying years of learning from competitive rowing to the craft of leadership.

    Dropbox Design
    gnt
    gnt 2017/10/04
    あちゅい
  • モバイルUI進化中!革新的なナビゲーションメニュー実例サンプル10個まとめ

    モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、7〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、3つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中!2018年に押さえておきたい最新トレ

    モバイルUI進化中!革新的なナビゲーションメニュー実例サンプル10個まとめ
    gnt
    gnt 2017/09/28
    基本的にはボトムが正解なんだろうけど、PC WEBとの整合性がな…
  • http://career-panda.com/design-website-2017

    http://career-panda.com/design-website-2017
  • 移動しました - SmartHR Tech Blog

    リニューアルした SmartHR ロゴの作り方 - SmartHR Tech Blog

    移動しました - SmartHR Tech Blog
    gnt
    gnt 2017/08/09
  • インターネットを席巻する“フリー素材の巨乳美女”は何者か フリーランスのグラドル「茜さや」さんに話を聞いた


    20162  241730 201621
    インターネットを席巻する“フリー素材の巨乳美女”は何者か フリーランスのグラドル「茜さや」さんに話を聞いた
    gnt
    gnt 2017/07/16
    お世話になっております(ガチのやつ)