【現役プロ厳選】Webデザインスクールおすすめ9選｜主婦・社会人でも学べる！ Webデザインを学びたいけど、どのスクールがいいのか分からない… スクール終了後のキャリアも不安 そんな悩み、ありませんか？ 特に未経験からスタートする方にとっては…
Result jQuery $(function() { zoom = $('.feature').css('background-size') zoom = parseFloat(zoom) / 100 size = zoom * $('.feature').width(); $(window).on('scroll', function() { fromTop = $(window).scrollTop(); newSize = size - (fromTop / 3); if (newSize > $('.feature').width()) { $('.feature').css({ '-webkit-background-size': newSize, '-moz-background-size': newSize, '-o-background-size': newSize,
wden.co.uk 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
lightgallery.js V1.0.0 Full featured javascript lightbox gallery, No dependencies. View on github Get a license Responsive lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. Modular lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is eas
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 transit.jsを併用してアニメーションコンテンツを実装するjQuery依存のスクリプト・Nanimatorのご紹介です。CSS3ベースなので使いどころは限られますけど覚えておいて損は無いかも。 テキストや画像を使ってアニメーションコンテンツを手軽に実装する為のスクリプト。jQueryを必要とします。使いどころはスマフォサイト等のみになりそうですが、素敵なエフェクトを手軽に作れるのは良いかも。 動作サンプルです。カスタムデータ属性でそれぞれの要素のアニメーションのタイミングを調整しています。 <h1 class="adjectives nanimate" data-time='300' data-direction="left" data-distance='2
jQueryでリストを一つずつ遅延して表示する リストじゃなくてもいいのですが、羅列されたリストなどを表示するときjQueryで一つずつ表示してみます。 投稿日2013年03月15日 更新日2019年04月13日 とりあえずhtmlでリストを作成します。 html <ul class="delay-show"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> ...... </ul> jQueryのコードはこんな感じです。 javascript $(function() { $('ul.delay-show li') .css({opacity: 0}) .each(function(i){ $(this).delay(500 * i).animate({opacity:1}, 1500); }); }); delay メソッドでタイミングを遅らせて実行
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
jQuery.flickable - Demo iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 スクロールしすぎると元に戻るスマホのスクロールをPCのブラウザで実現できます。 ドラッグ＆ドロップしてタッチ操作っぽくスクロールすることも可能で、素早く操作すればその分素早く移動したり、スマホでの動作そっくり。スマホでもそのまんま動くという優れもの スライダーっぽいものも作れて、iPhoneのホーム画面っぽいものも作れます 国産というところもいいですね。 これがOS標準で搭載されたらいいのにってぐらいによいライブラリでした。 関連エントリ スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 ページ内スクロールならコレにおまかせ！なjQueryプラグイン「Page Scroller」 使うときだ
Demo 3 BookBlockの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト、そしてスワイプイベント用に「jquery++」を外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquerypp.custom.js"></script> <script type="text/javascript" src="js/jquery.bookblock.js"></script> Step 2: HTML 各ページはdiv要素で実装し、それらをdiv要素で内包します。 <div id="b
Photofy | Photo Swap Shuffle Plugin for jQuery サムネイルがシャッフルされてクールなギャラリー実装「Photofy」。 写真が沢山並んでおり、一定時間ごとにシャッフルされる写真ギャラリーです。固定位置よりも何がでるかわからない楽しさが演出できます ほとんどのギャラリーが順番が決まっていますが、これはランダムに並べられ、そのアニメーション効果もクールです サムネイルクリックで写真を説明と共に拡大が可能 関連エントリ フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」 動画ギャラリー用WordPressプラグイン10個 フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル 洗練されたUIのギャラリーサイト「Ui Parade」
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 approach アニメーションを時間ではなく、距離でコントロールします。 JSTween 簡単な記述でエレメントをCSS3などを使
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 お休みですので軽い話題。もう いいだろってくらい出回ってい るコンテンツスライダーですが、 汎用性が高そうだったのでご 紹介。アコーディオンにも出来 るプラグインです。 ベーシックで汎用性がありそうです。IE7などのオールドブラウザにも対応できて、マウスホイールにも対応しています。 よく見かけるようなコンテンツスライダーを実装できる、というプラグイン。有料版と無料版があります。 マウスホイールで進めることも出来ます。 有料版と無料版の相違点も表になってますのでご確認下さい。 DLすると、枠のみのものを貰えるのでテキストと写真を入れればすぐに完成します。 コード <script type='text/javascript' src='http://ajax.googl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
