https://b.hatena.ne.jp/SpeedcoreTokyo/JavaScript/ JavaScriptに関するSpeedcoreTokyoのはてなブックマーク (41) https://gigazine.net/news/20130121-data-design-d3js/ javascriptで具体的にゴニョゴニョするとビジュアル化できるのかぁ。この手のアプリって意外とないんですよね。 SpeedcoreTokyo 2013-01-21T05:58:03Z infographic javascript 412 <blockquote cite="https://gigazine.net/news/20130121-data-design-d3js/" title="データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20130121-data-design-d3js%2F" alt="" /> <a href="https://gigazine.net/news/20130121-data-design-d3js/">データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」</a></cite><p><a href="https://gigazine.net/news/20130121-data-design-d3js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dafd6bc7a5eb5c2351290e89b3766e77fdebba24/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2013%2F01%2F21%2Fdata-design-d3js%2Ftop.png" alt="データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」" title="データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」" class="entry-image" /></a></p><p>どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20130121-data-design-d3js/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20130121-data-design-d3js/" alt="はてなブックマーク - データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」" title="はてなブックマーク - データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20130121-data-design-d3js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kkotaro0111.hatenadiary.org/entry/20121215/1355540747 なんだか面白い試みそう SpeedcoreTokyo 2012-12-20T10:50:49Z JavaScript 57 <blockquote cite="https://kkotaro0111.hatenadiary.org/entry/20121215/1355540747" title="たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkkotaro0111.hatenadiary.org%2Fentry%2F20121215%2F1355540747" alt="" /> <a href="https://kkotaro0111.hatenadiary.org/entry/20121215/1355540747">たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS</a></cite><p><a href="https://kkotaro0111.hatenadiary.org/entry/20121215/1355540747"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0cf53eca31bb60f693db6db33ef3ddae93de71aa/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127188276126%2F17680117127188279260%2F1559888430" alt="たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS" title="たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS" class="entry-image" /></a></p><p>改行抜けば１行になるよ？ たった◯行のコードでひたすらアイドル水着画像をあつめる なんかそういうタイトルのエントリが（超局所的に）バズっているようなので調べてみた。 【PHP】たった10行のコードでひたすらアイドル水着画像をあつめる - utgym’s diary 【Ruby】たった3行のコードでひたすらアイドル水着画像をあつ...</p><p><a href="https://b.hatena.ne.jp/entry/s/kkotaro0111.hatenadiary.org/entry/20121215/1355540747"><img src="https://b.hatena.ne.jp/entry/image/https://kkotaro0111.hatenadiary.org/entry/20121215/1355540747" alt="はてなブックマーク - たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS" title="はてなブックマーク - たった1行のJSコードでひたすらアイドル水着画像をあつめる - UTAGEWORKS" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kkotaro0111.hatenadiary.org/entry/20121215/1355540747"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.ssnsk.com/hoka/outputLayersPhotoshop_03.html リンクしたレイヤーのみを順番に書き出す。 フレームのデザインが共通で中身が違うアイコンとか大量生産しなければいけない場合などに便利。 SpeedcoreTokyo 2012-12-13T05:16:59Z jsx photoshop JavaScript 8 <blockquote cite="http://www.ssnsk.com/hoka/outputLayersPhotoshop_03.html" title="[ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.ssnsk.com%2Fhoka%2FoutputLayersPhotoshop_03.html" alt="" /> <a href="http://www.ssnsk.com/hoka/outputLayersPhotoshop_03.html">[ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト</a></cite><p><a href="http://www.ssnsk.com/hoka/outputLayersPhotoshop_03.html"><img src="" alt="[ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト" title="[ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト" class="entry-image" /></a></p><p>実行する PSD ファイルと同名のフォルダを作成し、レイヤをレイヤ名と同じ名前で書き出す。 ファイルの上書きをする際も、確認ダイアログは一切出さない(有無も言わさず上書き)。 あと、同じ名前のレイヤが複数あった場合の動作は未確認 (多分、どちらかだけ保存される)。 なので、実行の際は、バックアップをとった方が...</p><p><a href="https://b.hatena.ne.jp/entry/www.ssnsk.com/hoka/outputLayersPhotoshop_03.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.ssnsk.com/hoka/outputLayersPhotoshop_03.html" alt="はてなブックマーク - [ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト" title="はてなブックマーク - [ほか] (Photoshopで) レイヤーごとにファイルに書き出すスクリプト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.ssnsk.com/hoka/outputLayersPhotoshop_03.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://liginc.co.jp/designer/archives/8981 HTMLでカーニングを試みています。精度の程はまだまだ？ですが、改良されていって良い感じになっていくのを応援します SpeedcoreTokyo 2012-10-29T07:36:41Z HTML javascript 261 <blockquote cite="https://liginc.co.jp/designer/archives/8981" title="HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fliginc.co.jp%2Fdesigner%2Farchives%2F8981" alt="" /> <a href="https://liginc.co.jp/designer/archives/8981">HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作</a></cite><p><a href="https://liginc.co.jp/designer/archives/8981"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5384cf4cf58e8277bc58becbb40a6cd691fa0385/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2012%2F10%2Fmmm.jpg" alt="HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作" title="HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作" class="entry-image" /></a></p><p>こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ※現在はアクセスできなくなっています。 ご存知のとおり、...</p><p><a href="https://b.hatena.ne.jp/entry/s/liginc.co.jp/designer/archives/8981"><img src="https://b.hatena.ne.jp/entry/image/https://liginc.co.jp/designer/archives/8981" alt="はてなブックマーク - HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作" title="はてなブックマーク - HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/liginc.co.jp/designer/archives/8981"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://alteredqualia.com/three/examples/webgl_terrain_dynamic.html 　JavaScript 3DレンダリングエンジンのThree.jsを使ったデモ。すごいな、JavaScriptだよ。 SpeedcoreTokyo 2012-06-27T02:51:36Z 3d javascript 45 <blockquote cite="https://alteredqualia.com/three/examples/webgl_terrain_dynamic.html" title="WebGL procedural terrain [three.js]"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Falteredqualia.com%2Fthree%2Fexamples%2Fwebgl_terrain_dynamic.html" alt="" /> <a href="https://alteredqualia.com/three/examples/webgl_terrain_dynamic.html">WebGL procedural terrain [three.js]</a></cite><p><a href="https://alteredqualia.com/three/examples/webgl_terrain_dynamic.html"><img src="" alt="WebGL procedural terrain [three.js]" title="WebGL procedural terrain [three.js]" class="entry-image" /></a></p><p>Dynamic procedural terrain by AlteredQualia birds by mirada from ro.me - textures by qubodup and davis123 - music by Kevin MacLeod three.js using 3d simplex noise</p><p><a href="https://b.hatena.ne.jp/entry/s/alteredqualia.com/three/examples/webgl_terrain_dynamic.html"><img src="https://b.hatena.ne.jp/entry/image/https://alteredqualia.com/three/examples/webgl_terrain_dynamic.html" alt="はてなブックマーク - WebGL procedural terrain [three.js]" title="はてなブックマーク - WebGL procedural terrain [three.js]" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/alteredqualia.com/three/examples/webgl_terrain_dynamic.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2012/06/13kbquojs.html 軽いことはいいことです SpeedcoreTokyo 2012-06-12T11:44:23Z JavaScript 603 <blockquote cite="https://phpspot.org/blog/archives/2012/06/13kbquojs.html" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F06%2F13kbquojs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html">スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="" alt="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" class="entry-image" /></a></p><p>QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/06/13kbquojs.html" alt="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2012/04/jssigmajs.html visualizationっぽい表現が出来るjsライブラリ SpeedcoreTokyo 2012-04-09T02:13:10Z javascript visualization 69 <blockquote cite="https://phpspot.org/blog/archives/2012/04/jssigmajs.html" title="ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F04%2Fjssigmajs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/04/jssigmajs.html">ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/04/jssigmajs.html"><img src="" alt="ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌" title="ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌" class="entry-image" /></a></p><p>sigma.js | a lightweight JavaScript graph drawing library ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」。 HTML5 canvasベースのスタンドアロンライブラリだそうです。マウスでドラッグしたりマウス位置に応じてインタラクティブに変化させることができます。 次のようにグラフィックが美麗で...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/04/jssigmajs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/04/jssigmajs.html" alt="はてなブックマーク - ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌" title="はてなブックマーク - ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/04/jssigmajs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.asial.co.jp/853/ jquery上で動くフレームワーク。良さげ。 SpeedcoreTokyo 2011-10-09T01:38:14Z JavaScript 799 <blockquote cite="https://blog.asial.co.jp/853/" title="jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.asial.co.jp%2F853%2F" alt="" /> <a href="https://blog.asial.co.jp/853/">jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる</a></cite><p><a href="https://blog.asial.co.jp/853/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/38a1423f4ed96e912b0cf96282efa20a7bb4d14b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.asial.co.jp%2Fogp-logo.jpg" alt="jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる" title="jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる" class="entry-image" /></a></p><p>久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、Knockou...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.asial.co.jp/853/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.asial.co.jp/853/" alt="はてなブックマーク - jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる" title="はてなブックマーク - jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.asial.co.jp/853/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://jsmario.com.ar/ Javascriptでスーパーマリオができます。 SpeedcoreTokyo 2009-05-08T07:19:58Z game javascript mario 655 <blockquote cite="http://jsmario.com.ar/" title="jsmario.com.ar"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjsmario.com.ar%2F" alt="" /> <a href="http://jsmario.com.ar/">jsmario.com.ar</a></cite><p><a href="http://jsmario.com.ar/"><img src="" alt="jsmario.com.ar" title="jsmario.com.ar" class="entry-image" /></a></p><p>This domain may be for sale!</p><p><a href="https://b.hatena.ne.jp/entry/jsmario.com.ar/"><img src="https://b.hatena.ne.jp/entry/image/http://jsmario.com.ar/" alt="はてなブックマーク - jsmario.com.ar" title="はてなブックマーク - jsmario.com.ar" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jsmario.com.ar/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.johnvey.com/projects/deliciousdirector/ AJAX をつかってdel.icio.usを検索するやつなのか？　del.icio.us IncSearchみたいなもの？ SpeedcoreTokyo 2008-03-25T08:25:10Z del.icio.us ajax tool javascript webservice Search 106 <blockquote cite="https://www.johnvey.com/projects/deliciousdirector/" title="del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.johnvey.com%2Fprojects%2Fdeliciousdirector%2F" alt="" /> <a href="https://www.johnvey.com/projects/deliciousdirector/">del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey</a></cite><p><a href="https://www.johnvey.com/projects/deliciousdirector/"><img src="" alt="del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey" title="del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey" class="entry-image" /></a></p><p>projects / del.icio.us direc.tor: Delivering An AJAX Web Service Broker June 20, 2005 What is it? del.icio.us direc.tor is a prototype for an alternative web-based rich UI for del.icio.us. It leverages the XML and XSL services of modern browsers to deliver a responsive interface for managing user...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.johnvey.com/projects/deliciousdirector/"><img src="https://b.hatena.ne.jp/entry/image/https://www.johnvey.com/projects/deliciousdirector/" alt="はてなブックマーク - del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey" title="はてなブックマーク - del.icio.us direc.tor: Delivering A High-Performance AJAX Web Service Broker :: Johnvey" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.johnvey.com/projects/deliciousdirector/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://smoothgallery.jondesign.net/showcase/gallery/ 画像やテキストなどをクロスフェード表示させる事のできるJavaScript SpeedcoreTokyo 2008-03-25T07:52:03Z photo image slideshow gallery tool javascript library webdesign 34 <blockquote cite="http://smoothgallery.jondesign.net/showcase/gallery/" title="JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsmoothgallery.jondesign.net%2Fshowcase%2Fgallery%2F" alt="" /> <a href="http://smoothgallery.jondesign.net/showcase/gallery/">JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery</a></cite><p><a href="http://smoothgallery.jondesign.net/showcase/gallery/"><img src="" alt="JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery" title="JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery" class="entry-image" /></a></p><p>Click here to enter</p><p><a href="https://b.hatena.ne.jp/entry/smoothgallery.jondesign.net/showcase/gallery/"><img src="https://b.hatena.ne.jp/entry/image/http://smoothgallery.jondesign.net/showcase/gallery/" alt="はてなブックマーク - JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery" title="はてなブックマーク - JonDesign&#39;s (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/smoothgallery.jondesign.net/showcase/gallery/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://takmas.blog72.fc2.com/blog-entry-399.html Litebox 1.0をFC2ブログで導入する方法。 SpeedcoreTokyo 2008-03-25T07:52:00Z javascript slideshow tool howto tips 4 <blockquote cite="http://takmas.blog72.fc2.com/blog-entry-399.html" title="StockWeb - FC2 BLOG パスワード認証"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftakmas.blog72.fc2.com%2Fblog-entry-399.html" alt="" /> <a href="http://takmas.blog72.fc2.com/blog-entry-399.html">StockWeb - FC2 BLOG パスワード認証</a></cite><p><a href="http://takmas.blog72.fc2.com/blog-entry-399.html"><img src="" alt="StockWeb - FC2 BLOG パスワード認証" title="StockWeb - FC2 BLOG パスワード認証" class="entry-image" /></a></p><p>ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 一時的にプライベートモードに設定しました。 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.</p><p><a href="https://b.hatena.ne.jp/entry/takmas.blog72.fc2.com/blog-entry-399.html"><img src="https://b.hatena.ne.jp/entry/image/http://takmas.blog72.fc2.com/blog-entry-399.html" alt="はてなブックマーク - StockWeb - FC2 BLOG パスワード認証" title="はてなブックマーク - StockWeb - FC2 BLOG パスワード認証" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/takmas.blog72.fc2.com/blog-entry-399.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://bridgeword.com/mt/archives2/2007/03/lightboxjs.html スライドショウっぽくしてくれるjavascriptのヤツ、色々な種類があるんだね SpeedcoreTokyo 2008-03-25T07:40:41Z javascript effect lightbox library Webdesign 575 <blockquote cite="https://bridgeword.com/mt/archives2/2007/03/lightboxjs.html" title="Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbridgeword.com%2Fmt%2Farchives2%2F2007%2F03%2Flightboxjs.html" alt="" /> <a href="https://bridgeword.com/mt/archives2/2007/03/lightboxjs.html">Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic</a></cite><p><a href="https://bridgeword.com/mt/archives2/2007/03/lightboxjs.html"><img src="" alt="Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic" title="Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic" class="entry-image" /></a></p><p>This shop will be powered by Are you the store owner? Log in here</p><p><a href="https://b.hatena.ne.jp/entry/s/bridgeword.com/mt/archives2/2007/03/lightboxjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://bridgeword.com/mt/archives2/2007/03/lightboxjs.html" alt="はてなブックマーク - Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic" title="はてなブックマーク - Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/bridgeword.com/mt/archives2/2007/03/lightboxjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://s202250659.onlinehome.us/galeria/ javascriptを使った画像ギャラリーのライブラリ。LightBoxとはまた違っていいかも SpeedcoreTokyo 2008-03-25T07:26:33Z javascript lightbox gallery 69 <blockquote cite="http://s202250659.onlinehome.us/galeria/" title="JavaScriptで画像ギャラリーを作ることができるライブラリ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fs202250659.onlinehome.us%2Fgaleria%2F" alt="" /> <a href="http://s202250659.onlinehome.us/galeria/">JavaScriptで画像ギャラリーを作ることができるライブラリ</a></cite><p><a href="http://s202250659.onlinehome.us/galeria/"><img src="" alt="JavaScriptで画像ギャラリーを作ることができるライブラリ" title="JavaScriptで画像ギャラリーを作ることができるライブラリ" class="entry-image" /></a></p><p>i&#39;m no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at ...</p><p><a href="https://b.hatena.ne.jp/entry/s202250659.onlinehome.us/galeria/"><img src="https://b.hatena.ne.jp/entry/image/http://s202250659.onlinehome.us/galeria/" alt="はてなブックマーク - JavaScriptで画像ギャラリーを作ることができるライブラリ" title="はてなブックマーク - JavaScriptで画像ギャラリーを作ることができるライブラリ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s202250659.onlinehome.us/galeria/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/ スライドショーをjavascriptでつくる"LightBox"的なアレ、30種類もあるんですね。 SpeedcoreTokyo 2008-03-25T07:25:56Z gallery javascript slideshow lightbox 51 <blockquote cite="https://www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/" title="30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.smashingmagazine.com%2F2007%2F05%2F30-best-solutions-for-image-galleries-slideshows-lightboxes%2F" alt="" /> <a href="https://www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/">30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine</a></cite><p><a href="https://www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/"><img src="" alt="30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine" title="30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine" class="entry-image" /></a></p><p>Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/"><img src="https://b.hatena.ne.jp/entry/image/https://www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/" alt="はてなブックマーク - 30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine" title="はてなブックマーク - 30 Scripts For Galleries, Slideshows and Lightboxes — Smashing Magazine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2007/05/30-best-solutions-for-image-galleries-slideshows-lightboxes/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/ 最近よくみかけるリンクにマウスオーバーすると別ウィンドウ的なのがビヨンっと出てくるしかけのまとめリンク SpeedcoreTokyo 2008-03-25T07:24:17Z webdesign ajax css javascript tips まとめ 419 <blockquote cite="https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/" title="Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.smashingmagazine.com%2F2015%2F01%2Fwhy-ajax-isnt-enough%2F" alt="" /> <a href="https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/">Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…</a></cite><p><a href="https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b6a5a4ad397ba635c54f3689b4f63bede9f48aa4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Farchive.smashing.media%2Fassets%2F344dbf88-fdf9-42bb-adb4-46f01eedd629%2F03320f60-086f-4315-b41b-db8d4d8468ca%2Fserver-update-1-illu-opt.png" alt="Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…" title="Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…" class="entry-image" /></a></p><p>AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating p...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/"><img src="https://b.hatena.ne.jp/entry/image/https://www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/" alt="はてなブックマーク - Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…" title="はてなブックマーク - Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2015/01/why-ajax-isnt-enough/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2007/06/ui.html 上下にばいん〜んと伸縮するMENUのライブラリ集　いつか使うかも… SpeedcoreTokyo 2008-03-25T07:22:17Z css javascript menu ui list まとめ 120 <blockquote cite="https://phpspot.org/blog/archives/2007/06/ui.html" title="伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F06%2Fui.html" alt="" /> <a href="https://phpspot.org/blog/archives/2007/06/ui.html">伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2007/06/ui.html"><img src="" alt="伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌" title="伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌" class="entry-image" /></a></p><p>10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordio...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/06/ui.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2007/06/ui.html" alt="はてなブックマーク - 伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌" title="はてなブックマーク - 伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/06/ui.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/ ブログパーツを作るときとかにつかえそうなものから、もっとすごいやつまで。javascriptやAJAXを使ったサンプル集まとめ SpeedcoreTokyo 2008-03-25T07:21:55Z ajax javascript webdesign まとめ 160 <blockquote cite="https://www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/" title="80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.smashingmagazine.com%2F2010%2F04%2Fseven-javascript-things-i-wish-i-knew-much-earlier-in-my-career%2F" alt="" /> <a href="https://www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/">80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine</a></cite><p><a href="https://www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/"><img src="" alt="80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine" title="80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine" class="entry-image" /></a></p><p>Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been wri...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/"><img src="https://b.hatena.ne.jp/entry/image/https://www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/" alt="はてなブックマーク - 80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine" title="はてなブックマーク - 80+ AJAX-Solutions For Professional Coding | Developer&#39;s Toolbox | Smashing Magazine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.smashingmagazine.com/2010/04/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2007/08/javascriptscrol_1.html リンクにマウスオーバーしたときに見た目が変化するあれのちょっと変わったやつ。 SpeedcoreTokyo 2008-03-25T07:16:32Z webdesign javascript link animation 278 <blockquote cite="https://phpspot.org/blog/archives/2007/08/javascriptscrol_1.html" title="リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F08%2Fjavascriptscrol_1.html" alt="" /> <a href="https://phpspot.org/blog/archives/2007/08/javascriptscrol_1.html">リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2007/08/javascriptscrol_1.html"><img src="" alt="リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌" title="リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌" class="entry-image" /></a></p><p>リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren&#39;t expectin g. リンクホバーを超カッコよくアニメーシ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/08/javascriptscrol_1.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2007/08/javascriptscrol_1.html" alt="はてなブックマーク - リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌" title="はてなブックマーク - リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/08/javascriptscrol_1.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://e0166.blog.fc2.com/blog-entry-318.html JavaScriptやFLASH、CSSを使ったイメージギャラリー用の仕掛けをあつめたリンク集 SpeedcoreTokyo 2008-03-25T07:04:21Z image gallery javascript css flash まとめ 435 <blockquote cite="https://e0166.blog.fc2.com/blog-entry-318.html" title="JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-318.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-318.html">JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-318.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5d8842626a996c297f017f21fe8347e26b044db5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-17.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200710221233.jpg" alt="JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳" title="JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳" class="entry-image" /></a></p><p>今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-318.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-318.html" alt="はてなブックマーク - JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳" title="はてなブックマーク - JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-318.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>