fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。
fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。
作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana
Camera Jacob Cummings Take a look Music Jacob Cummings Take a look Settings Jacob Cummings Take a look Safari Jacob Cummings Take a look Phone Jacob Cummings Take a look Game Center Jacob Cummings Take a look
fresherEditorはcontentEditableを使ったWYSIWYGエディタです。 オンラインでコンテンツを編集する際にはWYSIWYGエディタを使うことが多いように思います。色々なライブラリが存在しますが、今回はfresherEditorを紹介します。jQueryベースのエディタです。 デモです。テキストエリアの枠がないのが印象的です。 編集状態です。枠が出ています。 WYSIWYGなのでその場で反映されます。 画像の追加も行えます。 フォントの選択もできます。 fresherEditorではcontentEditableを使ってコンテンツを編集可能にしています。デザインについてはBootstrapを使っています。まさに見たままに編集できる、そんな感じのソフトウェアになっています。 fresherEditorはjQuery/JavaScript製のソフトウェア(ソースコードは
Jan 22, 2013 ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work
jQuery Mouse Over Animation Sample vertical + text vertion Sample 01 HOME ABOUT GALLERY LINK Sample 02 HOME ABOUT GALLERY LINK Sample 03 HOME ABOUT GALLERY LINK Sample 04 HOME ABOUT GALLERY LINK Sample 05 HOME ABOUT GALLERY LINK Sample 06 HOME ABOUT GALLERY LINK Sample 07 HOME ABOUT GALLERY LINK Sample 08 HOME ABOUT GALLERY LINK Sample 09 HOME ABOUT GALLERY LINK Sample 10 HOME ABOUT GALLERY LINK
Bootstrap Arrows. A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs. Download View on Github Usage: <span class='arrow'></span> or <span class='arrow-info' data-angle='90'></span> Colours: default, primary, info, success, warning, danger, inverse. Specify the angle of the arrow with the data-angle tag. The defa
Responsive & Touch-Friendly Audio Player | Codrops レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ。 次のような美しいインタフェースを持ち、レスポンシブでタッチ端末にも対応したオーディオプレイヤーのコードが公開されています。 これは知っておけば、使えそうですね。 既存のオーディオプレイヤーは沢山あれど、レスポンシブでタッチフレンドリっていうとカスタマイズ等が発生しそうですが、これを覚えていればサンプルをそのまま使えそうです。 関連エントリ シンプルデザインがいい感じのHTML5オーディオプレイヤー「audio.js」 オーディオ機器のボリュームを上げる風インタフェースを作るCSS3&jQueryサンプル
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方 「Demo 3」を例に、実装方法を簡単に紹介します。 外部ファイル 「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し:slide
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
Agenzia di Comunicazione Roma | Bake | Agenzia creativa, di marketing e di pubblicità con sede a Roma Motion Graphic: Fondartigianato rende chiare le opportunità formative Fondartigianato è il Fondo Interprofessionale per la Formazione Continua previsto dalla legge 388/2000, con la... VISUALIZZA IL LAVORO COMPLETO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く