harada
jQuery CompareWYW プラグインで画像のbefore / after を分かりやすく表示する
2枚の写真を重ねて見せて、before / afterや、オリジナル / 加工後などを分かりやすく表示しているサイトがたまにありますね。 jQuery CompareWYW pluginは、あれを簡単に行えるプラグインで…CSSだけで括弧でくくっているようなボックスを作る
CSSだけで、括弧でくくっているようなボックスを作ります。表示サンプルはこちら。 CSS .box{ width:10em; padding:.5em 1.5em; position:relative; backgrou…ローカル環境で構築したWordPressのログインパスワードを忘れたときの対処法
どうしても思い出せず、パスワードを忘れた場合のメールも送れずお手上げかと思いましたが、検索したら簡単にパスワードをリセットするということがわかりました。 以下手順です。 phpMyAdminでWordpressに利用した…Font Awesomeの標準設定されているスタイルを利用する
AipoサイトではFont Awesomeの前のバージョン 3.2.1 を利用しています。 ですがアイコンを単体で利用してばかりで、Examplesの利用方法に最近気が付きましたので特に使えそうだと思ったものを書き留めて…BootstrapでLightbox風表示を実現する「Bootstrap Lightbox」の簡単な使い方
BootstrapでLightbox風の表示を実現するには「Bootstrap Lightbox」というプラグインを利用するのが便利です。ですがこちらのプラグインの表示方法は、既存のLightboxに触れていたり、複数の…ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法（Javascript編）
ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法 こちらの記事ではCSSでの回避方法がかかれていました。以下のように指定することでも回避できるようです。ですがちょっとリンク後にページを更新した場合の挙動が…Sass（SCSS）のmixinを利用して角丸指定を楽にする
Sassを利用してcssを記述する場合あらかじめ下記のようにmixinを設定しておくと、後で指定が楽になります。 @mixin border-radius($radius) { -webkit-border-radius…