Monthly Archives: June 2019

New!

CSS3: 擬似要素 :before, :after で配置した画像サイズを変更する

開発が完了した Web アプリやサイトで HTML ではなく、CSS 修正のみでアイコン画像等を挿入したい場面があります。 その際、擬似要素 :before, :after でコーディングを行いますが、画像を直接挿入した場合サイズ変更ができません。 今回は上記ケースで画像サイズを変更する方法を説明したいと思います。 目次 擬似要素 :before, :after で配置した画像サイズを変更する まとめ 擬似要素 :before, :after で配置した画像サイズを変更する 以下のような HTML ソースのリスト要素 li の先頭に、アイコン画像を挿入したい場合、content ではなく backgroud 指定による画像配置を行うことで画像サイズの調整が可能になります。 HTML CSS まとめ Web フォントやアイコンが使えない環境や、後方互換による表示不具合が起こる場合、今回の擬似要素による backgroud のイメージ指定を行うことで、解決できます。 レガシーブラウザ対策によるデザイン問題が起こった場合、有効な手段かと思いますので、参考になさってください。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
Update!

WordPress: ユーザー権限と判定一覧

今回は WordPress のユーザー権限と可能な、functions.php での判定の記述に関するメモです。 目次 ユーザー権限一覧 まとめ ユーザー権限一覧 上位権限は下位権限の実行レベルをすべて含みます。 権限グループ role ユーザーレベル 実行可能 購読者 Subscriber 0 ログイン        寄稿者 Contributor 1 レビュー待ち投稿        投稿者 Author 2 投稿 編集者 Editor 3-7 投稿 固定ページ カテゴリー 管理者 Administrator 8-10 テーマ プラグイン ユーザー サイト設定 functions.php 権限の判定サンプル まとめ ユーザーレベル判定は現在非推奨となっているため、できるだけ権限グループ名を利用した方がよいと思います。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。
Update!

Tips: A・B規格サイズ表(デザイナーズメモ)

以前投稿した 封筒・ハガキ・名刺のサイズ に続き、今回はA・B規格に関するデザイナーズメモとなります。 目次 A・B規格サイズ表 まとめ A・B規格サイズ表 A規格 名称 サイズ(mm) A0 841×1189 A1 594×841 A2 420×594 A3 297×420 A4 210×297 A5 148×210 A6 105×148 A7 74×105 A8 52×74 A9 37×52 A10 26×37 B規格 名称 サイズ(mm) B0 1030×1456 B1 728×1030 B2 515×728 B3 364×515 B4 257×364 B5 182×257 B6 128×182 B7 91×128 B8 64×91 B9 45×64 B10 32×45 まとめ A・B規格ともに比率は 1:√2 となっており、この比率を元に、A・B共に基準となる1つのサイズさえ覚えておけば、全てのサイズが算出できる事になります。 とりあえず、実用的な A4、B5 のサイズだけでも暗記しておけば、便利かもしれませんね。 この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。