Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials. Articles 10 Useful Web Tools and Links - From The Knowledge Academy. CSS + Javascript Calendars - 10 Free Css and Javascript Calendars. Image Galleries - List of Image Galleries and Slideshows. CSS Graph Resources - Free CSS Graph generators and resources. Icons - A list of free 16x16 pixel icons
前回書いた「Javascriptによる大規模開発の覚え書き」が凄いことになってました。 今回は、省略した「5.高速化せよ」について書きます。 僕にとってjavascriptは非常に高速な言語です。それは何が高速か 開発速度が高速である 開発速度、及びそこに至るまでの修得速度はとても高速です。動的言語を上手く操る開発者はもちろん、開発に不慣れな(言葉が悪いけど)新人達でさえ「動く」モノをサクっと作ってしまえる。 また、プラットフォーム(? というかブラウザ)が広く普及しているので、ググればスグに問題解決もできる。 それにローカルで簡単に作れる。javascript、それは動作環境を含めて高速です。 高速にUI操作ができる(UI操作が非常に簡単である) swingとかでUI操作をするには多くのオブジェクト操作をしなければならないけど、javascript(もといDHTML)は非常に簡単に
ソート可能なブロックを作成するにはSortable.create()を使います。Sortable.create()は以下の書式になります。 Sortable.create(ID名, オプション) ID名はソートするブロック(タグ)が含まれる親オブジェクト(親タグ)になります。オプションは、どのタグがソートの対象になるかなどを指定します。以下のサンプルでは番号付きリストの要素をドラッグしてソートすることができます。(サンプルを実行する) <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>ソートする</title> <link rel="stylesheet" href="main.css" type="text/css" media="all"> <script ty
XHTML版スライドとは CSSとJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示(他はdisplay:none)。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基本的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSS、JavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの
HTML Slidyのプレゼン資料 色々まとめ とある事情からプレゼン資料を作ることに。 パワーポイントやkeynoteなどの色々なプレゼンアイテムがありますけど、以前から使ってみたかったHTML Slidyにしようと考えてます。 そこで、参考にネットでいろいろなプレゼン資料を探してきました(HTML Slidy以外も)。 XHTML+CSS (r)evolution XHTML+CSS (r)evolution, 2nd CSS Nite Vol.7: Web制作現場の対立を解消する! XHTML+CSSガイドライン作り by 益子 貴寛さん(サイバーガーデン) 優雅なWeb制作のためのテクニック CMSを通じて学ぶMovable Type実践技法 by 中村 恭介さん JavaScript の現在と未来 - Developer Summit 2007 CSS + JavaScript
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
2007/09/15 に行われたイベント「出張 Shibuya.JS 24」での amachang の発表資料です。次世代ブラウザの新機能を一気にお見せします。10 年。 世界が JavaScript の真の実力を発見するのに要した時間である。 1995 年、Netscape 社の Brendan Eich により開発・設計された JavaScript は、「世界で最も誤解されたプログラミング言語」などと呼ばれもした、 ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「Web の旧来的なインタラクションの窮屈さを革命したい」という思いによって、ふたたび表舞台に招来された。 JavaScript は、Web の「あちら側」と「こちら側」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 10 年を自らの手で創り出すために、我々は Shibu
皆さんは、「Ext」というJavaScriptフレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体で
履歴照会画面で残額しか表示されないのでいくらかかったのか計算しなくてはいけない… 計算させた。 追記:ついでだから総額も表示するようにした どう考えても使い過ぎ>< // ==UserScript== // @name PASMO Table Extension // @namespace http://k12u.org/gm/pasmo/ // @description PASMO Table Extension to display each charge // @include https://www.pasmo-mypage.jp/CardStatusWebForm.aspx // ==/UserScript== (function () { var sum = 0; var tbody = document.getElementsByTagName('tbody')[9]; va
« 腹減った? | メイン | JavaScript - dojoのScriptSrcIOで動的クロスドメインJSON読み込み » 2006年07月07日 ■ JavaScript - JSONでデータを受信する方法2種類 [Programming&Electronics][Technology] JSONを受信するサンプルを作った。 ・del.icio.usのJSON-APIからshokaiのブックマーク一覧を読み込み ・サーバに置いたdel.icio.usのJSONファイルからブックマーク一覧を読み込み ・サーバに置いたGPSデータから位置情報のリストを読み込み やっと理解できた。 JSONは、JavaScriptObjectNotationの略で、JavaScriptのオブジェクトをテキストデータで表記するためのフォーマット。JSONテキストをJavaScriptでeval()す
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
See related links to what you are looking for.
写真地図ブラウザで写真をどう表示するか。なかなか難しい。そこでとりあえずlightbox.jsという写真表示のjavascsript libraryを使ってみた。 特徴は 表示方法がカッコ良い。 実装方法もカッコ良い。しっかりしている。 表示方法が工夫されているので、画像データのロード時間が気にならない。 というか、急いで見たい気が薄れる。 さらに写真セットとすると、プリロードしてくれて、2枚目以降が表示が速い。 ホームページはLightBox2 by Lokesh Dhakar。 1.必要なもののダウンロード LightBox2の ダウンロードページよりlightbox2.03.3.zipをダウンロード/解凍。 ちなみに、scriptaculousのフルパッケージは script.aculo.us/downloads よりダウンロード可。 2.画像ファイルの場所の指定 lightbox.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く