人気記事一覧

• CSS/Sass

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

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

  2018/04/02
• CSS/Sass

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

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

  2017/07/12
• CSS/Sass

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

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

  2018/05/11
• WordPress

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

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

  2017/07/22
• WordPress

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

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

  2017/06/14
• JavaScript

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

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

  2017/05/12
• WordPress

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

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

  2018/08/14
• JavaScript

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

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

  2017/05/25
• JavaScript

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

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

  2018/04/09
• WordPress

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

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

  2017/05/30
• WordPress

  [プラグイン不要] WordPressで記事を人気順(ページビュー数順)に表示させるためのソースコード

  WordPressで記事を新着順ではなく人気順・ページビュー数順で表示するためのソースコードをメモしていきます。プラグインを使用しなくてもかなり簡単に実装できち ...

  2017/08/11
• その他

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

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

  2018/05/18
• PHP

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

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

  2017/07/02
• WordPress

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

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

  2018/04/07
• JavaScript

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

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

  2017/07/24
• ツール

  Visual Studio Codeをインストールしたらまず確認・設定しておきたい基本項目まとめ

  Visual Studio Codeを使い始めて、1年ほど経過したでしょうか。もうすっかり離れられなくなっております。 あんなに溺愛していたSublime T ...

  2018/08/07
• JavaScript

  ズームインしながらフェードで切り替わるスライダーをjQueryとプラグインなしで実装してみた

  よくある画像スライダーですが、先日、ズームインしながらフェードで切り変わるという少し特殊なスライダーを実装する必要があったのでその時の備忘録として。 スライダ ...

  2018/06/22
• WordPress

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

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

  2017/06/25
• WordPress

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

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

  2017/11/21
• JavaScript

  スマホ・タブレット( iPhone/Android ) での縦・横向き判定方法と画面回転時の発動イベントのまとめ。+組み合わせの考察

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

  2017/08/15
• CSS/Sass

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

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

  2017/05/28
• ツール

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

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

  2018/02/09
• CSS/Sass

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

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

  2017/05/14
• HTML

  ファビコン(favicon)のタグや画像サイズは結局どれにすればいいのか

  ファビコンを設定するためのタグの基本は、rel="icon"を指定した<link>タグに、「.ico」拡張子のファイルを読み込ませます。 < ...

  2018/08/04