MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
20 Useful Tools to Make Web Development More Efficient - WebFX
Home Blog Web Design 20 Useful Tools to Make Web Development More Efficient 20 Useful Tools to Make Web Development More Efficient President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided t
web制作者のための2008年1月BESTまとめ43＋暇つぶしゲーム2*ホームページを作る人のネタ帳
すっかり忘れていたまとめシリーズエントリ。 今年の1月のを集めています。時間のあるときにでも、拾い忘れているものがあれば拾っていってくださいませ。 過去のベストエントリは総合まとめページにて掲載中です。 （現在画像サーバーからの応答がなくなりました、もしかして飛んだ？）復旧しました。 ツール Allan Jardine | Design webデザインの確認ができるブックマークレット。 4つの機能がついていて、簡単にデザインの確認ができるということで話題を呼んでいましたね。 レビュー記事はこちらで。 HanovSolutions.com 特定の写真から、特定の領域を消し去るツール。 例えばいらないものが移ってしまった場合、その部分を黒く塗りつぶすと、周りの画像から自動的にその空間を予測し、作り上げてくれると言う代物。 すごすぎ！ FREE PDF Printer 印刷可能なソフトであれば、
Javascriptの便利ツール&チュートリアル25選『JAVASCRIPT TOOLBOX: 25+ Tools & Tutorials For JavaScript』 – creamu
DiaryTechnology Javascriptの便利ツール&チュートリアル25選『JAVASCRIPT TOOLBOX: 25+ Tools & Tutorials For JavaScript』 Javascriptをよく使っている。 そんなあなたにおすすめなのが、『JAVASCRIPT TOOLBOX: 25+ Tools & Tutorials For JavaScript』。Javascriptの便利ツール&チュートリアル25選だ。 以下にいくつかご紹介。 » ActiveWidgets.com Ajaxスタイルの機能を提供するコンポーネントライブラリ » Agile Partners Photo Resizing Tutorial インタラクティブな写真リサイズをするためのPrototypeとscript.aculo.usの使い方 » DevGuru Javasriptのす
MOONGIFT: » フォームを多機能化「wForms」:オープンソースを毎日紹介
※ スクリーンショットは全て公式サイトデモより。 最近はJavaScriptで入力チェックを行うサイトも増えてきた。もちろん、サーバサイドでのチェックを欠かすことはできないが、クライアントサイトでチェックできると、その場ですぐに入力訂正が促せるのでユーザビリティが高い。 各入力チェックはもちろん、入力フォームをさらに便利にしてくれるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはwForms、JavaScriptフォームライブラリだ。 wFormsではJavaScriptによる入力チェックをはじめとする各種ライブラリが提供される。入力の際にヒントを表示するもの、フォーカスが外れた時にその場でチェックを行うもの、ウィザード形式に入力を促すものもある。 また、複数回一気に入力する事ができるようにする動的フォーム等、便利なライブラリもある。各スクリプトは個別に分かれているので、必
MOONGIFT: » JavaScriptで高性能な入力チェッカー「fValidator」:オープンソースを毎日紹介
※ 画面は公式サイトのサンプルより Webサービスでは色々な情報を入力する。会員登録の類は良くあるものだろう。丹念に入力し、送信ボタンを押してしばらく待つと、入力エラーの文字列。これではやる気がなくなってしまう。 JavaScriptでチェックできれば、その場ですぐにエラー判定ができ、分かりやすい。しかし、入力するパターンは様々にある。必須チェック以外、たとえば入力パターン等に対応しようと思うと開発は大変だ。そこでこれの出番だ。 今回紹介するオープンソース・ソフトウェアはfValidator、入力チェックを行うJavaScriptライブラリだ。 fValidatorは必須チェックに加え、パターン入力にも対応させることができる。たとえば、YYYY/MM/DD等の入力のみを可能にする事で、Microsoft Accessの入力フォームのように入力形式を強制できる。メールアドレスやURLのような
alphafilter.jsライブラリがバージョンアップしました。
alphafilter.jsライブラリがバージョンアップしました。 IE6で透過pngを扱う為のライブラリalphafilter.jsのバージョンアップを行ったので報告しておきます。 今までalphafilter.jsはprototype.jsがなければ動かなかったのですが、これを単体で稼働するように修正しています。 これでjqueryユーザーの方もalphafilter.jsをご利用いただけます。 また、他のライブラリとの相性を良くする為に、objectの汚染についても取り除くよう対応しました。 現状報告いただいてる問題点は 透過するbox要素にpositionが設定されている場合、box内のa要素が動作しない。 backgroundのrepeatなどには対応してない ここらへんは、AlphaImageLoaderの仕様がそうなので、対応方法が思いつかないんですけど分かる人がいたら教えて
MOONGIFT: » JavaScriptでFlashを操作「Aflax」:オープンソースを毎日紹介
FlashはHTMLやJava、PHPなどと同じWebの技術ではあるが、デザイン的な要素も入れられることもあって、プログラマの領域とはちょっと違う雰囲気を持っている。 これが使いこなせれば、今までにないサービスの提供も考えられる。この技術を使ってFlash操作を習得しよう。 今回紹介するオープンソース・ソフトウェアはAflax、JavaScriptでFlashを操作できるソフトウェアだ。 Flash8ではExternalInterfaceを利用してJavaScriptと連携できるが、これをさらに進めてAction Scriptをライブラリ化し、JavaScriptから操作できるようにしたのがAflaxだ。 ビジュアル的なグラフを描いたり、絵を動かしたりといった操作も簡単にできる。それらはFlashを意識する事無く、JavaScriptのコードによって生成される。 多数のサンプルが同梱されて
あの人気のエクステンションに日本語版誕生!! - Firebug Japanese 1.05登場 | エンタープライズ | マイコミジャーナル
FirefoxでWebアプリケーション開発やデザイン作成などに活用できるエクステンションに「Firebug」がある。最新版は2007年4月24日(米国時間)に公開された1.05。その強力な機能と扱いやすいインタフェースには高い人気があり、WebブラウザとしてFirefoxを選択させる原動力にもなっているエクステンションだ。 今回、この人気のエクステンションに日本語版が用意された。 まず、日本語サイトが開設され、Firebugのプロジェクトサイトに「日本語版はこちら」というメニューが追加されている。 日本語化されたプロジェクトサイト また、エクステンションそのものも日本語化されている。日本語化されたプロジェクトサイトのエクステンションを導入すると、FirebugではなくFirebug Japaneseがインストールされる。実際に動作させてみると、メニューなどが日本語化されていることがわかるは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Tools bundle for Textmate | 456 Berea Street
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
DOMAssistant, the modular lightweight JavaScript library, with CSS selectors and AJAX
http://youmos.com/news/jsscrolling
CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos