画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
jQuery初心者のためのチュートリアル20選 | Web活メモ帳
最近のwebサイトではデザイナーの方でもjavascriptを設置したりする作業が増えてきています。 jqueryプラグインの設置やカスタマイズ方法は覚えておいて損はないのででしょうか。「20 Best And Highly Useful jQuery Tutorials For Designers And Beginners」といエントリーのご紹介。 詳しくは以下 Photo Slider Tutorial フォトギャラリーを作成する方法 公式サイト Animated Drop Down Menu with jQuery ドロップダウンメニューの作り方 公式サイト How to Mimic the iGoogle Interface iGoogleのようなインタフェースの作り方 公式サイト Horizontal Accordion アコーディオンメニュー 公式サイト Creating a
Web活メモ帳 - オープンソースを使用した開発メモや、フリーウェアなどをご紹介 -
【Wix Code】クリックで要素の表示・非表示を切り替える方法 マウスでクリックをしていくだけで多機能な無料ホームページが作れるツール「Wix」の新機能「Wix Code」を複数回に分けてご紹介していきますね。 前回はデータベース連携の機能を紹介しましたが、今回はページ内の要素の表示・非表示をボタンクリックで切り替える方法に挑戦してみます。 また、それ以外にも公式サイトにあるデモをご紹介します。 Wix Codeは独自のJavaScriptを使いますが、サンプルコードもあるので すぐに導入が可能ですよ。 続きを読む
アイコンがふわっと拡大するjQuery – creamu
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
MJL ― MITSUE-LINKS JavaScript Library | 制作／開発 | ミツエーリンクス
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js
jQuery / JavaScript Zoom for Images - Magic Zoom
The elegant way to show high resolution, zoomed images Both Fortune 500 companies and small businesses choose Magic Zoom for it's rock-solid performance, good looks and ease of use. Coming with an affordable price tag, stellar support and regular updates, Magic Zoom has grown to be the most popular commercial JavaScript/jQuery image zoom on the internet. And we're not planning to lose that status
訪問者驚きの手めくり風、画像ギャラリー作成サンプル:phpspot開発日誌
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
湘北短期大学
総合ビジネス・情報学科（全6コース） ビジネスの最前線を実践的に学ぶ！ さまざまなビジネス分野で本当に役立つ資格を取得し、ビジネスの知識と技能を身につけます。 「就業力育成科目」と少人数指導の「ゼミナール」で、卒業まで学生一人ひとりを徹底的にサポートするなど、 就職に向けて付加価値の高い学習ができます。 目指せる職業 一般事務、販売・接客、ホテルスタッフ、SE、ゲームプログラマなど 生活プロデュース学科（全5コース） ビジネス社会で活躍する女性になる！ 自立し社会で活躍できる女性となるために、自分を磨く5つのコースが用意されています。 専門分野の知識と技能に加え、社会で役立つホスピタリティ、コミュニケーション力とビジネスマナーも身につきます。 目指せる職業 ファッションアドバイザー、クッキングスクールのスタッフ、インテリアコーディネーターなど
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
SWFAddress (DEV.CONVEXSTYLE.NET)
SWFAddress は SWFObject と共に使用し、Flash の各コンテンツの遷移に対して、パーマリンク提供してくれる便利クラス。 html に Javascript を読み込み、Flash に ActionScript クラス（バージョン 1,2,3 に対応）を設定することで、Flash 8 + からサポートされた External Interface class を使用して URL を変更することができる。これによってブラウザの Back、 Forward、Reload に対応し、ブックマークすることも可能。 これで Flash の欠点であったリロードごとの最初からのローディングを回避出来る様になります。Flash の Photography サイトとかだと好きな写真のページにダイレクトにいけたり、EC アプリの情報保持や、LocalSharedObject を応用した形で使
as flash as flex - Holy’s Play Ground - ブラウザの「戻る」「進む」ボタンと連動
Flexで標準で用いられている HistoryManager を前回紹介しましたが、AS2でも使える履歴管理セットを配布しているサイトがありました。 詳しくはこちら：ex animo » Blog Archive » StateManager JavaScriptとASクラスのセットになっていて、カンタンに組み込めます。 ページ内リンクを使用しているので使う側も判りやすくていいですね。 この StateManager をベースに作って見た サンプルはこちら ソースはこちら。 //StateManager を読み込めるように import する。 import com.exanimo.managers.StateManager; //StateManager にリスナーを登録して戻るボタン等の //ロケーション移動イベントを受け取る。 e.id で変更されたIDが取得できる。 var onS
[JS]グラデーションのように色が変化するナビゲーション
david walsh blogのエントリーから、マウスオーバーに合わせてグラデーションのように背景色が変化するナビゲーションを実装するスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" class="nav">Nav Item 1</a></li> <li><a href="#" class="nav">Nav Item 2</a></li> <li><a href="#" class="nav">Nav Item 3</a></li> <li><a href="#" class="nav">Nav Item 4</a></li> <li><a href="#" class="nav">Nav Item 5</a></li> </ul> </textarea>
ブラウザの戻るボタンで戻ったときに呼ばれるイベントとかキャッシュとかそこらへんのこと - koumiyaの日記
IEでは戻るボタンで戻ったときにonloadイベントが呼び出されるが、Firefoxでは呼び出されないなどブラウザによって動きが違うようです。 よくある二度押し防止対策として、送信ボタンをクリックしたときにボタンを無効(disable = false)にして次の画面に遷移させるということをやりますが、その後ブラウザの戻るボタンで戻られるとボタンが無効のままで操作できないままになってしまいます。 その対策として、画面を表示したときに無効を解除するという処理が考えられますが、IEではonloadイベントが呼ばれるがFFでは呼ばれないという上記の問題が発生します。 調べてみたところ、戻るボタンとonloadイベント - a geekで紹介されている方法で解決できるみたいです。IEではonloadを使い、FFではpageshowを使い、Safariではonloadとonunloadの合わせ技で戻る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
seofromusa.com
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
ロクナナワークショップ
Flashのパーマリンク問題をSWFAddressで解決 (Unknown Quality)