PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
firebugs で iGoogle のヘッダデザインを解析 (でぃべろっぱーず・さいど)
Google のパーソナライズド・ホームが、名前を iGoogle に変えてリニューアルしました。 今回のリリースで、ホームページの「テーマ」が選択できて、ビーチやシティなどちょっとこじゃれた雰囲気の画面にすることができます。 デザインもかわいいものが多く、これまでのGoogleのイメージとは違った印象をうけます。 僕は早速「シティ」にしてみました。 このテーマは、表示する時間帯によって、画像イメージが変化するようになっていて、朝・昼・夕・夜と画面の中で時間の経過を感じることができます。 ということで、firebugs を使って、どういう風にテーマで時間帯を表現しているのかを解析してみます。 firebugs の Net タブで iGoogle の画面を表示させると↓こんな感じになります。 ここで画面下に表示されている各画像を見てみると、その中に以下のリンクを見つけることができます。 ht
CSSの基礎 - 10press
webサイト/ホームページ作成（HTML・CSS）についての解説と、webサイトテンプレートの配布をしています。CSSの基礎CSSの基礎知識や概要、CSSデザインのTIPSを解説。CSS - スタイルシートって何？ Cascading Style Sheetsの略で、Webページのレイアウトを定義する規格。 CSSを使うと、フォントや文字の大きさ、文字飾り、行間などの見栄えに関する情報を文書本体(及び文書の論理構造を記述したHTML)から切り離すことができる。 HTMLが裸の人間だとすると、CSSは洋服やアクセサリーみたいなものです。 CSSの指定法 CSSをHTMLに適用するには4つの方法があります。 タグに直接書きこむ（style属性として指定する）方法 例）<p style="color:#ffffff;">～</p> HTMLヘッダーで宣言しておく方法 例）head～head内
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想
「CSS Reloaded」CSS3の実践的な使い方をご紹介！の感想 先日、アップルストア心斎橋で行われたCSS Reloaded「CSS3の実践的な使い方をご紹介！」に行ってきました。 資料が公開されました。 ■出典元：CSS Reloaded ■著者；John Allsopp ■リンク：Web Directions East 以下、内容を復習もかねてまとめてみました。（サンプルやブラウザ対応などは私が補足したものです。） CSSの歴史 1996年ぐらいからありました。 2000年にCSSのサポートが良いMac IEが登場 2000-2005年はCSS3の開発がストップ 2000-2008年でブラウザが劇的にCSSに対応していく。(ブラウザ Reloaded) 各ブラウザはCSS3を試験的に実装 プリフィックスをプロパティの先頭につける事によってCSS3を実装することが可能。 Firef
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
【動画】 10分くらいで作るお手軽2カラム
GIGAZINEさんで紹介されていた「カムタジア スタジオ」を試してみたくて、ボクが実際に2カラムレイアウトのサンプルを組んでいる画面キャプチャを作ってみました。 これといった編集を行わずにやったのに、とっても素晴らしい出来でびっくりです。 2カラム作成ムービーを見る 動画自体は音も無く面白味がないですが、人の作業の様子を見るってのは、あんまりないので、そういった意味じゃ面白いかも？ 取りあえず、誤字が多いのは仕様なんです。笑って見逃してやってください。 しかし、こういう動画って需要があるのかしらー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos