[JS]単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリーのスクリプト -Gamma Gallery
単にウインドウのサイズに依存して縮小するのではなく、コンテナのサイズに応じてグリッドを最適化し、そのサイズに最適な画像を表示する画像ギャラリーを実装するスクリプトを紹介します。 Gamma Gallery: A Responsive Image Gallery Experiment デモページ Gamma Galleryのデモ Gamma Galleryの使い方 Gamma Galleryのデモ まずは、デスクトップで表示したデモからご紹介。 画像の配置にはMasonryを使用しており、高さが異なる画像を一定の隙間で配置します。また、無限スクロールにも対応しており、下部にスクロールするとローディングバーが表示されます。 デモページ：スマフォで表示 Gamma Galleryの使い方 Step 1: 外部ファイル Gamma Galleryのスクリプト自体はjQueryのプラグインではありま
デスクトップ通知｜jQuery x HTML5｜Ajax｜PHP & JavaScript Room
デスクトップ通知（Web Notifications）とは デスクトップ通知を表示する〔プレーンテキスト、HTML〕 Chromeのデスクトップ通知設定 指定したユーザーの最新ツイート3件をデスクトップ通知する〔プレーンテキストタイプ通知例〕 指定したHTMLページをデスクトップ通知する〔HTMLタイプの通知例〕 HTML5 DESKTOP NOTIFICATION〔デスクトップ通知を実装するjQueryプラグイン〕 DESKTOPIFY〔デスクトップ通知を実装するjQueryプラグイン〕 Firefoxでデスクトップ通知を有効にする方法 デスクトップ通知（Web Notifications）とは 2011/6/22 Web Notificationsは、Webページの外、つまりデスクトップ上にユーザーへ通知を行うことができるAPIです。 まだドラフト段階で仕様は確定していません。 201
MdN Design｜総合情報サイト
Webアプリ・リッチコンテンツ 3-01 Flashの現状とこれからの展望（前編） HTML5の台頭によりFlashへの風当たりの強さが目立っているが、本当にFlashはWebにとって必要のなくなった技術なのだろうか？ FlashとHTML、それぞれのメリット・デメリットを改めて見つめなおしてみよう。 制作・文／ハヤシユタカ（有限会社ムーニーワークス）、岩澤学（リトルフロア） Flashはなぜ避けられ はじめてきたのか 最近はFlashが敬遠され、Flashで作られたサイトが圧倒数で減ったのは疑いようのない事実だろう。 それは、優れたWebサイトを集めたブックマークサイトを見ると顕著に実感できる【01】【02】。 1 ～2年ほど前までは、それらに掲載されるサイトの9 割以上がFlashサイトだったが、現在は真逆といっていい状況だ。 また、Flashの魅力を大きく伝えた多田屋のサイトなど、一
jQueryで横スクロールのアニメーションするサイトを作る方法
「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる１つの方法を紹介しちゃいます！。 デモ スクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。 デモを見る 考え方 基本的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。 基本レイアウト HTMLとCSSは、下記のようになります。 <!DOCTYPE html> <html lan
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
