タグ

jQueryと*Web制作に関するthaseのブックマーク (5)

  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。 jQuer

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
  • レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」:phpspot開発日誌

    Naver/Formstone/Ben Plum レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」。 ありきたりな次のようなメニュー。 ブラウザの幅を小さくすると次のようにデザインが変更されます。 クリックで開閉。 フラットデザインがなかなか良い感じですね アニメーション設定やイベントハンドラのカスタマイズも可能。 関連エントリ クールな円形ナビゲーションを作るチュートリアル レスポンシブでクールなナビゲーションを実現できる「Responsive Nav」 スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」 レスポンシブなナビゲーションの見やチュートリアル ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」

  • WordPressでGoogle AJAX APIからjQueryを読み込む | wembley

    WordPressにはjQueryがあらかじめ内蔵されており、関数によって簡単に呼び出せます。 参考:WordPressにおけるjQueryの仕様について ただ、読者はそのサイトが置かれているサーバまでいちいちjQueryやjQuery UIを読みに行かなくてはならず、ロード時間の増加に繋がってしまう、かもしれない。 そこで、Google AJAX Libraries APIのキャッシュを使えば場合によっては少し読み込み時間の短縮に繋がる、かもしれない。 ならばwp_enqueue_script( ‘jquery’ )による読み込みをGoogle APIに書き換えてしまおう、というちょっとした企みです。 Google AJAX Libraries APIとは? Googleによる説明 : AJAX Libraries API について メジャーなJavaScriptのライブラリ

    thase
    thase 2011/03/02
    速くなりました。WP-Slimbox2,WordpressPopularPosts
  • スクロールで順に画像読み込みLazy Load Plugin for jQuery

    Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut

  • [CSS]画像に美しい角丸とボックスシャドウを適用する方法

    img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ(Safari)のそれぞれにCSS3の角丸とボックスシャドウを適用すると、上記のように美しく表示されません。 それを下記のように美しく適用されるようにします。 角丸とボックスシャドウをこういう風にしたい 左:角丸と外側にシャドウ、右:角丸と内側にシャドウ CSS3で素直にスタイリング Firefoxでは角丸が適用されず、Safariではボックスシャドウが適用されません。

  • 1