タグ

2015年1月16日のブックマーク (3件)

  • CSSスプライトについてあれこれ。

    CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要

    CSSスプライトについてあれこれ。
  • レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG

    どうも〜こんにちはぁ! 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね!」って感じた基的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ

    レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
  • Fonts2u.com

    ダウンロードしたファイルを解凍する。 プラットフォームによって: Windows 10 / 8 / 7 / Vista :フォントファイルを右クリックし、「インストール」を選択する。 Mac OS X:フォントファイルをダブルクリックし、「フォントをインストールする」を選択する。 Linuxフォントファイルを/USR/SHARE/FONTSにコピーする。 Fonts2u.comで利用可能なフォントは、GNU/GPL、フリーウェア、個人利用に限り無料、ドネーションウェア、シェアウェア、あるいはデモです。ライセンスタイプは明示されていますが、混乱を避けるため、それぞれのフォントの詳細に示されている情報を読むことで必ず再確認してください。

    Fonts2u.com