ダッシュボードで上手に情報を可視化するためのガイドライン
JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。 システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。 端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。 デザイナーの役割と情報の可視化 デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。 もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用
アノテーションが遂に終了！今こそ「YouTubeカード」を完全マスターしよう
マーケティングの目的は、様々なコミュニケーションをとおして潜在顧客や見込み顧客の態度変容を促し、「Webサイト訪問」「ほかの動画を視聴」「シェア」「問い合わせ」「購入」などの行動（アクション）を起こしてもらうことにあります。そのため、広告やWebサイトなどをとおして自社の商品やサービスに関心を持った人に任意の行動を促す「CTA（Call to Action）：コールトゥアクション」は非常に重要な存在です。 そしてもちろん、CTAは動画マーケティングにおいても有効です。 動画は情報伝達力や訴求力が高く、動画視聴直後の視聴者は非常に関心が高まった状態にあるため、次の行動を促す絶好のチャンスとなるからです。 YouTubeで動画を配信している企業は、CTAとして「アノテーション」を活用するケースも多かったことでしょう。しかし、YouTubeは2017年5月2日にアノテーション編集機能を廃止するこ
たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方
短いCSSを書くだけで要素を特定の位置に固定できるCSSの「position: sticky」。ちょっとした工夫で実現できるおもしろい使い方をデモで解説します。 スクロールに応じてページ要素を固定表示できるposition: stickyが便利で面白い使い方ができそうなので実験してみました。仕様がまだ草案（Working Draft）の段階で、将来、細かい部分に変更がないとは言い切れませんが、Edgeを含めた最新のブラウザで、ほぼサポートされています。 position: stickyの仕様 ブラウザ・サポート状況（Can I use…） フィーチャー・クエリ（@supports） と一緒に使えば、position: stickyに対応していないブラウザにも考慮した実装が可能なので、注意は必要ですがちょっとしたエンハンスメントとして使うのに良さそうです。 まずは「こんなのが簡単にできちゃい
Web制作者がチェックしておきたい、最近のWebサイトで注目されているデザインのトレンド -2018年3,4月 | コリス
デザインや実装で悩んだ時には、世界のクリエイターの間で注目されている新鮮なトレンドを見てみると良いインスピレーションに出会うことができます。最近のWebサイトで注目されているデザインのトレンドを紹介します。 自分にはない発想を見かけると、なんだか楽しくなりますよね。 3 Essential Design Trends, March 2018 3 Essential Design Trends, April 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ナビゲーションを表示しないトップページ -ポスタースタイル 02. Ultra Violetのカラーパレット 03. グラデーションとテキスト 04. 泡のような柔らかい塊 -バブル アンド ブロブ 05. 浮遊している矩形 -フローティング レクタングル 06
上下中央揃えのCSSまとめ。Gridだと2行、Flexboxだと3行で実現可能 - ICS MEDIA
CSSでブロック要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼ CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する ※CSS GridだとIE 11に対応できません。しかし、IE 11は2022年6月にサポートを終了しているので、ウェブ制作者が気にする必要はないでしょう。 Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。モダンブラウザはもちろん、Internet Explorer 11（以下、IE 11）でもベンダープレフィッ
CSSの作業効率がアップする、少し高度な使い方のまとめ
Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。 Lesser known CSS quirks & advanced tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 垂直方向のpaddingは要素の幅に対して相対的 02. マージンの相殺が適用されない条件 03. 不透明度でz-indexの積み重ね順序を変更できる 04. CSSのカスタムプロパティ（変数） 05. vertical-align: top | middle | bottom 06.「height: 100%;」の挙動 07. idとclassの詳細度 08. 属性のターゲティング 09. 複数の値を指定する場合、垂直、水平の順番になるとは限らない 10.
FRECIOUS dewo mini（フレシャス・デュオミニ）｜ウォーターサーバーで天然水宅配
サーバーの小型化に合わせて お水のパックもより 小さくなり、お水の交換・ 持ち運びがさらに 簡単になりました！
Awwwards - Website Awards - Best Web Design Trends
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
LPの最新デザインまとめ参考サイト｜LP アーカイブ
フォルダを削除 フォルダを削除すると登録されているデザインやメモは 全てお気に入り登録から削除されますがよろしいですか？
straightline bookmark | Web design bookmarking
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
Multi-Party Applications for Global Business | Digital Asset | Creators of Daml
Realize the full economic value of a more interconnected world Digital Asset empowers the world's most innovative organizations to work across traditional boundaries with applications that enable information and value to flow freely, in a global, connected network. Explore the problems Digital Asset solves New Global Blockchain Network for Financial Markets and Institutional Assets Powered by Digi
新卒採用｜株式会社シェイク 新卒採用サイト
AI、IoTなどの最先端技術が次々と現れ変化していく現代。 10年後どころか数年後も、確実な未来を描くことは難しくなっています。 そんな激動の時代に求められるのは、トップの指示に従うだけの人材ではなく、 自ら未来の方向性を見出せる “リーダーシップ”をもった人材です。 “どんな世界を創りたいか” “どんな人生を歩みたいか” まずこの想いをもち行動することが私たちの考える“リーダーシップ”です。 今は明確な想いがなくてもかまいません。 シェイクは採用活動を通じて、一人ひとりの想いを引き出し、 どんな人生を歩んでいくかを一緒に創り上げていきます。 Leadership Journey採用活動を通じて、自分らしいリーダーシップを磨く旅へ 採用活動のプロセスを通じて、学生のリーダーシップを磨くにはどうしたらいいだろう？ そんな想いから、リーダーシップ開発のプロ集団が選考プロセスを通じて、みなさんの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WEBデザインの参考に】ミニマリストに大人気！洗練されたシンプルで美しいHTML5ウェブサイトテンプレート10選【フラットデザイン/サンプル】
プリキュア - Pinterest
HELLO CYCLING - 好きな場所で返せるシェアサイクル
BLUES DESIGN | 愛知県のプロダクトデザイン事務所
LP制作の実績まとめ｜LP制作.jp
three.js - JavaScript 3D library
Webデザインブックマークサイト・Webデザインリンク集 .SG_BOOKMARK
bookma
