Google マップの埋め込みについて考える | Accessible & Usable
公開日 : 2015年3月15日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ウェブサイトで、地図をユーザーに提示する際、Google マップを活用することは多いと思います。埋め込み用の HTML コードが用意されているので、自サイトのウェブページに容易に埋め込むこともできます。 ところが、Google マップを埋め込んだウェブページには、典型的なユーザビリティ問題があります。特にモバイルデバイス (タッチインターフェース) で顕著なのですが、ページをスクロールしようとしていて、スワイプ操作する指がたまたま Google マップの表示部分に当たってしまうと、「つるつる滑って先に進めない」状態に陥るのです。 ページをスクロールしようとスワイプ操作をしていて、たまたま指が Google マップ表示部分に当たってしまうと、埋め込まれた地図だけがスクロール (パン) されてしま
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
Sassでカラーを変数に設定してCSSのコーディングを速くする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ✌(´ʘ‿ʘ｀)✌ このあいだ昼休み中に思い切ってPS4と「龍が如く0」と「Final Fantasy 零式」をポチってしまいました( ˘ω˘)＜計65,000円なり しばらく節約のためお昼のお弁当生活がんばります(◞‸◟) そんなことはどーでもいいですね。 今回はSassで1つのカラーコードを使い色々と管理をする方法をご紹介します( ˘ω˘)☝ 設定方法 まずカラーを変数で定義します。 $base:#46AFED; $baseの色を明るく設定したい場合はlightenで設定します。 %で明るさの値を変えます。 color:lighten($base, 10%); これをまた変数で定義するといいかもですね。 $Lighten10:lighten($base, 10%); 設定方法は以上になります、カンタンですね( ˘ω˘)☝ 設定できる種類 設定できる色合いは以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
