Read Article
WordPress：ページネーション設置箇所に1ページ目のみ別コンテンツを表示させる方法
WordPressでページネーション設置箇所に1ページ目のみ異なるコンテンツを表示させる方法です。具体的な使用例としては、ブログやメディアなどでよく見かける1ページ目のみ「もっと見る」とか「さらに表示」のような2ページ目に飛ぶリンクが設定されたボタンを表示して、2ページ目以降は通常のページネーションを表示させるなどができます。
Read Article
WordPress：同じカテゴリー・タグが設定されている前後の記事リンクを表示させる方法
WordPressで構築されたブログやメディアでよく見かける詳細ページで前後記事へのリンクを設置の際に、単純な前後記事へのリンクではなく現在表示しているカテゴリーやタグと同じものが設定されている記事へのリンクを表示させる方法です。
Read Article
VS Code：Sassファイルを保存と同時にコンパイルしてくれる拡張機能「Easy Sass」
Sassファイル（SASS/SCSS）をVS Codeでコンパイルできる拡張機能「Easy Sass」を紹介します。Sassの保存後に自動で指定した場所にCSSファイルが出力させることができ、出力時のフォーマットやコンパイルさせないファイルの指定などもできます。
Read Article
VS Code：WordPress構築時に便利な拡張機能まとめ
WordPress構築時に入れておくと便利なVS Code拡張機能のまとめです。絶対に入れておくべきとまではいきませんが、入力補完やドキュメント参照が容易にできるなど慣れると手放せなくなるようなものもいくつかあるので、VS Codeを利用していて普段からWordPressを触る機会が多い人は試してみてください。
Read Article
Vue.js関連の各種リソースがまとめられた「VueToolbox」
「VueToolbox」は、Vue.jsに関係するフレームワーク・コンポーネント・ジェネレータ・ユーティリティなどの各種リソースがまとめられているサイトです。
Read Article
VS Code：CDNの各種ライブラリを簡単に呼び出すことができる拡張機能「cdnjs」
VS CodeでCDNにある各種ライブラリを呼び出すための記述を簡単に呼び出すことができる拡張機能「cdnjs」を紹介します。ローカルでちょっと試したいときなどに便利で、呼び出す際には圧縮有無や使用可能なバージョンなども一覧で表示してくれます。
Read Article
VS Code：ライブリロード機能を備えた簡易ローカルサーバーを起動できる拡張機能「Live Server」
VS Codeで簡易ローカルサーバーを起動できる拡張機能「Live Server」を紹介します。ファイル更新を検知して自動的にブラウザをライブリロードしてくれる機能もついているので、コードを書きながら表示確認の度にブラウザリロードする手間を省くことができます。
Read Article
VS Code：HTML・CSS・JSでの見栄え確認しながらテーマを探すことができる「VSCodeThemes」
「VSCodeThemes」は、その名の通りVS Codeで使用できるテーマがまとめられているサイトです。ダーク系とライト系とでテーマタイプを絞って見比べることができ、さらにHTML・CSS・JavaScriptそれぞれの言語での見栄えを確認することもできます。
Read Article
追従ヘッダー実装時に使える動作・デザインパターン例
常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。単純に基本となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。
Read Article
Monthly Bookmarks #56
今月（2018年8月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
商用利用可能でパス編集可能なラインタイプアイコンを配布している「ICON BOX」
作者様よりご連絡いただき、アイコンのデザインも個人的にすごい好みだったのでご紹介します。「ICON BOX」は、禁止事項に該当しなければ個人・商用問わず利用可能なフリーのアイコン素材を配布しているサイトです。特徴として配布しているアイコンはパスを編集できるようになっているので、形状や太さなどを自身で変更することができます。
Read Article
CSS Snippets #7
CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介します。以前であれば画像やJavaScriptを用いなければいけなかったものがCSSのみで表現できたり、上手く使えばよりシンプル且つ効率良く記述するのに役立つものもあるので、特にこれからCSSを学びたいという人や学び始めたばかりでもう少しレベルアップしたいという…