IEとFireFoxの表示を確認しながらCSSを編集できるエディタ: ある SE のつぶやきCSSVista IEとFireFoxの表示を確認しながらCSSを編集できる、とってもナイスなエディタが公開されています。 以下の画像のように、CSSを編集しながら、右側の上下でIEとFireFoxのプレビューが確認できます。 バージョンはまだ、v0.1ですが、これはいいですね。 尚、CSSVistaを使用するには、.NET Framework2.0が必要になります。
Notepad++ - 高機能なプログラム用テキストエディタ: ある SE のつぶやき
Winプログラマ御用達の高機能エディタ「Notepad++ 4.0」がリリース(MYCOMジャーナル) Ｎotepad++は、プログラマ向けの機能を重視したテキストエディタですが、今まで知りませんでしたが、これは便利ですね。 下記のスナップショットは、JavaScriptを表示したときのものですが、コードの折りたたみができるし、画面右側には関数一覧があります。 関数一覧の関数名をダブルクリックすると、該当の関数に一気にジャンプします。 他にも、マクロ機能などなど豊富な機能がある模様。 JavaScript用のテキストエディタとしても、今まで見た中で一番よさげです。 Notepad++ http://notepad-plus.sourceforge.net/uk/site.htm
【レポート】けっこうヤミツキな操作感覚 - Web上のボックスをクールに表示する"XRAY" | エンタープライズ | マイコミジャーナル
次期HTMLの標準規格として提案されるべく策定が進められている「HTML 5 Working Draft」だが、同規約にはWebアプリケーションの可能を引き上げる可能性を持った要素「The Canvas Element」が含まれている。The Canvas Element(以下、Canvas)はJavaScriptから直接2Dイメージを描画するための2Dビットマップサーフェス要素。もともとは「Web Applications 1.0 - Working Draft」において規定されてきた要素だが、HTML 5において検討されるようになったことから、将来的にHTML標準の要素になる可能性が出てきた。 Canvasを使うとFlashやJavaを使わなくともWebページにイメージ描画が実現できる。まだ標準仕様になっているわけではないが、すでにFlog.RayTracer Canvas、Color
お絵かきキャンバスを提供するJavaScriptライブラリ「InputDraw」:phpspot開発日誌
The simplest draw editor to your forms Next is a example of how to use it, how it works and what is the result. With this we hope you'll understand the entire picture.お絵かきキャンバスを提供するJavaScriptライブラリ「InputDraw」。 次のようにキャンバスの上にドラッグ＆ドロップでお絵かき機能を実装できます。 必要なJavaScriptライブラリを読み込んで、キャンバスの幅/高さ、背景画像を指定して初期化するだけ。 お絵かき結果はSVGで取得することが可能です。 この機能を使ってお絵かき掲示板的なものを作ったりできそうですね。
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
ブラウザだけでプロっぽい高度な写真加工ができる『pikifx』 | POP*POP
よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make
オンラインで写真を編集/共有するツール色々:phpspot開発日誌
90 Online Photography Tools and Resources Photos are everywhere on the web. From sharing with friends, to editing, printing, buying, selling, searching, remixing and free hosting, we’ve lined up a plethora of resources for photo fiends. オンラインで写真を編集するツール色々。 海外には写真編集や共有するサービスが沢山あるようです。 編集ツール Fauxto - PhotoShop風オンライン画像編集ツール XMG IMG - オンライン写真編集＆共有サービス OnlinePhotoTool - オンライン画像編集ツール MyImager SnipShot
編集・共有・検索！オンラインで写真を使いこなす ９０＋のサービス | G Mania - グーグルの便利な使い方
編集・共有・検索！オンラインで写真を使いこなす ９０＋のサービス 管理人 @ 6月 24日 10:14am Picasa, 検索Tips Mashable!にて「90+ Online Photography Tools and Resources」というエントリーでオンラインフォトツールや関連サービスが紹介されており、かなり使えるサービスがたくさんあったので、その日本語訳を紹介します。（一部日本で利用できないサービスもあります。） オンラインフォトエディター Fauxto ： Photoshopに似た先進的なインターフェースのオンラインフォトエディター。 XmgImg ： オンラインで画像を管理、編集、共有できる画像ホスティングサービス。 OnlinePhotoTool ： ネット上にある画像だけでなく、ハードディスクから取得した画像も編集できる。 MyImager ： 自分のPCから画像
WEB上で動作するJavaScriptで書かれたviエディタ:phpspot開発日誌
WEB上で動作するJavaScriptで書かれたviエディタ WEB上で動作するJavaScriptで書かれたviエディタ。 エディタフィールドにカーソルを合わせるとviエディタが起動します。 まさにviそのままの操作で文字列の編集が可能になります。 プログラマ向けのサイトなんかでこういう仕組みを採用すると受けがよさそうですね。 vi.css, vi.js のようにソースが分離されているようで、実装も簡単そうです。 ソースを解析するのも楽しそうですね。 ブラウザで動作するEmacsもあります。
JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP
ちょっと癖のあるデータ形式であるJSONですが、ブラウザ上で編集できるツールが出たようです。 ツリー状のナビゲーションが直観的で使いやすいです。ちょこちょこっといじるときに便利そうですね。簡単な使い方は以下からどうぞ。 ↑ まずはサンプルデータをロード。ご自分のJSONデータを貼り付けてもかまいません。 ↑ Build Treeをクリック。左側にデータ構造がツリー状に出てきます。 ↑ ツリーを展開して編集。終わったら「Save」。 ↑ 変更されたJSONデータを見るにはツリーのトップをクリック。データが変わっているのがわかります。 あとはこうして変更されたデータをご自身のプログラムで利用するだけです。データ構造が複雑になりすぎて変更が面倒・・・というときにご利用されてはいかがでしょうか。 JSON Editorは以下よりどうぞ。 » javascript json editor
フリーの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 日本で最もシェアの多
オンラインでサクサク画像編集可能な「Picnik」:phpspot開発日誌
Picnik - edit photos the easy way, online in your browser With Picnik you can quickly edit all your online photos from one place. It's the easiest way on the Web to fix underexposed photos, remove red-eye, or apply effects to your photos. オンラインでサクサク画像編集可能な「Picnik」。 画像の回転、切り抜き、リサイズ、明るさ調整、シャープ度調整、赤目補正などの画像編集がブラウザ上で行えます。 ＵＩはＦｌａｓｈによって実装されていますが、サクサク動いてかなり快適です。 関連エントリ ウェブ上で動作するPhotoShop風ツール「Fauxto」 オンライ
ブラウザ上で動作するソースコードエディタ『Edit Area』:phpspot開発日誌
Edit Area Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor). This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and syntax highlight (for small text).ブラウザ上で動作するソースコードエディタ『Edit Area』。 エディタ自体はJavaScriptによって実装されていて、編集対象の言語はPHP, CSS, JavaScript, Pythonに対応しています。 ブラウザ上でWYSIWYGにＨＴＭＬを編集でき
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
窓の杜 - 【NEWS】好きなテキストエディターでHTMLタグ入力補完を利用できる「HTMLAssistant」
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/jtageditor
フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P
無料で使えるAdobeCS3の代替ソフト - DesignWalker
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
無料で使える６つのインストール型画像編集ソフト - DesignWalker