Chrome でユーザースタイルシートを設定する方法 | monopocket.jp

2013/06/05 22 users Chrome ユーザスタイルシート Stylebot CSS

最近ユーザースタイルシートというものの存在を知ったので、この記事にて紹介する。 ユーザースタイルシートを利用すると、ユーザ独自の CSS を自分の管理外のサイトにも適用できる。 今回は Chrome 拡張の Stylebot を用いてユーザスタイルシートを設定する。Stylebot はユーザスタイルシートの管理をしてくれる拡張機能である。 Stylebot のインストール https://chro... 続きを読む

CSS で float した要素の高さが 0 になる問題の解決法 ( clearfix ) | monopocket.jp

2013/05/30 153 users clearfix clear float CSS バック

Web サイトのレイアウトをする際に CSS で float する場面は頻繁にあると思うが、このときに面倒なのが、float した要素の高さが 0 になってしまうということである。 この問題を解決するための方法として、clearfixというハックがある。 これは、高さを指定したい要素の後に無理矢理コンテンツを突っ込んで、そのコンテンツを非表示にする事で高さ指定させる方法である。 以下に clear... 続きを読む

Web サイトの動くチュートリアルを簡単に実装する方法 （ intro.js ） | monopocket.jp

2013/05/27 47 users チュート MIT Intro.js チュートリアル ライセンス

この記事では、 Web サイトの動くチュートリアルを簡単に実装する方法を紹介する。 実際に導入したチュートリアルページは monopocket.jp のチュートリアル にて。 この動くチュートリアルは Intro.js という JavaScript ライブラリを用いることで簡単に実装することができる。MIT ライセンスなので、比較的自由に使えるのも嬉しいポイント。 Intro.js で動くチュート... 続きを読む

サイトのデザイン変更が反映されない時の対策 | monopocket.jp

2013/05/23 10 users CSS イジ Firefox 対策 ブラ

HTML、CSSなどをイジっていて、デザイン変更したのに反映されない時がある。 サイトの情報がブラウザ（Google Chrome, Internet Explorer, Firefoxなど）にキャッシュされている時に、この現象が起こる。なぜブラウザがこのようなことするかというと、何度も同じサイトを閲覧するユーザーが毎回サイトの全ての情報を読み込むには時間がかかって非効率であるため、あらかじめブラ... 続きを読む