参考になったサイトまとめ　2017/05

個人的に覚えておきたいと思った参考になる記事の2017年05月に読んだ分まとめです。ちょっとまとめ方を変えてみました。

WEBサイトのレイアウト

読んでおーってなったので取り入れたやつ。

• すぐに取り入れよう！美しいデザインを実現する「8ポイント方眼デザイン」とは？｜ferret [フェレット] キレイに整いやすいし、わかりやすくて良い考え方。直近の制作物では早速取り入れています。
• 【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう ブラウザ幅を基準にフォントサイズを決めるプロパティでスマホ表示のテキスト折り返し対策

オリジナルデザインのソーシャルボタンを設置する

案件で必要だったのでやりました。

• SNSボタンをオリジナルデザインにする方法 | クリエイタークリップ まとまっていてわかりやすい。onclickイベントでポップアップしている部分はjQueryでまとめてもよさそう。
• 日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法 アイコン部分をWEBフォントでやると手っ取り早いし、色の変更なども楽でよいです。

BEMを学ぶ

気になっていたのでやってみました。class名が冗長になってしまうけど、意味が分かれば気にならないし、css側がスッキリまとまってよいです。

• BEMによるフロントエンドの設計 – 基本概念とルール | CodeGrid とても分かりやすい。
• BEMをSassで快適に書く方法 | maesblog Sassでの書き方。めっちゃきれいに書ける。
• 現在のプロジェクトで使用している CSS 設計ルール (BEM ベース) のまとめ – Qiita Elementの入れ子をNGにしてclass=”block__element block-element”(ElementかつBlock)とする運用。この辺のルール作りだけちょっと悩ましい。

WordPress

• カスタム投稿タイプを5個以上追加したらメディアの下に回っちゃうんです！！ | Qrious Blog 5個以上メニューを追加するときのやつ。

更新したブログ

• XAMPPの設定を複数台で共有する環境で起こったとエラーと解決策 │ ノラWEB屋　野良人（のらんど）