人気記事一覧

• CSS/Sass

  游ゴシックのfont-family指定方法2018年度版！@font-faceは絶対NG！WindowsのChromeでかすれる問題徹底検証

  游ゴシックは素晴らしい。まず前提としてこれは間違いのないことです。 ただ、面倒くせぇ。問題が多すぎるのです。 かねてより議論されている「WindowsのCh ...

  2018/04/02
• CSS/Sass

  CSSでスクロールバーのデザインをカスタマイズする。

  スクロールバーのデザインをCSSだけでカスタマイズする方法を具体例を挙げながらまとめていきます。すごく、簡単です。 普通にブラウザの右側に出てくるスクロールバ ...

  2017/07/12
• WordPress

  もう迷わんよ。WordPressで固定ページや投稿ページが持つ様々な情報を取得する方法まとめ[基本情報・投稿タイプ・カスタムフィールド・カテゴリ・タグ・タクソノミーなど]

  WordPressをいじっていると、投稿ページや固定ページなど、そのページが持つ情報を取得するというのは日常茶飯事かと思います。 しかし、ひとつの情報に対し、 ...

  2017/07/22
• JavaScript

  $(window).on ('load')関数が動作しない時はjQueryのバージョンをチェック！

  先日、load関数 $(window).on('load') がページの読み込みごとに動作したりしなかったりする謎の現象に悩まされました。 どうやらキャッシュ ...

  2017/05/12
• JavaScript

  背景画像も遅延読み込み可能。万能Lazyloader、lazysizesの使い方

  画像の遅延読み込みをしたいとき、何を使用しますか？ 私は「lazysizes」を発見してからというもの、ずっとこいつにお世話になっています。 個人的に、画像 ...

  2017/05/25
• CSS/Sass

  CSSでメディアクエリ(Media Queries)の基本的な書き方、記述の意味を理解し、「何となく使う」を卒業する。

  今回は、レスポンシブで絶対にお世話になるCSSの メディアクエリ（Media Queries）について。基本的な書き方や記述の意味についてまとめていきます。 ...

  2018/05/11
• WordPress

  いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた

  取得したい投稿記事をかなり自由に指定できる WP_Query。 メインループを汚染することなく、サブループとして好きな投稿を一覧表示でき、WordPressで ...

  2017/06/14
• WordPress

  プラグインなしでSNSシェアボタンを自作するための基本知識と実装コード、アナリティクス解析方法

  SNSシェアボタンをプラグインなしで実装した時の備忘録です。（このブログのシェアボタンはこの記事の方法で実装しています。） PHPだけで実装するパターンと、h ...

  2017/05/30
• JavaScript

  スクリーン・ウインドウ・画面サイズをjavascriptで取得する方法まとめ

  JavaScriptでスクリーン ・ウインドウ・画面サイズなどを取得しようとすると、 screen.widthや window.innerWidthなど、候補が ...

  2017/07/24
• JavaScript

  lightboxの超軽量版！jQuery不要の画像拡大スクリプト「Luminous」の基本的な使い方とオプションの説明、複数画像への適用方法

  「Luminous」という、クリックすると画像を拡大してくれる超軽量の素晴らしいスクリプトを発見したので、使い方をメモっておこうと思います。 この類のスクリプ ...

  2018/04/09
• WordPress

  WordPressでページャー（ページネーション）をプラグインなしで実装

  WordPressでページャーを表示する時はこれまで「WP-PageNavi」というプラグインに頼っていたのですが、そろそろコード直書きで実装してみることにして ...

  2018/08/14
• その他

  iOS・Android端末のCSSピクセル・dp解像度一覧。レスポンシブでメディアクエリのブレイクポイントは結局何ピクセルなのか？はどこまで対応するかで変わる。(2018年度)

  今や当たり前のレスポンシブコーディングですが、メディアクエリでスマホやタブレット用のスタイルを切り替える時のブレイクポイントは結局何ピクセルにすればいいんだ.. ...

  2018/05/18
• WordPress

  [WordPress] アーカイブページの種類ごとにタイトルやスラッグを生成・取得する方法まとめ

  WordPressのアーカイブページで、カテゴリ・タグや投稿タイプなど、様々な情報を取得する方法をまとめていきます。 表示中のアーカイブページが投稿タイプのア ...

  2018/04/07
• WordPress

  WP-PageNaviの基本的な使い方と、不具合を出さないために覚えておきたい設定方法まとめ

  Web制作していると実装することの多いページャー（ページ送り）機能。 WordPressでページャーといえば WP-PageNavi という有名なプラグインが ...

  2017/11/21
• ツール

  VS Codeの配色テーマ、Monokaiをカスタマイズしてみた

  先日、「VS CodeをSublime Textのように使う」というメモを公開したのですが、VS CodeのMonokaiが少しSublime Textのものと ...

  2018/02/09
• JavaScript

  スマホ・タブレット( iPhone/iPad/Android ) でスクリーンの縦・横判定方法と画面回転時の発動イベントのまとめ。およびそれらの組み合わせによる不具合・最適解の考察

  スマホやタブレットでスクリーンの縦横の向きを判定する方法と、画面回転時にどんなイベントが発火するのかを整理していき、どの方法で向きを判定してどのイベントにその判 ...

  2017/08/15
• SEO

  サーチコンソールでインデックスステータスが0件の時にまず確認すること

  サイトを運営する上で、サーチコンソールやGoogleアナリティクスなどを使いこなすことはは非常に重要ですよね。 私もこのブログを公開したことで使用し始めました ...

  2017/05/18
• CSS/Sass

  CSSで複数行に渡るテキストにマーカーを引いたようなエフェクトを付ける

  今回は、CSSで複数行に渡るテキストにマーカーを引いたような表現を実装していきます。 複数行に渡ってラインマーカーを引ける代わりに、マウスホバー時のアニメーシ ...

  2017/05/28
• その他

  新作iPhone8, iPhone8 Plus, iPhone X の画面サイズは？メディアクエリの横幅に指定するピクセルについて

  新しいiPhoneが出ました。iPhone8, と iPhone X。 いろいろ気になることはあるものの、Webをやっていると画面サイズ（横幅）が気になって仕 ...

  2017/09/20
• WordPress

  [コピペで使える] WordPressでプラグインを使わずにパンくずリストを自動で作成し、好きな場所に表示させる方法

  WordPressでプラグインを使わずにパンくずリストを自動生成する関数を自作しました。 全ページ種別に対応しており、カスタム投稿タイプに紐づいたタクソノミー ...

  2017/06/25
• PHP

  PHPのnull・空の判定・存在チェック方法5種の比較。 isset()、empty()、is_null()、== null、 ===null

   PHPでとある変数がnullや空か、いわゆる存在チェックをしたい時、よくisset()やempty()をよく分からないまま使用していて不具合があったので、詳し ...

  2017/07/02
• ツール

  Visual Studio CodeをほぼSublime Textのように使う方法

  長らくお世話になっていたSublime Text (以下、Sublime) からVisual Studio Code (以下、VS Code) へ乗り換えました ...

  2018/01/06
• JavaScript

  [href^=#]とはなんぞや。ページ内リンクをスムーススクロールさせる時に記述しているあれ

  ページ内部でのリンク（目次など）を押した時に、スクロールアニメーションでリンク先まで移動するスクリプトありますよね。 ソースコードをググるとコピペで使えるコー ...

  2017/05/16
• CSS/Sass

  brタグで改行すると行間が何故か広くなってしまい、pタグのline-heightでも調節できない時の原因と対処法

  brで改行した時に何故か行間が広くなってしまい、cssでline-heightとかで調節してもうまくいかない時、ありませんか？ 自動改行ではちゃんと行間が調節 ...

  2017/05/14