これは便利だ！Excel→Table化するjQueryプラグイン
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
"透過PNGをIE6で表示"の決定版？「IE PNG Fix 2.0 Alpha 2」 - Web技術Input&Output
例えばCSSclip（http://www.cssclip.com/）で紹介されているような先進的なWebデザインでよく使われているのがPNG画像。特徴として、画像内に透明度の情報を含むことが可能ですので、うまく使えば透明感あるWebデザインを作れます。 ただ、今もなお相当なブラウザシェアを誇る（？）InternetExplorer6（以下IE6）ではPNGの透明度情報をサポートしていないため、Web制作者は色々と悩まされてきました（「IE6 PNG」で検索すると悩みの痕跡が分かるはず？）。 しかし！ 2008年7月、そんな問題に終止符を打つかもしれないライブラリが登場していました。 IE PNG Fix 2という名前だそうです。 IE6 透過PNG表示、IE PNG Fix 2登場| エンタープライズ | マイコミジャーナル IE6でも、透明度情報を含んだPNG画像をきちんと表示出来るだ
JavaScript でテトリスみたいなゲームを作ろう！ - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1～3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0
javascript - のみでQRCode! # thanx, google! : 404 Blog Not Found
2008年07月05日02:30 カテゴリLightweight Languages javascript - のみでQRCode! # thanx, google! [を] Google Chart API で QRコードも生成してくれるようになった新たに QRコードを生成してくれるオプションができました。 - QR codes (Developer's Guide - Google Chart API) http://code.google.com/apis/chart/#qrcodes ほう、それはめでたい。 「QRコードブログ」とかが手軽にできそうです。 というわけで、手軽につくってみた。 Demo: Size: Text: Encoding: ラク過ぎですなあ。むしろ漢字まじりの場合、Shift_JISにしないとケータイで読む時文字化けするというのが一番引っかかったところだったり
Image tools for your website : Magic Toolbox
Magic Zoom PlusEnjoy every detail in your imagesWith an extraordinary full-screen zoom, mobile refinements and responsive design, it's the only zoom you'll ever need. Learn more Buy now Magic ScrollDraw customers inVisitors can view your carousel on any device: iPad, iPhone, Android devices or computer. Learn more Buy now Magic 360So luxurious you want to touch itChoose from 360 degree spins (left
jQueryで「エラー: jQuery.dequeue is not a function」が出た場合の回避策 – 我流天性 がらくた屋
jQueryで「エラー: jQuery.dequeue is not a function」が出た場合の回避策 2008 6/01 直感的に扱える書き方や豊富なライブラリが揃っていて、一度使い出すと楽しくてしょうがないJavaScriptのフレームワーク：jQueryを今頃使い始めたわけですが、その豊富なライブラリがたまにアダになる場合もあるみたいですね。結構ハマったのでメモ。 jQueryのバージョンアップに、ライブラリが対応してない場合があり、エラーに何度も遭遇しました。 エラー: jQuery.dequeue is not a function これはjQueryがdequeueの処理を変えたために起こるエラーのようです。 僕が遭遇したのは「Interface.jsで簡単スムーススクロール – Emotional Web」の記事を参考にページ内のスムーススクロールを行おうとした場合で
『JavaScriptで選択データを取得する』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ マウスでドラッグして文字列を選択したときに その選択している文字列を取得したいなぁーっと 思ったので調べたら参考になるサイトがあったので メモ JavaScriptで選択データの特定 以下サイトからの一部を引用 var a = document.selection.createRange(); alert(a.text); var b = a.parentElement(); var c = b.createTextRange(); alert(c.text); c=document.body.createTextRange(); c.moveToEl
Google Libraries API
Stay organized with collections Save and categorize content based on your preferences. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries. Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a
クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」:phpspot開発日誌
Pablotron: PersistJS: Cross Browser Client-Side Persistent Storage Without Cookies I just released PersistJS, a client-side JavaScript persistent storage library. クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」。 通常、ブラウザに設定を保存というと、クッキーですが、容量が４ＫＢまでで、毎回ブラウザ間でデータの通信が発生したりして使いづらい面もあります。 PersistJS は Flash8,gears, localstorage,最終的にはcookieなどのバックエンドから使えるものを選んで、ローカルにデータを保存するためのJavaScriptライブラリです。 ストレージ次第で数メガのデータを保存すること
onclick 属性問題について - IT戦記
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 に関して この先、 HTML に onclick と書いても石を投げられないように書いておく＞＜ 僕も onclick 属性がダメだと思っていた時代もありました。でも、今は時々使うなあ。 （あ、でも、 HTML と JS で分業している場合は、使わないほうがいいよね＾＾；そこだけは言っておく。） JavaScript 入門の記事を書くときに onclick 属性がダメだとしたら、いろいろ本質的でないことを説明しなきゃいけない。 現状では onclick 属性が、もっとも簡単に HTML にイベントをマッピングできる方法だから、そんなに目くじらたてなくてもいいんじゃないかなあ？ たとえば 以下は、クリック時に href に GET を送るための oncli
[JS]クッキーを使用しないで、セッションデータを利用できるスクリプト
sessvars.jsは、ブラウザのクッキーを使用しないで、セッションデータを利用できるスクリプトです。 Session variables without cookies デモ sessvars.jsを使用することにより、クッキーをオフにしていたり、使用が禁止されている環境でもセッションデータを利用することができます。 ※スクリプトをオフの場合には利用できません。 格納できるデータの上限は、Opera9.5で2MB、IE7, Fx1.5/2, Safari3で10MBとなっています。 サイトに記載してある使用上の注意は、以下になります。 sessvars.jsは、JavaScriptのwindow.nameにデータを格納します。 これはクロスドメインのセキュリティ問題があるため、パスワードやクレジットカード番号などの重要な情報には利用しないでください。 しかし、ヘッダ情報でサーバーには送
選択可能なアンチエイリアス文字を出力する『sIFR 2.0』導入メモ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 sIFR（Scalable Inman Flash Replacement）は、HTML上の任意のテキストをJavascriptでFlashムービーに置き換え、アンチエイリアスが掛かった選択可能なテキストとして表示する手法。Shaun Inman氏が世に広めた技術で、海外では割と普通に使われています。 見た目はCSSによる画像置換と同じだけど、通常のテキストと同じように選択やコピペも可能。Javascriptを切った環境では通常のテキストが表示され、HTML上のテキストを修正するだけで変更が反映されます。 ただし日本語では使えない。正確には、使えるけど重すぎて実用に耐
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.suggiere.com/
Site Under Maintenance
[JS]シンプルだけど高性能なドラッグ&ドロップ スクリプト
[JS]jQueryで実装するテキスト・画像・サイトのツールチップ | コリス