1. TOP
  2. HTML / CSS

プロなら抑えておきたいCSSプロパティの順序

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

プロパティの並び順

/* Suggested order:
 * 
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 * CSS 3
 */

基本的にmozilla.org Base Stylesに準拠して書いています。

classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup

※ ただし、list-styleとclearの位置はいつも適当

【googlemap+jQuery Tab】 タブ内のグーグルマップがズレる時の対処法

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

タブナビゲーションでグーグルマップを表示するとズレる時の対処法

タブナビゲーション(jQuery ui tabs)のコンテンツ部分にgooglemapを表示すると地図中心が真ん中にこなくて困ったときはありませんか?

自分で既に対処している人も多々いると思いますが、私はこんな風に解決しましたってことでメモ

レスポンシブ ウェブデザイン(CSSメディアクエリのメモ)

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

今なさらながらレスポンシブウェブデザイン用のメディアクエリをメモ

私も一般に言われるレスポンシブウェブデザインは好きではありません。正直、レスポンシブウェブデザインを考えた人、実装しようと思いついた人の頭を疑います。

僕はレスポンシブサイトが嫌いです。レスポンシブサイトが嫌い、というよりは普通のサイトよりも、レスポンシブサイトの方が優れているという風潮が嫌い。

僕はレスポンシブサイトが嫌いです - ぼくのぶろぐ

何故かって、レスポンシブウェブサイトは全くユーザの為になっていないんですよね。何でもかんでもレスポンシブがいいってのは絶対に間違ってる。

ただ、特定のコンテンツ、例えばテキスト主体のブログとかならば、レスポンシブウェブでも問題ないとは思います。要するに使い分けてくれと。それでもレスポンシブは使いにくいぞと。

ですがまぁ、レスポンシブを実現しているCSSのメディアクエリぐらいは覚えておかないといけないのでメモしておきます。

使わないのと使えないのじゃ全く違いますからね。

[html] 日付セレクトボックス

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

日付セレクトボックス

これも毎回入力するのが面倒なので

ウェブサイトの明朝体フォントにアンチエイリアスが掛かるフォントサイズ

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

120718devicefont-size01.jpg

明朝体にアンチエイリアスを掛けて綺麗に見せる的な

ウェブサイトで文字を綺麗に見せたいけど、画像を作るのは面倒くさいなズボラな俺。ディスプレイサイズも大きくなってきているのでこれでいい。きっと大丈夫。良く使うからメモ。

ページの先頭に戻る