アドボン・ネット -adbon.net-

JavaScript と HTML5 の <canvas>タグを使って、簡単に折れ線グラフが描ける方法が、このサイトに掲載されていました。

HTML5.JP

今、急速にクラウド環境が広がっています。

グーグルからも chrome OS 搭載のパソコンが出てきます。

ブラウザにPCアプリなみの機能が要求される場面が増えてきますので、HTML5の技術やAjax(JavaScript)の技術は必須になると予想されます。

すごい勉強になるサイトです。

参考になったら、ランキングにご協力ください。m(_ _)m

Ajaxで日本地図のパズルを作りました。

ドラッグ＆ドロップで県パネルを当てはめていくゲームです。

Ajaxを利用しているので、iPhoneやiPadでも利用できます。

県の位置を学習するだけでなく、県にまつわる雑学も学習できます。

参考になりました？

JavaScriptで、ドラッグ＆ドロップして、ドロップ先に触れたら吸着するスクリプトを作りました。

全部ドラッグ完了したら、「ドラッグ完了」というメッセージが表示されます。

カスタマイズ次第では、いろいろ使えます。利用したい方は下記よりダウンロードしてください。

また、これを応用して作ったのが「日本地図のパズル」です。

参考になりました？

ドラッグ＆ドロップで配置を変更できるフォトギャラリーです。フォトギャラリーだけでなく、写真を掲載するようなサイトの制作にご利用ください。

以下が仕様です。

■仕様
（１）photo.csvに記述されてあるデータを基に、画像とタイトルを一覧表示する。
（２）ドラッグ＆ドロップで配置変更できる
（３）「配置を保存」ボタンクリックで、変更した配置を photo.csv に保存できる。

■注意事項
このスクリプトは個人、商用とも利用可能です。ただし、ページ下部にある「PRリンク」は削除しないようお願いします。商用利用などでどうしても見せたくない場合などは<noscript>タグで括るなどして非表示にしてください。

参考になりました？

Word感覚で入力できるリッチテキストエリアが簡単にできるスクリプトを紹介します。

wysiwyg っていうスクリプトです。通常のテキストエリアとの違いをサンプルで表示します。

使いたい方は以下からダウンロードしてください。

参考になりました？

Webの<select>タグは選ぶだけで入力ができない。

ウィンドウライクなコンボボックスがほしいと思った人は多いと思います。

そこで、JavaScriptでウィンドウライクなコンボボックスをつくりました。

参考になりました？