タグ

2017年4月17日のブックマーク (3件)

  • _s(underscores)をモバイルファーストのレスポンシブ構造に変更する | オレインデザイン

    前回はこちらで紹介したように、_s(underscores)を左コンテンツ・右サイドバーの2カラムにレイアウト変更してみました。 しかし、このままだとタブレットでの表示にはなんとか耐えられるかもしれませんが、スマートフォンでの表示は我慢できないくらいひどく崩れてしまいます。 この現象を解決するためには方法は違えどスマートフォン表示に対応するための策を何かしら講じないといけません。そこで今回は今後のことも考えてモバイルファーストのレスポンシブデザイン化をすることにしました。 レスポンシブデザインとは 表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。検索エン

    _s(underscores)をモバイルファーストのレスポンシブ構造に変更する | オレインデザイン
    cbc10c6y
    cbc10c6y 2017/04/17
    ふむふむ。ふむむ。コレはサンプルが欲しい。
  • WordPressテーマユニットテストデータ日本語版を更新したよ!

    WordPressのテーマを開発する際に、テーマの表示を確認するための「テーマユニットテストデータ」というものがあります。 投稿や固定ページやコメント、メニュー等で崩れがないか確認できるダミーデータです。 様々な場合を想定した(投稿タイトルが長い短い、各種タグ、画像の回り込み、特殊文字、カテゴリー、階層の深いコメント、等)データとなっています。 WordPressの公式ディレクトリに掲載する場合はこのデータの英語版を使ってテストします。 今回はそのテーマユニットテストデータを有志が集まってみんなで日語に翻訳しました。 WordPressテーマユニットテストデータ使い方 日語版データはこちら→https://github.com/jawordpressorg/theme-test-data-ja (英語版はこちら→https://wpcom-themes.svn.automattic.c

    WordPressテーマユニットテストデータ日本語版を更新したよ!
    cbc10c6y
    cbc10c6y 2017/04/17
    使わせていただきます!
  • WordPressの自作テーマ制作が10倍加速する空テンプレートとテストデータ | ほーくブログ

    WordPressのテーマはカスタマイズしやすいように「自分が全部の構造を知っときたい」っていうマイテーマがあるので、テーマは自作するようにしている。 この前作ったモバイルテーマで4つ目。 しかし、いつも作り替えたいとは思うものの、作り始めがとっても面倒な気持ちでいっぱいになる。なぜなら昔作ったテーマをコピーして、いらないところを削ってからやっと自作テーマを作り始められるという質的じゃない作業からはじめなければいけないからだ。 WordPressをいじる案件があったときにいろいろ調査していると、この面倒くさい作業をものすごく短縮できる空テンプレートを発見するというラッキーに見舞われた。 Underscoresという最強スターターテンプレートテーマ自作テーマを作る時の最強テンプレート、その名は「Underscores(_s)」。 名前だけはなんとなく知っていたけど、「なんのためのもの」かを

    WordPressの自作テーマ制作が10倍加速する空テンプレートとテストデータ | ほーくブログ
    cbc10c6y
    cbc10c6y 2017/04/17
    「Underscores」と「WordPressテーマユニットテストデータ」がすばらしい!鼻血出る!