スタイルシートCATEGORY: CSS3 CSSを使ってHTTPリクエストを減らす CSS Sprite(スプライト) スマホサイト作成時に、HTTPリクエストを減らすため、 必要な画像をひとつの背景画像にまとめ、 1つの画像で読み込み、 CSSで見える部分を制御する(部分表示する)方法がある。 これをCSS Spriteと言う。 背景画像のバリエーションや... 2012.02.08 スタイルシートCATEGORY: CSS3
スマートフォンCATEGORY: CSS3 スマートフォンサイト作成に使えるフレームワーク ●Mobile Boilerplate 各環境の設定コード集のようなもの HTML5 Boilerplateが本家。 モバイルサイトを構築するためのテンプレート ●Less Framework CSSグリッドシステムを利用するためのフレーム... 2012.02.08 スマートフォンCATEGORY: CSS3
スタイルシートCATEGORY: CSS3 スマホデザインでCSS3のよく使うもの ・border-radius:丸角 ・box-shadow、text-shadow:影つけ。box-shadowはinsertを使用することで内側にも影がつけられる(へこんでいるように見える) ・Gradients:グラデーション ・tra... 2012.02.07 スタイルシートCATEGORY: CSS3
スタイルシートCATEGORY: CSS3 ベンダープレフィックスとは 各ブラウザの未完成段階の機能の CSSプロパティや値を実装する場合、 他のブラウザは対象外のものがあるので それぞれのブラウザで独自のプロパティを実装する必要がある。 このプロパティ実装の接頭辞ベンダープレフィックスと言う 2012.02.07 スタイルシートCATEGORY: CSS3
スマートフォンCATEGORY: CSS3 スマホサイトの画像を作るときの注意 iPhone3などで見られる画像(160dpi)を作っても iPhone4で見る(320dpi)と画像が荒れてしまう。 これを防ぐために、高解像度向けに大きめなサイズを用意し、 HTMLとCSSで倍率を小さくする必要がある。 プログラムで切... 2012.02.07 スマートフォンCATEGORY: CSS3
画像ソフトCATEGORY: CSS3 epsファイルの読み込みができるフリーソフト ●EPSの作成・編集について ・EPS-draw ・Inkscape ●EPSの読み込みについて ・gostscript + gsView ・XnView 400種類以上の画像を表示できる 2012.02.07 画像ソフトCATEGORY: CSS3
スマートフォンCATEGORY: CSS3 Viewportの使い方 スマホでPC用サイトを見たときに、縮小されることを防ぐ。 またフォームのテキストフィールドにフォーカスした場合、強制的に拡大されるのも防ぐ。 指定できる属性としては width:幅 height:高さ initial-scale:倍率の初期... 2012.02.07 スマートフォンCATEGORY: CSS3
HTML・タグCATEGORY: HTML5 timeタグ 正確な日付・時間を表すタグ。 機械的に正確な日付を認識させるためのもの。 今日、明日、とか曖昧なものや 2012年5月12日のように、フォーマットがそろっていないもの これを datetime属性を入れることで正確な日付を入れる。 yyyy... 2012.02.07 HTML・タグCATEGORY: HTML5
HTML・タグCATEGORY: HTML5 figureタグとfigcaptionタグ ・figureタグ 挿絵や図、写真、動画など、コンテンツから参照したい情報に使うタグ。 独立したものに使用するため、 サイドバーなど移動しても問題ないときに使う。 ただし、文脈として省略できないものはNG。 会社のロゴなども使用しては× ・... 2012.02.06 HTML・タグCATEGORY: HTML5