サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
2月10 レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 カテゴリ:javascriptiphone/ipadサイト Tweet レスポンシブデザインのサイトを作っていて、 ブレイクポイントの設定はcssのmedia-queryでやることが多いと思う。 でも動的な処理がからむ部分で変更があるときはjsでも切り替えを行う。 window.resize() とかで。 んで、今回、cssとjsで両方で同時に切り替わるようにしていたのだけれど、 どうやらwin端末だと切り替えのタイミングがズレることがわかった。css → 768pxで切り替えたい → @media screen and (max-width: 768px) → ちゃんと768pxで切りかわる js → 768pxで切り替えたい → if($(window).innerWidth() < 768){ → 78
Introduction Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQueryjavascript library.It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Demo Single images Image set These are pictures I took during a journey through India and Nepal. Features F
Lightboxのダウンロード こちらのLightboxホームページからダウンロードします。 現在のversionは、2.51です。 Jquery本体とプラグインの設置 ホームページを作成する際に以下のようなディレクトリ構成にすると便利だ。 homepage——index.html ————-——second.html ————-——third.html ————-——「img」 ————-——「js」 ————-——「css」 ————-——「jquery」——「lightbox」 ————————————「colorbox」 このように構成すると「lightbox」などのプラグインを設置する際、プラグイン用のcssファイルを読み替えたり、 プラグイン用のimageファイルの置き場所を変更したりする必要がほとんどない。HTMLファイルへの記載方法 基本的に「Lightb
What isit exactly? AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style byjust calling the animatescroll() function with the Id or Classname of the element where you want to scroll to. Basicusage: $('body').animatescroll(); Click for a DemoIt gives power to the user withits various options to customize the style of scrolling, scroll speed and many more
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
