A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
スライダーを極める為のテクニック集「25+ Awesome Slider Techniques」
現在WEBサイトで良く見かけるテクニックの一つスライダー。少ないスペースで様々なコンテンツを見せられるのが魅力ですが、今日はそんなスライダーのテクニックを集めたエントリー「25+ Awesome Slider Techniques」を紹介したいと思います。 Scrollable よく見るスライダーから、動きが特殊なものやインターフェイスが優れているもの様々なスライダーのテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■jQuery.ScrollTo 様々な方向にスライドさせる事ができるスライダー応用次第では面白いものが作れるかもしれません。 ■Slider Gallery Macライクなスライドショー。シンプルに綺麗に見せたいときは良いですね。切り抜き写真とは相性が良さそうです。 ■Sliding Boxes and Captio
[JS]jQueryのプラグイン33+1選 -2009年8月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simpl
かなりクオリティの高いスライドショーを作れる画像共有サービス「PhotoSnack」
これはなんともカッコイイ スライドショーを作れるサービス。自信のある写真を共有するためのアルバムとして使うのもありかも。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! クオリティの高いスライドショー作成サービス「PhotoSnack」「PhotoSnack」は、非常にクオリティが高く、クールなスライドショーを作成できる写真共有サービス。 スライドショーを６つのパターンから選ぶ事ができ、どれも見せ方が綺麗です。 「PhotoSnack」の主な特徴 ６種類のハイクオリティなスライドショーから選択可能 １スライドショー当たり250MBまで可能 画像の同時選択アップロードも便利サンプルスライドショー ↑なんとなくLightbox調なタイプのスライドショー。 ↑こちらはポラロイド風スライドショー。 ６種類
画像の埋め込みを拡大・縮小機能付でできる画像ストレージ「Share Photo!」ログイン不要
高解像度の画像をサイトへ埋め込むときに、Lightboxのようにクリックでポップアップさせるのも良いけど、大きさを変えずにズームした方が良いケースもあると思います。 そんなときに便利なのが「Share Photo!」 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 拡大・縮小機能付 画像ストレージサイト「Share Photo!」「Share Photo!」は、画像をアップすると、ズーム機能付の埋め込みタグを発行してくれる、画像ストレージサービス。 似たようなサービスに「Closr.it」や「画像にコメントも付けられるPhlook」があります。今回のサービスが優位な点は、ログイン不要で、画像に説明分を付けられるところです。 画像埋め込みサンプル↑画像ダウンロードが容易に出来るようになっているのも特
[FLA]サムネイル画像をグルグル回転させるフリーのフラッシュ素材
サムネイル画像をマウスに合わせてグルグル回転させる、オープンソースのフラッシュ素材をRoy Tanck's weblogから紹介します。 Photo widget, floating thumbnails for your website ※バナナ画像のリンクは//coliss.com、花は無し サムネイル画像の変更やリンクの設定にフラッシュの知識は必要無く、「photowidget.xml」のテキストを編集するだけです。 <textarea name="code" class="html" cols="60" rows="5"> <image href="//coliss.com/" target="_blank">banana.jpg</image> <image>test.jpg</image> </textarea>
![[FLA]サムネイル画像をグルグル回転させるフリーのフラッシュ素材](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]パネルをスライドするシンプルなカルーセルを実装するスクリプト -Infinite Carousel
[JS]省スペースに複数のパネルをスライド表示するチュートリアル
[JS]マウスホイールにも対応したパネルをスライドするカルーセルのスクリプト -horinaja
[JS]拡大縮小時のアニメーションの勢いがすごいLightbox風のスクリプト -Bumpbox
[JS]jQueryのプラグイン33+1選 -2009年4月 | コリス
[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch
[JS]パネルをくるっと反転させて切り替えるスクリプト
[JS]画像をスライドするシンプルなカルーセルスクリプト -jCarousel Lite
[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider
http://youmos.com/news/postcardviewer