Queriesでガラッと見た目を変えちゃいましょう!と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテーブル用CSSです。(ブラウザのサイズ(横幅)をグイ~ンで小さくしてみてください。{margin-left:1em;}}@mediaより前がPC用(ブラウザ横幅421px以上)のCSSで@media以降がスマホ用(ブラウザ横幅420px以下)です。td{display:list-item;border:none;}↑でthとtdをリスト表示変更しています。list-style-typeも使えますので見た目の広がりも増えますね!これで小さい画面では見づらいテーブルもリスト表示で見やすくなりますね。まとめ毎回ネックになるIEですがスマホ対応と考えれば気にすることじゃないかなという感じでしょうか。以前はスマホ用サイトは見づらくなるからテーブル使わないほうがいいかな・・・と思ってましたが、これで気にすることなくテーブル使えるんじゃないかと。Compass]WindowsでSassとCompassで環境作るときにあったエラーのメモやっとおじさんも時代のニューウェーブに乗るためにSass環境を整えてみました。環境を作るのは黒い画面を使いますけど難しくないですねー。今日はそんな腐クリエイターさんたちのた...記事を読む[CSS,CSS3]box-sizing(border-box)でborder、paddingを気にしないスローライフな生活を送ろう!そんな大層なことですか。生活に絡んでくるようなことですか。楽になるんだからいいじゃない。CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ!3階層目以降は対応しないよ!新年あけましておめでとうございます。今年もよろしくお願い致します。宣言通り週一で更新していきますよ。新年一発目は...記事を読む[Sass]@mixinでスタイルを使いまわしてもっと楽しよう面倒が大嫌いな下山です。面倒なのであいさつも途中までしかしません。人としてどうかとかね。今回は@mixinですよ...記事を読む[CSS]IEの条件付きコメントを改めてまとめた(まとまってないけど)ちょっと古い情報ですが、質問受けたので書いてみます。CSSを使ってデザインしているとモダンブラウザではしっかりデザインできている...記事を読む[CSS]同じサイズのボックスを横並びにするときのコツネガティブマージンってイヤですね下山です。写真のサムネイルを並べてクリックで拡大とかよくやるじゃないですか!やるじゃないです...記事を読む[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。ことで、今回は筆者の本当のメ...記事を読む商用利用OKの無料ピクトグラム最近WEBデザインにしろペーパーデザインにしろピクトグラムを使うことが多くなりました。...記事を読む[CSS]liをfloatして横に並べてそれを中央配置にするオレ的まとめもうタイトルが何言ってるか分からないですが読んだ通りですはい。いや、説明するとliをfloat:leftすると左揃えになってしまうも...記事を読むスポンサーリンク[CSS]WEBだって印刷するんだ!どうでもいいけど切り取り線とか作っちゃうよ!2013年もありがとうございました。