MovableType用アニメーションエフェクトのプラグインMooT.fx:phpspot開発日誌
MooT.fx MooT.fx is a plugin for MovableType based on the Moo.fx javascript effects library by the Mad4milk team. The MooT.fx tags are designed to add user-interactivity and enhanced usability to your site. moo.fx を使うためのMovableType用プラグイン、MooT.fx。 mooT.fxを使って次のようなエフェクトをMovableTypeの機能として組み込むことが出来るようです。 MooT Accordian MooT Scroll MooT Height/Width MooT Text Resize MooT Opacity 関連エントリ Javascriptライブラリmo
CSSベースのクールなフォーム、サンプル集:phpspot開発日誌
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, CSSベースのクールなフォーム、サンプル集。 デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms Badboy Niceforms Functional Pretty Forms Form Layout Templates Fun with forms - customized input elements Scr
クールなタブＵＩを簡単に実現できるJavaScriptライブラリ「LivePipe」:phpspot開発日誌
Control.Tabs : Projects : LivePipe Control.Tabs is a javascript library for creating accessible, flexible & unobtrusive tabbed interfaces in your applications or pages. クールなタブＵＩを簡単に実現できるJavaScriptライブラリ「LivePipe」。 次のようなCSSベースのクールなタブＵＩを簡単に実現できます。 prototype.jsベースのライブラリとなっており、次のようなソースで動きます。 タブ部分のHTMLはulタグとdivタグを使っており、シンプルで分かりやすいですね。 <script> Event.observe(window,'load',function(){ $$('.tabs').each(fun
DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌
Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、 中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。 最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。 垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">
フリーのCSS＆JavaScriptカレンダースクリプトいろいろ:phpspot開発日誌
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS＆JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ＆ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
Diggで話題になった、おもしろフラッシュ ゲーム集:phpspot開発日誌
Flash Games Digg.com has featured many of the most addictive flash games that are out there. After playing them once and then trying to find them again I decided it would be nice to have them all in one easy to find place. Diggで話題になった、おもしろフラッシュ ゲーム集。 面白いFlashのゲームが沢山ありますが、遊んでみたものをいくつかピックアップ。 Board Dots - 白いマスをクリックして埋めていくパズルゲーム Reaction Effects - マルを回転させて連鎖させていくパズル Dice Wars - サイコロで戦略ゲーム Gun Master
Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」:phpspot開発日誌
Creating web sites for the Wii Opera browser Though it may be old news that Wiimote keycodes can be detected by JavaScript in the Wii Opera browser, I could not find a JavaScript library that facilitates handling these input events, so I created my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand
Javascript/Ajaxのチートシート集:phpspot開発日誌
Javascript/Ajax cheat sheets >> Scott Klarr Javascript/Ajaxのチートシート集。 JavaScript言語に関するチートシート、そして、jQuery、Prototype、YUI、Scriptacuolous等のライブラリ用チートシートも。 よく使うものは印刷して貼っておきたいですね。 関連エントリ Prototype.js 1.6.0 用チートシート
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集:phpspot開発日誌
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http
Photoshop用、美しい光のブラシ集:phpspot開発日誌
200 Photoshop Brushes for Light, Sparkles, Glows and Glitter | Vandelay Website Design Photoshop用、美しい光のブラシ集。 美しい光のブラシが色々とまとまっています。 Glow Brushes Glitter and Sparkle Brushes Sparklies Brushes Light Brush Set これは素晴らしいですね。 インスピレーションが沸いてきました。 関連エントリ クールなPhotoshop水彩ブラシ集＆テクスチャ ヒトに関するユニークなPhotoshopブラシ集 自然に関するPhotoshopブラシいろいろ
Ajaxローディング時に使える画像ジェネレーター色々:phpspot開発日誌
Ajaxローディング時に使える画像ジェネレーターが色々あったようなのでまとめてみました。 こうした細かいところも、他サイトと違うものを使って独自色を出したいという場合に、沢山あると選択肢が広がりますね。 Preloaders.net ちょっと変わったデザインから選んでジェネレート可能。 Ajax Loading デザインから、背景色、前景色を選んでジェネレートできる。 Loadinfo.net 多数のサンプルからクリックで好きなものを作れる。種類多いです Webscriptlab 500で見れなくなってるかも。 120+ Free Ajax Activity Indicator Gif Icons ジェネレーターではないけどサンプル多数 他にもあったら教えてもらえるとありがたいです。
画像ロールオーバー時にボーダーを表示してもレイアウトを崩さないCSSトリック:phpspot開発日誌
Image Rollover Borders That Do Not Change Layout 画像ロールオーバー時にボーダーを表示してもレイアウトを崩さないCSSトリック。 ロールオーバー時に、border指定すると、次のように、普通は崩れてしまいますが、それを崩さない方法。 ↓↓崩れてないサンプル↓↓ 画像の中にボーダーが引かれ、レイアウトに影響がない例 overflowとmarginを使ったテクニックでこれが可能みたいです。 地味だけど、知っておかないと詰まってしまいそうな必須のテクニックかもしれませんね。 関連エントリ 便利なＣＳＳテクニック３０選 CSSとdivを使った画像先読みテクニック ページ全体に枠線をつけるCSSテクニック サイズの大きい画像を背景にする際のCSSテクニック
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰でも簡単にWEBページをレイアウト＆作成できる「Synthasite」:phpspot開発日誌
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
Prototype.js 1.6.0 用チートシート:phpspot開発日誌