【レスポンシブ】CSSで作るtableデザイン＆コーディング【コードあり】 | 東京のホームページ制作 / WEB制作会社 BRISK
もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができるか、いくつかtableコーディングのパターンを用意してみました。 demo Contents 縦に積むテーブルレスポンシブ横並びを縦並びにするテーブルレスポンシブ疑似要素で見出しを用意するテーブルレスポンシブcontent:attr() で見出しを表現するテーブルレスポンシブspanで見出しを表現するテーブルレスポンシブスクロールで表示させるテーブルレスポンシブ 縦に積むテーブルレスポンシブPC SP ごくごく一般的なテーブルパターンですね。 ソース上は上から順番に要素が並んでいるので、それらをb
失敗しないWordPressのリニューアル手順 | 東京のホームページ制作 / WEB制作会社 BRISK
最近WordPressが関係するサイトリニューアルを幾つも行っているので、手順を４つのケースに分けてまとめました。 個人的には、どのようなケースでもwebルート直下に「wp」などのフォルダを作ってその中にWordPress一式を格納するのが良いと思います。 利用する画像などもWordPressのテーマフォルダの中に入れてしまいましょう。 そうすると、WordPressを導入した部分が明確になるので保守・移行に便利ですし、webルート直下に展開するよりも美しいです。 今回は本番環境下に新たに「wp」などのフォルダを作成し、Basic認証などでアクセス制限をかけて制作を行う想定です。 静的サイトをWPサイトにする場合上記の基本構成のようにWordPressを導入し、「/wp/」以下で制作を行います。 リニューアル時に行う作業は以下の３つです。 [WordPressの管理画面]→[設定]→[一般
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
