Read Article

CSSのtext-shadowを使ったサンプルがまとめられている「Trendy CSS Text Shadows」

「Trendy CSS Text Shadows」はCSSの`text-shadow`を使って表現されたサンプルがまとめられているサイトです。シンプルなシャドウだけでなくロングシャドウタイプもあり、それぞれの見栄えを実装するためのCSSも容易に確認・コピーできるようになっています。

June 4, 2017
Services & Resource

Read Article

Monthly Bookmarks #41

今月（2017年5月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

May 31, 2017
Bookmarks

Read Article

WordPress：「MW WP Form」のエラー表示周りをカスタマイズする際の備忘録

確認・完了画面付きのフォームを簡単に実装できるWordPressプラグイン「MW WP Form」をカスタマイズしたいときに毎回ど忘れしたりググったりしているので備忘録です。エラー文言の変更やエラーをまとめて表示するなど、エラー表示周りのカスタマイズ時のものになります。

May 29, 2017
WordPress

Read Article

Sass：数値を操作したいときに便利な演算や関数

Sassには生CSSでは使えない様々な機能が用意されていますが、今回はその中から数値を操作したいときに便利な演算機能や関数を紹介します。上手く利用することで自身で計算する手間を省くことができたり、例えば複数のカラムの幅指定などを簡単な記述で出力したりすることもできます。

May 25, 2017
Tips

Read Article

WordPress：プラグイン有効時に追加される各種メニューを非表示にする方法

WordPressでプラグインをインストール・有効化するとプラグインによってはアドミンバーや管理画面でメニューが追加されますが、それらを非表示にする方法です。ほとんどのプラグインが管理者以外の権限のときにメニューを非表示にしてくれたりはしますが、非表示にならないものとか管理者権限を与えるけど設定はいじってほしくないのでメニューを非表示にしたいというときなどに使えます。

May 18, 2017
WordPress

Read Article

WordPress：投稿・カテゴリー・タグの各ラベル名を任意に変更する方法

WordPressではデフォルトの投稿タイプとして「投稿」が用意されていますが、それを任意のラベル名に変更する方法です。以前にも別エントリーの一部でこれを変更する方法を紹介しましたが、カテゴリーやタグのラベル名まで変更する方法は書いていなかったので、それらの変更方法の備忘録も兼ねて。

May 18, 2017
WordPress

Read Article

CSS：ホバー時のアンダーラインアニメーションの実装サンプルとmixinを用いた実装方法

ここ最近主にナビゲーションなどでホバー時にアンダーラインをアニメーションさせるエフェクトの実装要望が多いので、パッと使えるようによく利用するものをひと通りまとめたのでシェアします。また、大体この手のアニメーションを利用する際はサイト全体で動きを統一させることが多いのですが、たまに場所によって少し違いをつけたいということもあるので、そういったときにすぐ対応できるようにSassのmixinを用いて実装…

May 17, 2017
Tips

Read Article

gulp：consoleやalertを削除するのに便利なプラグイン「gulp-strip-debug」

ちょっと覚えておきたかったので備忘録兼ねて。gulpを使ったビルド時に、JSファイルから`console`や`alert`を削除（正確には変換）してくれるプラグイン「gulp-strip-debug」を紹介します。

May 11, 2017
Services & Resource

Read Article

gulp：gulp-sass-globを使ってSassの@importを少しでも楽に管理する

Sassで`@import`を使用している場合、大量にファイルがあるとそれらすべてを記述していくのが面倒と感じるときがあります。また、新たにファイルを作成する度に`@import`を追記し、逆に不要なファイルが出てきたら該当の`@import`を削除する必要がありますが、それらも頻繁にあると地味に面倒です...。これらの手間を「gulp-sass-glob」というプラグインを利用して、少しでも楽に…