フリーのCSSエディタいろいろ:phpspot開発日誌
Free CSS Editors : lxpages.com blog Style sheets are a very powerful tool for the Web site developer. フリーのCSSエディタいろいろ。 海外圏にはいろいろとCSSエディタが存在するようですね。 CSS Tab Designer Balthisar Cascade CSS Editor CSS Stylesheet Editor EclipseStyle BHead - Meta Tags & CSS Generator Redbox13 CSS-editor StyleSpread <oXygen/> CSS Editor CSSEdit CSSED CSS Editor for Eclipse JustStyle CSS Editor Style Assistant 日本で最もシェアの多
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」:phpspot開発日誌
IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」 2007年04月23日- ExplorerCanvas Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. IEでJavaScriptのCanvasを利用するためのライブラリ「ExplorerCanvas」。 FirefoxやSafari, Opera9ではブラウザ上で図形を描画できる Canvas クラスが存在しますが、IE にはそれがありません。 その Canvas 機能を IE に追加するライブラリが公開されました。 Canvas 同様
MacOS XのSpotlightライクなAjax＆JavaScript検索機能を実装サンプル:phpspot開発日誌
Spotlight-Like Search As You Type With CSS, AJAX & JS Dustin Bachrach Blog OS X has a lot of great effects. These are great building blocks for creating effects for the web. OS X の Tiger についてくるインクリメンタル検索機能のSpotlight機能をWebでも実現するためのCSS&HTML&JavaScriptサンプル。 次のようなインクリメンタルな検索機能をあなたのサイトにも実装できます。 Spotlight 自体の ユーザインタフェースが既によく考えられて作られていて、優れているので、サイトにも実装するとユーザビリティが上がることは間違いなさそう。 prototype.js と scriptaculou
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カレンダーライブラリ集。 いろんなCSSとJavaScriptで実装されたサンプルライブラリが紹介されています。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Google Calendar into your Site JS Calendar The DHTML / JavaScript
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」:phpspot開発日誌
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(
スマートに動画を見せられるLightBoxのビデオ版「Videobox」:phpspot開発日誌
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm Videobox is a 6kb script, which shows your videos in the page with an overlay. スマートに動画を見せられるLightBoxのビデオ版「Videobox」。 画像サムネイルをクリックすると画像が拡大されるという仕組みのLightBox ですが、そのビデオ版がリリースされました。 サムネイルクリック後の拡大されたビデオをその場で再生できます。 ↓クリックすると… LightBox風に動画を表示できてます。 ビデオアルバムのＷＥＢアプリなんかを作るときに使えそうですね。 関連エントリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.
CSSを使ってカッコいい円形メニューを作る:phpspot開発日誌
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。ＣＳＳをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
JavaScript/Ajax＆CSSなツールチップライブラリ集:phpspot開発日誌
Kollermedia.at - The Website of the Freelancer Koller Jgen List of 25 Javascript/Ajax & CSS Tooltip Scripts List of 25 Javascript/Ajax and CSS Tooltips JavaScript/Ajax＆CSSなツールチップライブラリ集。 次のようにカーソルを合わせたときに説明を出すようなライブラリが沢山紹介。 Ajax Tooltip by dhtmlgoodies.com. [Example Page.] Ajax-Powered Help Balloons/Tooltips. Tool Tip Script by Cody Lindley. [Example Page.] jTip - a jQuery Tool Tip by Cody Lindley.
Prototype.jsベースのグラフィックス描画フレームワーク:phpspot開発日誌
Prototype Graphic Framework This open-source framework is developed for my new project NeoMeeting. Prototype.jsベースのグラフィックス描画フレームワークの紹介。 四角形、円形、多角形などを SVG/VML/Canvas の方式で描画することが出来ます。 コードは次のようにオブジェクト指向でシンプルに記述できます。(SVG描画の場合) // Create an SVG renderer var renderer = new SVGRenderer("whiteboard"); // Create a rectangle with some attributes like color and bounds var rect = new Graphic.Rectangle(rendere
MySQL5.1の「AWS S3」ストレージプラグイン:phpspot開発日誌
A MySQL Storage Engine for AWS S3 A MySQL 5.1 plugin storage engine for Amazon Web Service Simple Storage Service (AWS S3). MySQL5.1の「AWS S3」ストレージプラグイン。 MySQLのストレージエンジンとして、Amazon Web Service のストレージサービスであるAWS S3を使えるような感じです。 どういうものか検証していませんが、興味をそそられたのでメモ。 AWS S3 については以下を参照 Amazon S3 をバックアップストレージとして利用する 秋元@サイボウズラボ・プログラマー・ブログ: Amazon S3 ストレージサービス
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」:phpspot開発日誌
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 2007年04月10日- QrONE - crossdomain.js crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 次のように使えるそうです。 <script language="JavaScript" type="text/javascript"> <!-- crossdomain.open(); var _map; crossdomain.onload = function(){ crossdomain.request(http://api....com, function(flexE
フリーの超クールCSSグラフまとめ１０個:phpspot開発日誌
DHTML Site - Free CSS Graph Resources Generators Often in web-based applications, developers want to be able to display on the fly graphs. フリーのCSSグラフまとめ１０個が紹介されてました。 CSSでいろいろとできるものですね。 Ajax MGraph PlotKit CSS Javascript Bar Charts Vertical Bar Graphs with CSS and PHP CSS For Bar Graphs CSS Vertical Bar Graphs Displaying Percentages with CSS Dynamic Pie Chart with CSS Real World Bar Graphs (with so
JavaScriptやFirefox拡張開発等に使われるXULの開発環境「Spket IDE」:phpspot開発日誌
Spket IDE Spket IDE is powerful toolkit for JavaScript and XML development. JavaScriptやFirefox拡張等に使われるXULの開発環境「Spket IDE」。 Aptana に続き、Eclipseベースの JavaScript エディタが公開されました。 JavaScript、XUL以外にも、Laszlo、SVG、Yahoo! Widget のコード補完に対応しているようです。 JavaScript開発環境としては、Aptana もすごいですが、Firefox拡張の開発に使われるXULのコード補完は嬉しいですね。 関連エントリ JavaScript開発用IDE:Aptana
ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」:phpspot開発日誌
Sky CSS Tool ・ky CSSallows you to create CSS classes almost without using manuscript code. ブラウザ上で簡単にCSSを作成できる「Sky CSS Tool」。 このツールを使えば、CSSのプロパティを詳しく覚えていなくても簡単にCSSを組み立てることが出来ます。 CSSを少ししっていれば、スピーディかつ、直感的に分かりやすい方法でCSSを完成させられるでしょう。 使い方は、(1) 左のボックスから、編集したいCSSのセレクタ(body等)を選択します。 そして、(2) 右上のFontやTextをクリックして編集したいプロパティを選択します。すると、(3) 右下のウィンドウに設定ボックスが現れるので個別に設定していきます。 この流れでプロパティを設定していき、最後に右上の方にある「CSS Code」をク
Flashを使わない、JavaScript製メディアプレイヤー「JSMP」:phpspot開発日誌
JSMP PROJECT Flashを使わない、JavaScript製メディアプレイヤー「JSMP」。 JavaScript で動画を再生するサンプルが公開されています。 どうやっているかというと、内部的に jpeg 画像を高速に切り替えることで動画にしているようです。 プラグインが要らない、ということで使える部分があるかもしれませんね。
ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」:phpspot開発日誌
history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて
JavaScript関数に関する様々なテクニック集:phpspot開発日誌
Functional Javascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functional programming language is Javascript. JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
60のCSSまとめサイト集:phpspot開発日誌
フリーのアイコンいろいろ「Free Icons Web」:phpspot開発日誌
ウェブ上のウィザードでCSSを生成できる「Stylesheet Generator」:phpspot開発日誌