脱jQuery .height() .width() .offset() .scrollTop() | q-Az
大きさ関係の jQuery のネイティブ書き換えの紹介です。 詳しくは 脱jQuery その1 をご覧ください。 height、width 関連だけでもそれなりに色んな種類があるので整理しつつ行きます。height()、width() に関してはこのページでは「設定」のみ扱います。取得する場合は色々ややこしい話があるので、次回の記事で詳しく場合を分けて説明します。 .height()（高さ設定） $("#main").height(50)書き換え JavaScriptdocument.getElementById("main").style.height = "50px".css() と考え方は同じです。「高さ」を設定するので style を使います。JavaScript の方は "50px" と「px」の単位が入っていることに気をつけます。jQuery の方はあっても無くても自動でやって
多くの画像を扱うサイト向け！後から画像を読み込む方法+WordPress対応 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おはこんばんにちは、ハルです。 自分の個人ブログサイトなどでも、多くの画像を使ったサイトを公開したい！ という方がいるかと思います。そうすると、初回読み込みが遅くなってしまいますよね。 そんな時に、Wordpressなどでも使える方法でページ読み込み後に画像を読み込む方法を紹介します。 ポイント WordPressプラグインもあるが、今後カスタマイズも行えるように作る。 記事内の画像をHTMLドキュメントの読み込み・解析完了後に行いたい。 使用するライブラリ 今回は、こちらの、layzr.jsというライブラリを使って、処理をしていきたいと思います。 Github: https://github.com/callmecavs/layzr.js 準備 ダウンロード https://github.com/callmecavs/layzr.js#download Githubにダウンロードリンクが
input[type="date"]がサポートされてない時だけjQuery UIのプラグインを使うようにしたい。 - かもメモ
HTML5のフォームパーツがたくさん増えて便利なのですが、割りとよく使いたくなるinput[type="date"]、Firefoxなどカレンダーで選択できる機能が実装されてないプラウザもまだまだ多い印象があります。単純にinput[type="text"]にしてjQueryUIのdatepicker使っちゃうのが一番楽な気がしています。 ただ、レスポンシブとかにするならスマートフォンのキーボードの関係もあってinput[type="date"]を使いたいってケースも多いです。 そこで今回は、input[type="date"]でフォームを作成して、input[type="date"]をサポートしていないブラウザの時だけjQueryUIのdatepickerを使うようにするメモです。 modernizr.jsを使う modernizr.jsはJavaScriptのライブラリです。 閲覧者の
![input[type="date"]がサポートされてない時だけjQuery UIのプラグインを使うようにしたい。 - かもメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c9c3d8269c7f1cea26f415408037cbfda12323f/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa9dee7a0f25826f7229489fef211d5679dab08e3%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkikiki-kiki%252F20150928%252F20150928175206.png)
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
