LOOP — Contact us.
We’re using cookies and third-party cookies to provide you with the best possible service. Click here, to decline. By continuing to use this website, you consent with our privacy statement. These cookies are necessary for our website to function and cannot be disabled in our systems. Generally, these cookies are set only in response to actions you take that correspond to a service request, such as
mu4log.com/blog/free-hp-soft/ - Сервис регистрации доменов и хостинга *.RU-TLD.RU
домен mu4log.com зарегистрирован через сервис регистрации доменов и хостинга *.ru-tld.ru
レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWebデザイン制作にjQuery Masonryプラグインを利用するための重要なポイントについて詳しく解説します。 サンプル（リンクは２項） 手前味噌ですが、jQuery MasonryによるレスポンシブWebデザインの記事は他にも多く存在する中、実用レベルまで踏み込んでいるのはおそらくこのエントリーだけだと思います。 なお、jQuery Masonryプラグインの基本的な設定方法については割愛してますので、上記のエントリーを参照してください。 １．はじめに このエントリーでは「NHKスタジオパーク」のサイトを参考に、次の内容について解説します。 NHKスタジオパーク まず、カラムレイアウト全体をセンタリングさせるためのCSSの設定について紹介します。 ま
jQueryで作るanimateを使ったドロップダウンメニュー — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
グローバルメニューでよく使われるドロップダウンメニューですが、 jQueryのanimateを使って動きに装飾を加えます。 HTMLソース <ul id="mainNav"> <li><a href="">Adobe</a> <ul class="subNav"> <li><a href="#">Photoshop</a></li> <li><a href="#">Illustrator</a> <ul class="subNav"> <li><a href="#">Pentool</a></li> <li><a href="#">Peje</a></li> </ul> </li> </ul> </li> <li><a href="">Macromedia</a> <ul class="subNav"> <li><a href="#">Dreamweaber</a></li> <li><a
jQueryプラグイン『PageSlide』サンプルページ｜ウェビメモ
jQueryプラグイン『PageSlide』のサンプルページです。 まずはヘッダーにあるボタンをクリックして、メニューが出現する動きをお試しください♪ それでは、本題が終わったところでせっかくのスペースなので 最近私がハマっているゾンビカフェというiPhoneアプリのご紹介でもしましょうｗ お時間のある方はついでに読んでいってください :) これホント面白いんですけど、基本はカフェやバーを作るアプリと変わりません。 好みのインテリアで装飾をして、レシピを覚えて、 経営をしていきます。 では、何がゾンビなのかというと 従業員がシェフ（自分）以外ゾンビなのですｗ ゴハンを食べ終わったお客さんを感染させてゾンビにし、 従業員として雇います。 さらに近隣の店舗をゾンビたちに襲わせ、 レシピやお金を奪い取ることもできますｗ おもしろいよ！ ゾンビカフェ 1.2.1（無料） カテゴリ: ゲーム, ファ
jQuery 簡単かつ高性能なスライダー【bxslider】の設置 – Divスライド系の中では一番のオススメです。
$(function(){ $('#slider1').bxSlider({ auto:true, speed:1000, pause:500 }); }); <div id="slider1"> <div><img src="images/new1.jpg"></div> <div><img src="images/new2.jpg"></div> <div><img src="images/new3.jpg"></div> </div> $(function(){ $('#slider2').bxSlider({ auto:true, speed:1000, mode: 'fade', captions: true }); }); <div id="slider2"> <div><img src="images/new1.jpg" title="captions"></div> <di
スライダーのプラグイン・bxSliderを実装する | FSFIELD Labs
JavaScript スライダーのプラグイン・bxSliderを実装する スライダーのプラグイン・bxSliderの実装方法を紹介します。 bxSliderは、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるカルーセルタイプのスライダーです。 カルーセルとはメリーゴーランドのことで、スライドをしていくと一周して元のスライドに戻ることからきています。 格納するファイル jquery.js jquery.easing.js jquery.bxSlider.js 記述の仕方 head要素の記述 <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.easing.js"></script> <script type="t
5 jQuery Drag And Drop Plugins For Mobile
5 jQuery Drag And Drop Plugins For Mobile Jonh Sep 28, 2012 0 Comment Today we would like to share 5 great jquery drag and drop for mobile. 1. jquery-ui-touch-punch Touch Punch works by using simulated events to map touch events to their mouse event analogs. Simply include the script on your page and your touch events will be turned into their corresponding mouse events to which jQuery UI will res
数値のカウントアップアニメーション - jsdo.it - Share JavaScript, HTML5 and CSS
よくある数値をアニメーションでカウントアップするjQueryプラグインを書いてみました。 けっこう簡単に書けた。 ただし、大きいendVaなのlにplusValが小さいと処理が追いつかなくなります。 endValが大きい時はplusValも大きめにしておいた方が吉。 $(function(){ /*-------------------------------------------------------------------------------------- jQueryプラグイン：数値をアニメーションでカウントアップ $(foo).countUpAnimate({ startVal: 0【数値の初期値】, endVal: 100【数値の最終値】, plusVal: 1 【数値を一度に上げる数】, spped: 1000【最終値まで上げるのにかける秒数】 }); --------
MdN Design｜総合情報サイト
インタラクション＆エフェクト 3-08 回転しながら出現するページトップボタン スクロールが止まったら回転アニメーションとともに現れるページトップボタン。タイマーを使ったタイミングのコントロールと、CSS3での要素回転がポイントだ。 制作・文／高橋としゆき（Graphic Arts Unit） BROWSER IE…7over Firefox…10over Safari…4over Chrome…10over 01 最初にページトップのボタンに使う画像を用意する。 今回は半円状のボタンにした。画像形式は背景透過pngとしておこ【1-1】。 これをページの右に配置し、回転して表示、非表示を切り替えていく。 【1-1】半円状のページトップボタン。この画像を回転で画面の内外へ出し入れすることで表示、非表示を切り替える。 02 今回のサンプルではいくつかのjQueryプラグインを利用する。まずは事
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Carousels De-mystified Ever since releasing v4.0, which introduced responsive behavior, the carousel mode (displaying / moving multiple slides) has been the most misunderstood, troublesome aspect of the slider. Proper use of the settings required a secret knowledge of the underlying codebase, and did not allow for intuitive configuration. Plainly put - the carousel config was poopy. No longer! In
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://it-pocket.com/slide-auto
Mixd
scroll test
Chart.js
ふわふわしてるコンテンツ | かえラボBlog