Color Contrast Checker
Forage post-ironic celiacForage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiacForage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiac,
プログラマが知っているとよい色(1)使い(JIS安全色) - Qiita
<この項は書きかけです。順次追記します。> This section is about to be written. I will add it little by little. 目次の前に(forward) この記事は、インターンシップの大学生の方に、「ゲームはするよりもゲームプログラムを書く方が楽しい」ということを説明した際に、その説明の一部として書いたものです。ゲームを卒業研究の題材にするなら、ゲームの中での色使いで、人による見え方の違いに配慮した改訂のあったJIS安全色(国際整合：ISO 3864-4:2011(Graphical symbols−Safety colours and safety signs−Part 4: Colorimetric and photometric properties of safety sign materials))を参考にするとよいよとい
文字や背景にピュアブラックを使ってはいけない理由
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を
History APIで履歴をいじる - Qiita
History APIってなんなん History APIは以前からありjavascriptから「戻る」「進む」などの操作を提供していました。 HTML5になって履歴情報を操作(追加/変更/移動監視)することが可能となりました。 履歴の移動 前のページへ(back) 前のページに移動するには、以下の様にします。
jQueryのセレクタに正規表現・属性フィルタを使う方法！ | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、jQueryのセレクタ指定において正規表現や属性フィルタを使った手法について学習を進めていきましょう！ この記事では、 正規表現より簡単な属性フィルタとは？ 「前方一致」でidを指定してみよう 「後方一致」で指定する方法 「部分一致」で指定する方法 「否定」で指定する方法 という属性フィルタについての基礎知識から学習を進めていき、セレクタを正規表現で複数指定する方法などの正規表現を活用した応用例に関して解説をしていきます。この記事で、セレクタ指定における正規表現・属性フィルタをしっかり学習して自分のスキルアップを目指しましょう！ 正規表現より簡単な属性フィルタとは？ それでは、まず最初に正規表現よりも簡単にセレクタを指定できる属性フィルタから学習を始めましょう！そもそも、jQueryのセレクタは多種多様な指定方法ができるのが特徴なのですが、HTM
<script> タグに async / defer を付けた場合のタイミング - Qiita
HTML5 においては、<script> タグに、defer や async 属性を付与することで、これらの読込が HTML パースを妨害しないようにすることができます。これにより、サイトのメインコンテンツの読込がある程度高速化されます。 async にせよ defer にせよ、それほど詳細に動作を解説した記事が見つかりませんでしたので、本記事では、これらの動作について解説します。 イベントについて まずは、async と defer の挙動を理解するために重要な、2つのイベントについて理解しましょう。 両者とも、MDN に十分な情報があるため、本記事ではそれほど詳細には解説しません。 DOMContentLoaded HTML のパースが完了した直後に発火します。 MDN load HTML のパースが完了し、CSS や画像などのダウンロードと表示、JavaScript ファイルのダウン
【PHP】 外部apiの実行結果をキャッシュする仕組みを独自に実装 - Qiita
例えば Qiitaの記事取得apiを叩いて自分のサイトに表示したい！ でもapi叩くのに1秒弱かかるから、24時間くらい結果をキャッシュしたい！ キャッシュ用のプラグインとかは入れたくない！ 完成品 <?php // file_get_contentsの結果をキャッシュしつつ返す function getCacheContents($url, $cachePath, $cacheLimit = 86400) { if(file_exists($cachePath) && filemtime($cachePath) + $cacheLimit > time()) { // キャッシュ有効期間内なのでキャッシュの内容を返す return file_get_contents($cachePath); } else { // キャッシュがないか、期限切れなので取得しなおす $data = file
HTTP/2の特徴 HTTP/1.1との違いについて | REDBOX Labo
今回は高速化手段の一つとして注目されているHTTP/2に関して、主な特徴HTTP/1.1との違いなどを紹介したいと思います。HTTP/2はHTTP/1.1と比べ様々な最適化がされています。 HTTP/2とはSPDYというプロトコルをご存じでしょうか。SPDYは2009年頃米GoogleによるWeb高速化の取り組みの一環から誕生しました。SPDYは従来から利用されているHTTPと互換性を保ちながらセッション層を効率化するプロトコルで、既にTwitterやFacebook、一部大手サイトなどが取り入れるようになりました。 HTTP/2はこのSPDYの進化版という位置づけで２０１５年５月にIETF（Internet Engineering Task Force）によって仕様の策定が進められ、RFC化を果たしました。そのためHTTP/2は従来のHTTPと互換性を保ちながら内部的な効率化がされていま
第１回 ＣＤＮ の 仕組み （CDNはどんな技術で何が出来るのか） | REDBOX Labo
今回は、何故ＣＤＮを使う必要があるのか、ＣＤＮ の 仕組み や技術的なことをなるべく分かりやすく解説したいと思います。 ＷＥＢ高速化、負荷分散、オンデマンド・ライブ動画配信、コンテンツ配信、ということを検討もしくはこれから始めようとしている方は、ＣＤＮというキーワードを一度ぐらいは聞いたことがあると思います。CDNってどんな仕組みでどのようなことが出来るかご存じですか？ まずはCDNの簡単な歴史から。 ＣＤＮの歴史ＣＤＮ（コンテンツデリバリーネットワーク）というのは、大手Ａｋａｍａｉさんが１９９０年代に提唱したといわれているコンテンツを配信するためのネットワークのことです。実は、最近できた技術や仕組みではありません。 インターネットが流行りだした時代からありました。 しかし、近年では90年代当初から比べると様々な仕組みや技術が取り入れられた次世代CDNに進化しています。 ＣＤＮとは？CDN
無料でWEBを高速化 |cdnTokyo
エッジキャッシュCDN Web高速化サービスBoost クイックキャッシュ CDNオプションサービス ストリーミング動画サンプル
HTTP リクエストメソッド - HTTP | MDN
HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP
第２回 ＣＤＮ の 仕組み (CDNの種類について) | REDBOX Labo
前回（第１回）はCDNで何が出来てどういうメリットがあるのか？という部分にフォーカスしてご案内しました。 第２回となる今回は、CDNにはどんな種類があるのかをご紹介したいとおもいます。 プッシュ型プッシュ型というのは、負荷分散する対象のファイルをCDNベンダーのサーバーにFTPもしくはWEBコンソール経由でアップロードして利用する方法です。弊社でもオリジンつきCDNというのがこちらに相当します。 また、CDNベンダーが用意しているVOD（オンデマンド）ストリーミングサービスなどを利用する際にも、ストリーミング対象のMP4をアップロードする必要がありますので、だいたいこちらのCDNです。 メリット既にサイトとは別にファイル配信専用のサーバーがある、もしくはファイル配信に別ドメイン名を使って分けている場合は、今までと同様ファイルをアップロードするだけのシンプルな運用が可能です。 CDNベンダー
サーバーキャッシュ設定 | レンタルサーバーならエックスサーバー
「ONにする」または「OFFにする」を選択し「確認画面へ進む」をクリックします。 サーバーキャッシュ設定を有効にすることで、以下の通りファイルがキャッシュされるようになります。 キャッシュの保存期間 以下ファイル(拡張子)は2分間キャッシュされます。 .css .js .jpeg .jpg .gif .png .svg .svgz .wbmp .webp .ico .jng .bmp .3gpp .3gp .ts .mp4 .mpeg .mpg .mov .webm .flv .m4v .mng .asx .asf .wmv .avi .mid .midi .kar .mp3 .ogg .m4a .ra .woff .woff2 .ttf .otf .eot 上記以外のファイルは1分間キャッシュされます。 レスポンスヘッダに以下を含むコンテンツはキャッシュしません。 Cache-Contr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Xアクセラレータ(エックスアクセラレータ) | レンタルサーバーならエックスサーバー