jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」:phpspot開発日誌
jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」。 次のようなコードにより、簡単にjQueryモバイルのページを作れます。 <?php include 'lib/jqmPhp.php'; $j = new jqmPhp(); $j->addBasicPage('', 'Hello World', 'It's works!'); echo $j; ?> addBasicPageメソッドによって、jQueryモバイルでのページを簡単作成可能。 単にページの追加だけではなく、ボタンを追加したり、各種コントロールの追加がPHPで出来るところが特徴です。 以下、jqmPhpで作ったページデモ。実際に動作するデモページはこちら このスマートフ
jQuery Menus with Stunning Animations - noupe
jQuery is a great tool that helps our imagination turn ideas into reality. We can do almost everything we can think of with the help of this useful tool. Apart from being a lightweight cross-browser JavaScript library that simplifies HTML and Ajax interactions for rapid web development, it also gives sites that sleek look while also representing important data in a very attractive way. [fblike] Yo
[Javascript] Making an Apple-style Splash Screen - Appleのトップページのようなスプラッシュスクリーン制作のチュートリアル
[Javascript] Making an Apple-style Splash Screen – Appleのトップページのようなスプラッシュスクリーン制作のチュートリアル Pocket Tweet 最近になってAppleがトップページで実行するようになった、新製品を紹介するスプラッシュ画面（今はやってないみたいです）をJSを使って再現するというチュートリアル記事。最初に製品だけが表示されて、その後他のコンテンツがフェードインしてくるっていうアレです。言葉で説明しても分かりづらいですね。デモページを見ればだいたいどんなものか分かると思います。JSライブラリにはjQueryが使われているようです。サイトロード時に別のページを用意する事なく、自然な感じで大きく紹介したい場合に便利な表現。 Making an Apple-style Splash Screen
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」:phpspot開発日誌
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 2011年02月10日- TypeWriter 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 １文字１文字をスピードを指定してアニメーション表示させられるので、１つのエフェクトとして使えそうです。 アニメーション終了後のコールバック等も可能で、アニメーション後に次のアニメーションを開始したりといったことが可能。 １から実装すると微妙に大変そうな機能も、たった１行で実現することが可能です。 単に文字をメッセージとして表示するよりも、動きがある方がインパクトがありますので、伝えたいメッセージがある場合に導入してみてもよいかも。 関連エントリ サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「
jQuery Slider with Awesome Parallax Effect
<!-- Start WOWSlider.com BODY section --> <div id="wowslider-container1"> <div class="ws_images"><ul> <li><img src="data1/images/alnwick_castle__united_kingdom,_northumberland.jpg" alt="Alnwick Castle " title="Alnwick Castle " id="wows1_0"/> United Kingdom, Northumberland</li> <li><img src="data1/images/eilean_donan_castle,_kyle_of_lochalsh,_united_kingdom.jpg" alt="Eilean Donan Castle" title="Eil
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul>デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示させ
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」:phpspot開発日誌
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」 2010年12月06日- jQuery Apple Effect 最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。 最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。 最初に1枚の画像を表示 フェードインしながらナビゲーションを表示する こちらのデモで動きを確認 実装は1行。 $('#target').appleEffect(); オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。 ちょっとめんどくさそうなこの機
jQuery が IE でうごかねぇーーー、って思ったので、メモっとく。 - 雑想空間
jQuery・・・。 便利だけど、意外と IE でうごかねぇよ・・・。 option の最後に , を書いた場合。 例えばこんなとき $.ajax({ url: "〜〜〜〜", type: 'POST', dataType: 'xml', timeout: 10000, data: { "keyword": "test", }, error: function(){ alert('Error loading XML document'); }, success: function(xml){ hogehoge_success_flow; } });これ、IE でエラーがでる・・・。 原因は "keyword": "test",こいつです。 option を指定するとき、最後の１行には,を書いてはダメ。 firefox だと大丈夫だけどね。 $("＜a＞") みたいな感じで aタグのエレメン
CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
7 Awesome JQuery Photo Plugins for Developers | Blogger's Path
As a web developer I know it’s very good to use JQuery in web applications and websites. So when I saw JQuery in web sites, I also want to put the best JQuery Plugin in my applications like other developers do, but question arises that where to find beautiful and breathtaking JQuery Plugins, so I decided to search on Google, but you know friends it’s really time consuming to find JQuery Plugins an
ZURB - Home
Greetings, Earthling — We’re ZURB, a team of designers, researchers and nerds that help companies design better products, websites and services by using user data. Chart Your Course Our team of design veterans love building complex digital products and integrated services. We'll help you navigate and discover valuable insights that will unlock huge breakthroughs for your organization.
スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」:phpspot開発日誌
HTML5 Video Player | FryPlayer スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」 サイトはロシア語っぽく何を書いてあるかは全く分かりませんが、サンプルコードを見れば使えるはずです。 $('video').FryPlayer( options ); で <video>タグ部分をリッチにデコレーションすることが出来るようです。 幅、高さ、スキン、ボリュームのデフォルト値なんかをoptionsに渡せます 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」
jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード:phpspot開発日誌
Fluid Width YouTube Videos | CSS-Tricks jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード。 ビデオの幅を自由に調整できるので、幅が変わったとしても簡単にページレイアウトになじませられます。 jQueryベースのコードで簡単に対応できるようです。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム PHPからYouTubeのAPIを簡単に使えるServices_YouTube
creativefan.com - このウェブサイトは販売用です！ - creativefan リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
WEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」
WEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」 世界中で利用されている高機能なライブラリjQuery。様々なプラグインが日夜リリースされていますが、今日紹介するのは制作に便利なプラグインを集めたWEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」です。 Exposure Jquery Plugin ジャンルを問わず様々なプラグインが紹介されていますが、今日はその中でも便利だなと思ったプラグインをいくつか紹介したいと思います。 詳しくは以下 ■Flying / Floating boxes with easing and motion blur FLASHのような空間的な表現を
どんな写真も指定サイズにまとめてギャラリーにできるjQueryプラグイン「Image Scale Carousel」:phpspot開発日誌
どんな写真も指定サイズにまとめてギャラリーにできるjQueryプラグイン「Image Scale Carousel」 2010年08月18日- jQuery Image Scale Carousel どんな写真も指定サイズにまとめてギャラリーにできるjQueryプラグイン「Image Scale Carousel」。 画像というと、最初から規定サイズにまるめられているわけではなく、指定サイズの枠に表示するには部分的にカットしなければいけませんが、このプラグインを使えば配列形式で画像のURLを並べて特定のエレメントに適応してあげるだけで、そのエレメントのサイズに収まるギャラリーが作れます。例えば、200x200のdivがあった場合、$(div).isc( options ); のように初期化するだけで、そのdiv内でフルに動作するギャラリーを作れます。 URLを配列で渡すだけで簡単に実装でき
ソートが無駄にアニメーションしてカッコいいテーブル実装jQueryプラグイン:phpspot開発日誌
MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) ソートが無駄にアニメーションしてカッコいいテーブル実装jQueryプラグイン。 どこからどこに移動するというのが目視で確認できるので、無駄に、というのは言い過ぎかもで便利かもしれません。 テーブルの内容が、「ほげほげ(111)」のような文字を含む値であっても、正規表現で数値をマッチさせることでソートするなんて機能もあるみたいです。 比較テーブルなんかで使うと分かりやすい比較のUIが作れそうです。 関連エントリ jQueryベースの多機能グリッドテーブル「DataTables」 CSV形式のデータを簡単にテーブルに出来るjQueryプラグイン「csvtotable」 ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMe
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」
jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」 javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。 1. Galleria 今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■2. Galle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
