[JS]ダイナミックなアニメーションでレイアウトを変更するスクリプト -Isotope | コリス

2011/02/09 129 users Isotope コリス Demo jQuery セレクタ

Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。Isotopeの特徴レイアウト モード：CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。フィルタリング：jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。ソート：あらゆるデータからソートが行えます。各... 続きを読む

今日からCSS3アニメーションを使えるようになるチュートリアル | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2010/09/26 351 users カヤック KAYAC DESIGNER チュートリアル

CSS3のアニメーションってスゴい！ 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示さ... 続きを読む

404 Blog Not Found:perl & javascript - PNGにテキストを埋め込む

2010/09/04 81 users perl Demo usr input bin

$('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; m... 続きを読む

CSS のみで吹き出し - terkel.jp

2009/12/06 485 users terkel Demo div Weblog Body

hail2u.net – Weblog – Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="... 続きを読む

デザインの参考にもなるWordPressのテーマ30選 -2009年2月 | コリス

2009/02/03 327 users コリス Demo グリッドデザイン 細部 ナビゲーション

最近リリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選＋αです。 The Stars (demo) しっかりしたグリッドデザインを採用、打ち出しやパネルやナビゲーションがセ [...] 続きを読む

DEMO 2007にみる今年注目！のビジネスいろいろ | POP*POP

2007/01/31 66 users POP Apprentice Demo テクノロジー 登竜門

DEMO 2007にみる今年注目！のビジネスいろいろ February 1, 2007 8:03 AM written by 100SHIKI Apprentice さて、今年もDEMOの季節です。ベンチャー企業にとっての登竜門であるこのイベント、厳選された企業が最新の製品やサービスを披露してくれます。 これらのテクノロジーやビジネスモデルが日本に上陸する可能性も高いですね。今後新しいビジネスを考... 続きを読む

最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ

2006/07/17 93 users Sleipnir misc 萌ディタ WEBrick Demo

Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので... 続きを読む