CSS

はてなブログの公式テーマ Wideboard を2カラムにする CSS

はてなブログの公式テーマである Wideboard が好みだったのですが,1カラムでサイドバーがページ下部に表示されてしまう部分が不満でした. はてなブログは,デザイン設定の「デザインCSS」で CSS を記述することが出来るため,Wideboard を2カラムに変更す…

iOS8.1のSafariで$(window).height()を使うときの注意点

表示領域を取得するときにお馴染みの $(window).height(); をiPhoneのSafariで考えなしに使うと痛い目を見るのでメモとして残しておく。 環境 iPhone 5s(iOS8.1) jQuery 1.11.1 注意すべきところ iPhoneのSafariが他のブラウザと比べて特徴的なのがURLバー…

ParallaxScrollを作りました

最近、Parallax Effect(視差効果)を取り入れたサイトを一つ作ることになりまして、その際に、jQueryを利用したスクリプトを一つ書いたのでご紹介しようと思います。 Parallax Effect(視差効果)とは 詳しくは調べていただくとして、Parallax Effectを取り入れ…

擬似要素とjQuery -クリックイベント編-

またまたWeb系の雑記になります。 とは言っても今回は、やりたかったことが出来なかったというお話し。 擬似要素 CSSには、擬似クラス・擬似要素というものが存在します。有名な擬似要素は :before :after の2つ。:afterはclear fixに用いられることで有名で…