ギャラリーSPACEKIDS スペースキッズ from 1999 sept./東京・南青山 ギャラリーSPACEKIDS は、地下鉄「青山一丁目」駅から徒歩数分の、コンパクトなギャラリーです。 東京都港区南青山 2−7−9/ TEL 03-3423-2092 mail: spacekids@pc.nifty.jp
単にウインドウのサイズに依存して縮小するのではなく、コンテナのサイズに応じてグリッドを最適化し、そのサイズに最適な画像を表示する画像ギャラリーを実装するスクリプトを紹介します。 Gamma Gallery: A Responsive Image Gallery Experiment デモページ Gamma Galleryのデモ Gamma Galleryの使い方 Gamma Galleryのデモ まずは、デスクトップで表示したデモからご紹介。 画像の配置にはMasonryを使用しており、高さが異なる画像を一定の隙間で配置します。また、無限スクロールにも対応しており、下部にスクロールするとローディングバーが表示されます。 デモページ:スマフォで表示 Gamma Galleryの使い方 Step 1: 外部ファイル Gamma Galleryのスクリプト自体はjQueryのプラグインではありま
以前、レンガ風に要素を配列するレイ アウトを凄くよく見かけるようになり、 それから一種のブームのように様々な リソースが出回りました。最近はあま り見かけなかったのですが、Pinterest の登場で、また似たようなレイアウト のリソースが出てきている印象です。 Pinterestのように時系列を崩さず、ボックスを配置するスクリプトにjquery masonryっていうプラグインがあるのですが、同じようなプラグインでWookmark-jQueryというのを昨日見かけましたので、空いた時間になんとなくPinterestっぽいレイアウトを作ってみる事にしてみました。 Sample ソース調べるほど真面目な記事でもないので見た目を勘に頼って似せただけ。 ※あくまで「っぽい」です。 Sample コード<script src="js/jquery-1.7.1.min.js"></script> <
通常時は画像が配置されたパネルで、ホバー時には元画像に重ねて、半透明のアニメーションで情報を見せる「Dribbble」風のエフェクトを実装するスタイルシートを紹介します。 本家よりこっちの方がかっこいいかも。 Using CSS3 Animations to Build a Sleek Box UI [ad#ad-2] デモ 実装 デモ デモではCSS3に対応したブラウザ、Firefox4+, Chrome, Safari, Opera, IE9+でご覧ください。 ホバー時 実装 HTML パネルはdiv要素で実装し、画像やホバー時のコンテンツを内包します。 <div id="container"> <div class="boxxy"> <a href="http://dribbble.com/shots/489532-Banking-App" target="_blank" class
世界中のデザイナーの感性をあなたに。 ニューヨーク、パリ、イタリア、ロンドン、日本… クークロワッサンは国内外を問わず、様々なデザイナーのジュエリーや雑貨など、 幅広く取り扱うセレクトショップです。 デザインはもちろん、身に付けた時のバランスや使い心地など、 あらゆる点でこだわりを感じるもの、 ここでしか出合えない特別なアイテムなどを皆様にご紹介いたします。
うちでも使っていた Lightbox JS v2.0 の軽量版の Litebox は moo.fx ベースでしたが、moo.fx とおなじ Valerio Proietti 氏が作者(現在はたくさんの方が開発に加わっています)の MooTools という javascript フレームワークがベースになった Slimbox を発見しました。 Slimbox, the ultimate lightweight Lightbox clone - digitalia.be このライブラリは MIT ライセンスのフリーウェアで、 MooTools 1.2 向けは 2009/05/14 時点での最新バージョンは1.7。(1.11向けは1.5) Slimbox 自体のファイルサイズは約4KB。 MooTools とあわせても約16KB(圧縮が最高の時)と軽量になってます。 対応ブラウザは Firefo
404 means the file is not found. If you have already uploaded the file then the name may be misspelled or it is in a different folder. Other Possible Causes You may get a 404 error for images because you have Hot Link Protection turned on and the domain is not on the list of authorized domains. If you go to your temporary url (http://ip/~username/) and get this error, there maybe a problem with th
#2 Branding (Rating Runeta) — #1 Usblt&UI-dsgn (Ruward) — #1 Digital CrtvStrat (Ruward) — #3 Dsgn Studios (Tagline) — #17 Web Studios (Rating Runeta) — #10 Web&Mobile prod (Adindex) — Больше 20 лет в CreativePeople мы создаем дизайн и делаем это круто. Digital experience — это акцент на знаниях, которые мы накопили. Понимаем, как эмоции в digital становятся впечатлениями, а рациональный результат
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く