イラストレーション・アイコン素材｜デジタル庁
素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか？ 日本に暮らす人、訪れる人が理解しやすい表現になっているか？ など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制
CSSでwebフォントの読み込みが遅い問題を改善する方法 - Qiita
💀 Webフォントの問題点 Webフォントに限らず、ブラウザでテキストを表示する過程には、フォントの読み込み作業が存在します。また、フォントを読み終えるまではテキストを表示させない機能1がブラウザには組み込まれています。 ローカル環境下のフォントであれば読み込みに時間はあまりかからないので問題ありませんが、webフォントの場合はローカルフォントと比べると読み込みに多くの時間を要してしまいます。 この機能の影響で、ページのロードをしてからテキストが表示されるまでの間、ユーザーはテキストを読むことができない為、不満や苛立ちを覚え、体験価値の低下やページの離脱を引き起こすと考えられます。 ⚔️ 'font-display'プロパティでこの問題に立ち向かう font-displayというCSSプロパティを用いることで、webフォントを読み終えるまではローカルフォントを代替的にロードし、テキストの
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
【完全版】Font Awesomeの使い方 | アイコンをWebフォントで表示
※こちらの記事は「Font Awesome」のバージョン4.0.3をもとに書かれています。バージョンアップにより内容が変更されている場合もありますので、その際は公式サイトを確認してください。 目次「Font Awesome」とは「Font Awesome」の初期設定「Font Awesome」の使い方①「font-awesome.min.css」を参照②アイコンフォントの確認③アイコンフォントを表示④サイズ設定⑤色設定⑥リスト設定⑦同じ幅に設定⑧回転アニメーション設定⑨角度設定⑩反転設定⑪ボーダー設定⑫回り込み設定⑬複数のアイコンを重ねて表示独自でアイコンフォントのクラスを設定する方法アイコンフォントギャラリーまとめ 「Font Awesome」とは「Font Awesome」とは、Web上でよく利用されるアイコンを画像ではなく文字として表示できるフォントセットにしたものです。利用頻度の高
jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
「カートに入れる」は業界用語 ヤフー「らくらく通販」、ECの当たり前を覆したスマホUIに注目
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
CSS見出し-ジェネレーター | WEB道
あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
曽野綾子氏の連載コラムを「人種差別」と批判する人の正体 | | Miyawaki-NetNews（旧みやわきぶろぐ）
つくづく「左翼」って嫌な感じ、と確認したのが昨日の産経新聞 曽野綾子氏の連載コラム「透明な歳月の光」への批判。南アフリカにかつてあった黒人差別のための人種隔離政策「アパルトヘイト」であると断罪します。 コラムの結びにある曽野綾子氏の持論を捕まえてのことですが、それはこうです。 “人間は事業も研究も運動も何もかも一緒にやれる。しかし居住区だけは別にした方がいい” 居住区を捉えて「人種隔離」であり「人種差別」となじるのは、なじる人間の内面世界の告白です。つまり、断罪するものは、人種差別的発想を持っているのでしょう。 南アのヨハネスブルグでの実例として、白人だけが住んでいたマンションに、人種差別廃止以降は黒人世帯も入居するようになり、大家族主義の彼らは２０〜３０人で１区画を利用します。生活に使用する水の量は人口に比例し、マンションの水道管の太さは限られ、安定して水が出ないマンションになったことで
実録！シニアが使えないサイト 〜 映画チケット予約編 ｜ マミオン有限会社-シニアマーケティング、ウェブユーザビリティ評価
マミオン有限会社-シニアマーケティング、ウェブユーザビリティ評価-アクティブシニア市場分析やアイカメラ（アイトラッキング）を利用したユーザーテスト 63歳のHさん（女性）。 「アナと雪の女王」をもう一度見たい！という話から、 映画のチケットをインターネットで予約しようという流れになった。 「あの、（新宿）伊勢丹近くのきれいなところがいいわね」と 「新宿 映画館」で検索をはじめて 「ああ、そういえば、バルト９だった！」と、バルト９のサイトを見始めた。 だがしかし、ここからが大変だったので、残しておく。 Hさんは、日常的にインターネット（＝Yahoo!を見る）をしている。 ただし、検索などは「得意ではない」と感じている。 検索が難しいと思う理由は「どれをクリックしていいのか解らない、正解が解らないから」だそうだ。 「どうやって予約できるの？」 サイトを開くと「映画チケットラクラク購
ZURB - Spur
Spur is Retired! It’s all good though, we’ve got bigger and better things in store for you! Check Out Helio Spur's FAQ A little app from ZURB that helps you critique your web designs, giving you that kick you need to make them better. Why? Classic design principles still prove true today, but there are no good tools out there to help you apply them on the web. Spur helps you apply those principles
Joshua Green「大量の献金を獲得したObama陣営のメール最適化」 - 以下斜め読んだ内容
businessweek.com 2012.11.29の記事 更新：数字の桁がおかしかった 690万ドル ＝＞6.9億ドル。など via id:okemosさん 更新：I will be outspentの意味の取り違い 「支出が大杉」じゃなく「金遣いで負けてる」 これもvia id:okemosさん The Science Behind Those Obama Campaign E-Mails - Businessweek 大統領選でObama陣営はメールをa/bテスト使って最適化 オンライン経由の献金の大半をメールから獲得 件名別成績とか 大量に送りつけても実害ゼロだと分かったとか 親父から「スパムだろ」と文句言われたくらいだ、とか 「見た目最悪」なデザインが一番献金してもらえてショックだった 等々を、中の人への取材を元にまとめててわかりやすい 以下斜め読んだ内容 今回の大統領戦選挙の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まだ中央寄せで消耗してるの？ - @yoshiko_pg
alias - ファイル名を指定して実行 - Kanegon's Web Page