もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
HTMLソースを隠す方法
株式会社プランセスの全面協力の元、HTML暗号化ソフト「SHTML」を2005年7月11日にリリースしました。 Javascriptの知識が全くない方でも利用可能なように設計されています。最短ステップの場合、暗号化したいソースを貼り付けて、「暗号化する」ボタンをクリックするだけです!! 右クリック禁止+ソースの暗号化＋印刷禁止+テキスト選択禁止・・・が今までにないほど簡単に!! （サンプル）： オリジナル： 株式会社プランセスのメインページ 暗号化したページ： こちら * 画像保護機能を体感してもらうために、敢えて右クリック禁止機能を解除したページ （右クリックして画像を保存しようとしても無色のダミー画像しか保存できません。） HTMLソースを他人に見られたくない。HTMLソースについて、「他人（人間）には意味不明もしくは無意味な文字列でありながらブラウザにはしっかりと解釈してもらいたい」
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Download Free Responsive Website Templates | StyleShout
We Craft Simple & Modern Free Responsive Website Templates. We offer a collection of modern and minimal website templates that can help you create simple and eye-catching websites quickly and easily. And best of all, they're completely free! Maillard Maillard is a free restaurant website template that is perfect for any modern restaurant, cafe, or patisserie. It is simple, elegant, and easy to use
Firefox 3ではじめる拡張機能開発 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQueryの便利なプラグイン10選 – creamu
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキーを簡単にセット、削除できる ・lightbox for jQuery jQuery用のlightbox ・jQuery Corner Plugin jQueryで角丸を作成 ・jTip クールなツールチッププラグイン ・LavaLamp CSSメニューにスムーズなスライドエフェクトを追加 ・Superfish jQueryのアニメーションを使っ
具体例で説明するデザインパターン - てっく煮ブログ
JavaScriptデザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃないだろうか。そこで、JavaScript やその周辺の技術で、デザインパターンがどのように使われているかを紹介してみることにする。ここでは、GoF本の順番に沿って、以下の11個のパターンを取り上げる。生成に関するパターン Factory MethodAbstract FactoryBuilderPrototypeSingleton構造に関するパターン AdapterComposite振る舞いに関するパターン Chain Of Respon
武器ジェネレータ
入力した名前によって曲線具合が変化しますので、一人一人異なるオリジナルの武器となります。 武器の強さが1〜100で表示されますが、25が平均的な強さです。 自分の武器を「武器バトル」に参加させることができます。 武器バトル ご自由にリンクして頂いて構いません。 番組や雑誌などでのご紹介は、管理人に無許可でご自由に紹介して頂いて構いません。 画面のスクリーンショットなどは、ブログなどにご自由に載せて頂いて構いません。 トラブルに関する一切の責任は負いません。
ソフトウェアの紹介
ソフトウェアの紹介 本サイトでは、今のところ、自作のソフトウェアを ご紹介させて頂いています。 エントリー： Apsaly テキストエディタ MikoScript 言語 各種ソフトウェア Epsaly テキストエディタ
希望の街J_TOWN
flashのオンラインゲームやタイピングゲームの作り方などBBSとタイピングゲーム作成講座の 質問掲示板はアクセス不可にしてます。 変な投稿が増えすぎてるので。 何らかの対処法ができしだい新しくします。 このまままた一年更新しないかもしれませんが ・・・。 管理人のお勧めサイト #1オンラインゲームセンター 1stオンラインゲームセンター 一休システム E-GAME サイトの説明と更新履歴 管理人の自己紹介 自作オンラインゲーム、メインコンテンツ 自作ゲームDIABLOの世界、いろいろあります タイピングゲーム作成講座(flash,javascript) 自作CGIのページ。CGIのダウンロードなど 自動顔文字作成ソフトなど顔文字のページ FLASHで作ってみたチャット 掲示板、話題は結構フリー HP素材、使えないのばかり（苦笑） リンク集、管理人厳選のお勧めサイト ネットでお得情報
ブログ文字拡大ツールα版
『このブログサービス使っているんだけど、文字のサイズが小さすぎて見づらいのよね』 『文字のサイズが小さいから、目がチラチラするって言われたわ』 そんな経験をお持ちの方にお勧めなツールです。 このページの右上についている「文字拡大ツール」の機能があなたのブログでも利用可能になります！ さらに、 面倒な手続きは一切無し。 無料で使用可能。 です。 2006年3月16日：javascript版にて、Cookieを利用して、文字を拡大した設定が維持されるよう設定しました。 設置方法は、コチラをご覧下さい。 ブログに貼り付けるHTMLは以下のテキストボックスの中身です。 <div style="text-align:center; padding-bottom:4px; border:1px solid gray; margin:3px; background-
JavaScriptとCSSを使ったクールなメッセージBOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptとCSSを使ったクールなメッセージBOXのデモ。 ライブラリはscriptaculousを使用。 スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。 デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。 WEBデザイン時のちょ
sta la sta - たった1行のJavaScriptコードでInternet Explorerをクラッシュさせる方法
注意！ IEを使用中の方は、リンク先の記事内にクラッシュコードのあるサンプルページへのリンクがあるので、クリックしないようにくれぐれもお気をつけ下さい！ 「you can find the code here」の「here」にあります。クラッシュをテストしたい方は別ですが。 http://www.modernlifeisrubbish.co.uk/how-to-crash-internet-explorer.asp 普段、ネットサーフィンでIEを使用している方にとっては、あまり嬉しくない話だろう。 こちらの記事の方がIEとFireFoxの両方で動作するJavaScriptコードを書く仕事をしている最中に、偶然にも、IEをクラッシュさせるコードを見つけてしまったそうな。 そのコードは複雑怪奇なものではなく、以下のようなたった1行のコードのようだ。 記事内に、上記コードを仕組んだサンプルページ
マウスで引いた線が生き物になる「Manifest」
JavaAppletでできており、線を引く速度や長さ、描く図形に応じていろいろな生き物が生成されます。生み出された生き物はプランクトンみたいにふよふよと漂っているものや、ビクンビクンと動き回るモノまでいろいろです。 遊び方は以下の通り。 実際に動かすには下記ページへ。 manifestOnline Built with Processing 素早く線を引いたり、ゆっくり線を引いたり、長くしたり短くしたり、ささっと描いてみたり、三角形や四角形などなどを描いてみると、次々と謎の生き物に変換されます。 描いた生き物を一掃するにはスペースキーを押します。また、「p」を押すと停止モードになり、「d」キーを押すと開発者モードに突入します。 短い線を素早くさささっと作り出すと、ミジンコみたいなのがいっぱい生産できて面白いことに。また、巨大な生物を作ると描画キャンバスの中で大暴れしてくれます。まっすぐ線を
JavaScriptを最速で実行できるブラウザはどれ？
Internet Explorer 6 (SP2)、Firefox 1.5、Firefox 1.5 (セーフモード)、Opera 9.0の4種類のブラウザでJavaScriptの実行速度を調査したところ、またしても意外な結果となりました。 結果のグラフは以下の通り。 Celtic Kane Online - Javascript Speed Tests こうなりました。 平均時間を算出すると、このようになります。単位はミリセカンドです。 Firefox 1.5：1974 Internet Explorer 6 (SP2)：1622 Firefox 1.5 (Safe mode)：1752 Opera 9.0：442 つまり、Operaが最速、と。大体、3.5倍ぐらい早く実行できるようです。Web2.0の特徴であるAJAXを多用したサイトを閲覧する場合、Operaの方が体感速度はよい、という
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows 暗号化とかフリーソフトとか
小説HTMLの小人さん
はてなブログ | 無料ブログを作成しよう
