The other way round

Tag page< - CSS3

TagCSS3 1/13

VeryMerry

名称 VeryMerry カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー デフォルト 右 記事幅 可変 最大840px サイドバー幅 固定 300px 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その他 ...

  • Comment 11
  • Trackback 0

Empty-street

名称 Empty-street カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー デフォルト 右 記事幅 可変 最大930px サイドバー幅 固定 300px 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その他...

  • Comment 0
  • Trackback 0

display:none でページが軽くなるわけではありません

レスポンシブデザインにはかかせないdisplay: none;というCSSプロパティがあります。対象要素を非表示にする、というものです。例えば、ナビゲーション内容はスマートフォンでは折りたたむ、とか。レスポンシブデザインはPC画面だけを考えて製作すれば良いわけではありませんので、スマートフォンというPCと比べれば極小画面(ビューポート)にも対応しなければいけません。PCのナビをそのまま流用してしまえば、まぁ大抵はみ出すか...

  • Comment 0
  • Trackback 0

Sincerely-yours

名称 Sincerely-yours カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー デフォルト 右 記事幅 可変 最大860px (内寸 790px) サイドバー幅 固定 300px (内寸 260px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタ...

  • Comment 6
  • Trackback 0

Dark-Divine

名称 Dark-Divine カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー デフォルト 右 記事幅 可変 最大 820px サイドバー幅 固定 300px (内寸 260px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 ...

  • Comment 5
  • Trackback 0

Room38

名称 Room38 カラム数 2 プラグイン対応 ○ (左サイドメニュー) レスポンシブ対応 ○ サイドメニュー 左 記事幅 可変 最大 856px サイドバー幅 固定 300px (内寸 260px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その他 ...

  • Comment 0
  • Trackback 0

Chronicle

名称 Chronicle カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー 右 記事幅 可変 最大 750px サイドバー幅 固定 300px (内寸 270px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その他...

  • Comment 7
  • Trackback 0

チャット風吹き出しデザイン雛形

モバイルチャット風の吹き出しの雛形ですー (´・ω・`)やり方は色々あるのですが① 吹き出しの横幅が常に100%に ならない ように② レスポンシブ③ テキスト内容の位置合わせが可能こんなところに気をつけて組みました。①に関しては、常に横100%(あるいはそれに近い分量)取っていると記事幅が広い時、吹き出しの中身が少ない時なんかに見た目がちょっと鬱陶しいというか。ですから①が主な目的になっているコード内容です。横幅制限が...

  • Comment 37
  • Trackback 0