タグ

cssとhtmlに関するsugarshinのブックマーク (4)

  • WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】(WPプラグイン含む) | Stronghold Archive

    WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】(WPプラグイン含む) どうもこんにちは。利倉です。今回のTipsは【WEBサイトを軽量高速化。便利な圧縮系サービスまとめ】です。webページの軽量高速化にはいつも頭を悩まされます。今回は軽量高速化においてすぐに効果を見込める方法のまとめになります。 Online YUI Compressor CSS及びJSを圧縮します。gzipにもしてくれる便利サービス。特定ファイルだけ包んで…という手軽な使い方もできます。ためしに100KBのJSを圧縮してみたら20KBに!?なんて事も… Minify Javascript Online JSを圧縮します。実はOnline YUI Compressorで事足りるのですが、サイトが軽いのでこっちに行く事もあります。 Minifier JS及びCSSを圧縮し

  • 【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO

    IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理

    【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
  • Viewport [iPhone生活]

    *device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ(サイズ) HTMLに設置したコンテンツのサイズ ドキュメント(サイズ) 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ

  • [CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法

    IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法 各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w

  • 1