このサイトについて このサイトでは、通称Ajaxと呼ばれる技術を使用しています。その為、Javascriptを有効にしていないと動作しない箇所があります。 また、IE の場合は、ActiveX も有効にする必要があります。Opera では一部動作しない機能があります。Safari での動作は未確認です。御了承下さい。
ponpon-village.net
このサイトについて このサイトでは、通称Ajaxと呼ばれる技術を使用しています。その為、Javascriptを有効にしていないと動作しない箇所があります。 また、IE の場合は、ActiveX も有効にする必要があります。Opera では一部動作しない機能があります。Safari での動作は未確認です。御了承下さい。
MOONGIFT: » インラインで使えるWYSIWYGエディタ「NicEdit」:オープンソースを毎日紹介
※ 画像は公式サイトより。 テキストエリアを置き換えて使うWYSIWYGなHTMLエディタは数多い。ブラウザ上で様々な装飾が施せるとあって、Webサービスを作る際に良く利用しているが、ごてごてしている感があった。 また、いかにもと言う表示になってしまうのも気になっていた。見た目をそのままに編集できるWYSIWYGエディタがこれだ。 今回紹介するオープンソース・ソフトウェアはNicEdit、表示しながら編集できるWYSIWYGエディタだ。 NicEditはJavaScriptを使ってテキストエリアはもちろん、Div/Span/Pタグであっても編集可能にしてくれる。表示されたそのまま編集できるというのは面白い。 複数のテキストエリアを変更することや、Ajaxを使って保存することもできる。表示するツールの指定もできるので、簡易的な場合や画像やリンクまで埋め込める豪華な場合と使い分けられる。 見た
手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます（画面はHomeと書こうとしていますｗ）。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »
【レビュー】ドラッグ&ドロップで今風のWebサイトを作ろうぜ - Weeblyを使いこなす (1) Weebly事始め (MYCOMジャーナル)
ドラッグ&ドロップでWebサイトを作成できる「Weebly」 Ajaxを利用して、ブラウザからオンラインでWebサイトを作成できるというサービスはもはや目新しいものではなくなってきた。こういったサービスはいくつも提供されている。例えば、Wikiの編集部分をAjaxを利用したWYSIWYGコンポーネントに置き換えるものもあれば、テキストエディタとWikiの中間のようなスタイルをとっているものもある。また、ポータルサイトにおける一機能としてポートレットを組み合わせて構築できるようになっているものもある。 ここでは、そういったサービスの一つである「Weebly」に注目していく。Weeblyはドラッグ&ドロップでWebサイトを作成できるという、便利なサービスである(図1〜図4)。 図1 Weeblyの公式サイト 図2 Weeblyで作成したWebページの例(1) - テキストと画像を配置 図3 W
sidekiq - search anything quick
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌
WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」:phpspot開発日誌
Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌
Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
Ajaxの“彗星”とともに現われたチャットサービス“Lingr”を使ってみた
AJAXは洗剤の名前!? スパムメールの“スパム”が、もともとアメリカに古くからあるハムの缶詰の商品名をもじったものだと知らない人はいまどき少ないだろうが、最近話題の“Ajax”(エイジャックス：Asynchronous JavaScript and XML)が、アメリカで販売されている洗剤のブランド名をもじったものだと知らない人はいるのではないだろうか。 WikipediaでAjaxの項を引いて、もう少し“Ajax”という名前の元をたどると、それはギリシア神話に出てくる英雄の名前だったり、小惑星の名前だったり、はたまた16世紀末にイギリスで発明された水洗トイレのことだったりするようだが、ここでは、それはどうでもいい。 IT業界では昔から製品名やプロジェクト名を付けるときに、まず略称ありき、という遊びがよく行われる。たとえば東京工業大学の大規模分散スパコン、“TSUBAME(ツバメ)”とい
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
続々登場する「Ajaxデスクトップ」はWebを変えるか：ITpro
オープンソースとして配布されているAjaxデスクトップ eyeOS のログイン直後の画面。上部にアプリケーション・アイコンが見える [画像のクリックで拡大表示] AjaxでWebブラウザ上にデスクトップ環境を実現するアプリケーションが，まさに爆発的と形容できるほど立て続けに登場している。ほとんどが海外で開発されたものだが，日本語版が提供されたものも現れた。Ajaxデスクトップを持つSNSを開発した日本の企業も出てきている。またオープンソースとして配布されているものもある。 Web 2.0という言葉の発信者の一人，Tim O'Reilly氏による論文「What Is Web 2.0」は「The Web As Platform（プラットフォームとしてのWeb）」という第一章から始まる。 Webブラウザ上のデスクトップ環境は，この「プラットフォームとしてのWeb」をつきつめれば，必然的に辿り着く
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
