Screen size tests
x Variants With viewport width set to 380 With viewport width set to device width Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph. Test paragraph.
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Gecko Reflow Visualization - mozilla.org
Gecko Reflow Visualization - mozilla.org
Webアニメーションを高速化するために知っておくべき10のこと（前編）
Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
CodeGrid - フロントエンドに関わる人々のガイド
HTML/CSS 385 CSS仕様 119 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 135 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 64 ディレクション 50 ドキュメンテーション 7 JavaScript 592 ECMAScript 45 ライブラリ 70 ブラウザAPI 38 WebGL 42 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee
条件付きコメントでIE9以降とIE以外のブラウザだけに表示する at softelメモ
問題 古いIEでは表示できないcanvasを使っていたり、古いIEではJavascriptの処理が遅すぎたりするとき、「古いIEの場合だけ非表示にする」みたいなことできるかな。 答え こんな条件付きコメントを書くと、IE9以降とfirefox、Chrome、Opera etc. のみに表示することができる。 <!--[if (gte IE 9)|!(IE)]><!--> <div> ここはモダンなブラウザにしか見えないんですよー </div> <!--<![endif]-->
1300の優良サイトが選んだ「PNG Fix」のベストプラクティス - ふろしき Blog
1300の優良サイトを調査してみたシリーズ、第1回は「PNG Fix」です。 PNG Fixとは、Internet Explorer5〜8が、PNGの表示を正しく扱えないという問題を解決するための手法のことです。 インターネットにおいては、IE8が未だに高いシェアを持ち対応を求められます。そして、PNGの持つ表現力は、他のフォーマットでは代替が難しいという状況です。ビジュアルデザインを重視したWebサイト・アプリ制作を行う現場の人は、必ず覚えておきたい基本の知識と言えます。 今回、1300の優良サイトが採用しているPNG Fix手法を確認し、ベストプラクティスが何かを探ってみようかと思います。 IEには具体的にどんな課題があるのか？ IE5〜6は、PNGファイルが透明度(Alpha値)を正しく反映して表示することが出来ないという問題を持ちます。以下のように、透明な背景を灰色で塗りつぶした状
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Offline resources in Firefox - MDC
このアプリケーションキャッシュ機能を使用しないでください！これはウェブプラットフォームから削除する手続中のものです。 Firefox 84 以降、この機能は削除されました (バグ 1619673)。 Chomium 90 でも削除が予定されており、 Safari でも非推奨になっています。 Firefox 60 以降、および対応しているブラウザーの一部またはすべてにおいて、安全なコンテキスト (HTTPS) でしか利用できません。 Firefox 44 以降ではオフライン対応のためにアプリケーションキャッシュを使用すると、代わりにサービスワーカーを使用するよう開発者に案内する警告メッセージをコンソールに表示します (バグ 1204581)。 非推奨 この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中で
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
HTML - meta タグの仕様詳細まとめ :: Drk7jp
前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日本語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML
リンクチェッカー
GOiGOi Projectではフォームメール、WhatsNew（汎用DB、CMS）、ページ自動生成、ページ更新、空き情報・予約など、ホームページを管理、運営する上でどうしても必要になってくるＣＧＩをプロ仕様で提供しています。全てのプログラムは汎用CGIとして開発されていてどのようなサイトでもご使用いただけます。また、公開しているCGIのインストール、設定、カスタムCGIの制作も承ります。 リンクチェッカーはこんなことができます リモート（サーバー）側でホームページのリンク切れのチェック、孤立ファイルのチェックができます。 チェックで作成された孤立ファイル（どこからもリンクが張られていないページ、参照されていない画像）の一覧をもとに孤立ファイルを削除、またはひとつのディレクトリに移動することができます。 チェック結果のリンク切れの一覧ファイル、孤立ファイル一覧はダウンロードすることができま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PlaceIMG
Hello World!
Cheat Sheet
スマートフォン対応、気をつけたいトラブル