レイアウト(HTML/CSS)

レイアウト(HTML/CSS)

2カラム デザイン(レスポンシブ対応)HTML/CSS 記事一覧に

画像+タイトル 横レイアウト 本文中に記事一覧をキレイに表示するときに使います。他にも商品一覧に使用してもいいですね。 枠付きデザイン見本 スマホではみ出さないテーブル・表を作成するHTML/CSS オシ...
レイアウト(HTML/CSS)

オシャレで可愛いテーブルデザイン【 HTML / CSS 】

女性向けのサイトであれば「もう少しオシャレで可愛い表を使いたい!」っていうこともあると思います。そんなときに使えるテーブルHTML/CSSを全部で7種類作りました。2ページ目もあるのでどうぞ最後までお付き合いください。 コピペですぐに...
レイアウト(HTML/CSS)

スマホではみ出さないテーブル・表を作成するHTML/CSS

今回は、TablePressプラグインを使わずに編集プラグイン TinyMCE Advanced だけでスマホでもキレイに見えるテーブル・表を作ります。 TinyMCE Advancedをインストールしていない方はテーブルのテンプレー...
レイアウト(HTML/CSS)

【HTML/CSS】 和のテーブルデザイン Japanese Table Design

日本の美しい伝統色を紹介されている「伝統色のいろは(-Traditional colors of Japan-)」さんの日本の色を使ってテーブルのCSSデザインを作ってみました。 伝統色のいろはさんでは時代ごとに色の説明が解説されています。色の説明を見ているとなんだか昔の日本の生活の様子はどうな感じだったろうかと思いを馳せて気持ちがほっこりとしました。
レイアウト(HTML/CSS)

商品比較テーブル テンプレートHTML/CSS

レスポンシブテーブルデザインのHTML / CSS のテンプレート置き場。ご自由にお使いください。 WordpressのTinyMCE Advancedでレスポンシブテーブルを作っても列が多すぎると画面からはみ出てしまいます。今回作っ...