How to Mimic the iGoogle Interface demo iGoogle風のインターフェイスを実装にあたって、下記のポイントを実装してあります。 複数のウィジェットの実装。 ウィジェットの編集が可能。 ウィジェットは3カラムに配置され、ドラッグ＆ドロップで移動可能。 ウィジェットの色・タイトルの編集が可能。 ウィジェットには、HTML、テキスト、画像、フラッシュなどを配置可能。 サイトでは、画像ファイルを含む、スクリプトやHTMLファイル一式をダウンロードできます。
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
Fancybox Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. It is built using TypeScript for use with various modern application frameworks (React, Vue, etc) or simply with pure Javascript. It uses the Carousel component under the hood, and the Panzoom component is used to make the images interactive. Key Features Su
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MopSlider オート・マニュアルに対応したコンテンツスライダー。 MopBox スライド機能付きの移動可能なボックスを表示。
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
MopStudioから、パネルのスライダーやツールチップなど、省スペースに豊富な情報を掲載できる3つのスクリプトを紹介します。 MopStudio 紹介する３つのスクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 動作環境は、IE6, 7, Fx3, Op9, Safari3となっています。 各スクリプトのダウンロードや実装方法は、MopStudioの左下にあります。 パネルスライダー：MopSlider スクロールボックス：MopBox ツールチップ：MopTip パネルスライダー：MopSlider MopStudio デモは、ページ上部です。 横長のパネルを省スペースにスライダー付きで表示します。 右の回転矢印をクリックすると、表示方法を「マニュアル」と「オート」に変更できます。 スクロールボックス：MopBox
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BDC DrillDown Menu, an iPod-style menu iPod風のドリルダウンのナビゲーション。 Colum
This technique demonstrates an accessible 'Coda'-like slider interface, but in addition, allows you to place links to the sliding content anywhere on the page and have the effect (and navigation) still work. Read the article, and see the screencast this demonstration relates to SitesLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ デモにある4つの矩形の領域はリスト要素となっています。 オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更することが可能で、収縮させるのを矩形以外にして利用することも可能です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
