[B! CSS] cheep-intのブックマーク

イマドキCSS設計

イマドキCSS設計 NTTレゾナント　森本恭平 ※矢印キーで動かせます About Me 森本恭平ディレクターフロントエンドエンジニア Twitter:basara669 今日のスライド http://basara669.com/slides/140122/index.html ※今日のatndやconnpassにも載っています今日のハッシュタグ #gooOTT Agenda なぜCSS設計が必要なのか BEMとSMACSSの紹介実際の運用上どうするべきか本題に入る前に・・・様々なCSS設計がありますが、どれも複数クラスを前提としているので、IE6以下では使えないです。。

cheep-int 2014/01/23

リンク

HTTPリクエスト数削減テクニック2： CSS Sprite編

はじめにこんにちは、クラスメソッド株式会社の野中です。 HTTPリクエスト削減テクニックの紹介に入り、前回の﹃リクエスト数削減テクニック1‥インラインイメージ編﹄では、インラインイメージについて紹介しました。本記事では﹁CSS Sprite﹂の基本的な知識と使い方、使いどころについて解説します。すでに定番のテクニックとなっていますが、何となく使っていることが多いと思います。初学者の方にも理解していただけるよう詳しく解説します。対象者対象者は主にコーダー、フロントエンドエンジニアです。デザインとコーディングを合わせて担当するWebデザイナーも対象です。コーダー・フロントエンドエンジニア Webデザイナー Webディレクター Web担当者 CSS Spriteとは Webサイトではアイコンやナビゲーションなどに多くの画像が使われ、サイトによっては20個30個とたくさんのアイコンが使わ

cheep-int 2013/10/22

リンク

http://youmos.com/reference/cssjavascriptmin-width_max-wid

cheep-int 2009/12/22

リンク

ハイパフォーマンスCSSの記述方法 : Weblog : SimpleIsm

CSS すでにいろいろ出回っていますが、そういった情報は1つだけあれば良いわけではなく、それらの情報をまとめたり、精査していって、さらにより良いものになっていくのがWebの良いところだと思います。業務を行う中でメモしていたものが貯まってきたので、その理由とかを調べてみたのでまとめます。まぁ前置きはこれぐらいにして本題。 CSSをシンプルに効率良く書くということは、ネットワーク転送量の低下、パース速度の向上、そしてHTMLとのマッチング効率化に繋がります。そしてそれは即ち、ページのパフォーマンスを向上させることに繋がります。また、﹁効率的なスタイル指定をする﹂と考えながら臨むと肩に力が入ってしまいますが、﹁非効率なスタイル指定をしない﹂という視点で考えていけば、自ずと軽量で効率的なCSSを記述することができると思います。パターンマッチング(Pattern matching)について﹁非

cheep-int 2009/12/22

CSS

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

CSSに関するcheep-intのブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス