ソーシャルブックマークサイトもだいぶ普及してきました。使っている人も多いのでは。しかし、ブックマークした記事をきちんと見直せているでしょうか。 個人的にはブックマークするだけで満足してそのままになってしまうこともよくあります・・・。そんな時、この「delicious.salted.com」があれば便利です。 これを使えば、あなたがdel.icio.usにブックマークしたページをスライドショーで表示してくれます。これで「あとで読む」予定のページもちゃんと読めるようになるかも。 もちろん自分がブックマークしたものだけでなく、他の人のブックマークサイトも見ることができます。好きなIDを入れれば、その人の最新20個のブックマークを20秒づつ自動的に表示してくれますよ。 » delicious.salted.comr 動画で撮ってみましたのでご覧ください（↓）。撮ったあとに思いましたが20秒待つのつ

先日行われたCSS Nite in 名古屋でのpurprinさんのプレゼンを公開しました。 極力ハックしないCSS http://escafrace.heteml.jp/presentation/20070310/video/ ハックとはなんぞや、という話から、DocuTypeの話、ボックスモデルでの実例など、基礎的ながら抑えておきたい内容となってます。ぜひご覧ください。 pur.logの方で、僕が徹夜で実装したと書かれてますが、実際のところ実装自体は超単純（cuepointごとにスライドを変えるだけ）で、スライド(180枚)と時間の関連付けが超めんどくさかった感じです。プレゼン中のクリックイベントとかを拾って、記録するようにしたらこういうのラクにつくれそうなんですけどね。 んで、ホントはもうすこしいい感じの実装になるはずだったんですけど、時間がなかったので適当な感じに。。動画の分割と

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳　性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部

Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 次の記事 ≫：ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「P... JavaScriptコードをブックマークレットに変換するPerlスクリプト「JavaScript Bookmarklet Builder」 2007年03月22日- Daring Fireball: JavaScript Bookmarklet Builder So a bookmarklet is a little JavaScript script that’s intended to be run from a web browser’s bookmarks bar or menu. JavaScriptコードをブックマークレットに変換するPerlスクリプト「JavaScri

Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 2007年03月22日- DED|Chain JavaScript Library DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft.Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」。 DED|Chain を使えば、jQueryの使いやすさそのままに、Yahoo!UI Library の便利さも享受できるようです。 このように、JavaScriptライブラリと他のJavaScriptライブラリを組み合わせてお互

SQL Injection Cheat Sheet Currently only for MySQL and Microsoft SQL Server, some ORACLE and some PostgreSQL. Most of samples are not correct for every single situation. Most of the real world environments may change because of parenthesis, different code bases and unexpected, strange SQL sentences. SQLインジェクションに関するチートシート。 SQLインジェクションの方法についての例が書かれており、SQLインジェクション対策に使えます。 MySQL, PostgreSQL, Oracle, M

Control.Tabs : Projects : LivePipe Control.Tabs is a javascript library for creating accessible, flexible & unobtrusive tabbed interfaces in your applications or pages. クールなタブＵＩを簡単に実現できるJavaScriptライブラリ「LivePipe」。 次のようなCSSベースのクールなタブＵＩを簡単に実現できます。 prototype.jsベースのライブラリとなっており、次のようなソースで動きます。 タブ部分のHTMLはulタグとdivタグを使っており、シンプルで分かりやすいですね。 <script> Event.observe(window,'load',function(){ $$('.tabs').each(fun

スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 （※↓は画像です） 知っておくと、レイアウトを崩さないでテーブルのようなＵＩ が必要な部分で使えそうですね。 設置方法は次の様に簡単 １．ライブラリを読み込み <script type="text/javascript" src="webtoolkit

EOGallery, an AJAX image gallery with slideshow animation effect made with jQuery EOGallery is a web animated slideshow gallery maid with jQuery. jQueryでAjaxを使った滑らかアニメーション画像スライドショー。 XHTML 1.0 strict なのでCSSでの再デザインが比較的容易ですね。 タイマーで自動再生といったことも可能のようです。 関連エントリ 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」 滑らかな画像スライドショーを実現するJavaScriptライブラリ Flashを使わないクールなスライドショーを実現できるライブラリ「Smooth SlideShow」 YUIベースのスライドショー

25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー

グルーブテクノロジー株式会社 - Web サービス (using API; RESTで使える郵便番号検索API) 出力形式は、JSON形式,JSONP形式,XML形式,PHPのserialize形式に対応しています。 RESTで郵便番号から住所を取得するWebAPI。 郵便番号→住所変換 を Ajax でやるのはパターン化されていますが、どんな小さいプログラムであっても、郵便番号のデータを用意してDBを構築しなくてはいけません。 が、このAPIがあれば、それが解決できそうですね。 比較的信頼度の要求されるプログラムであれば、信頼性・安定性の面からＤＢは自分でもつのがよいと思いますが、小さいプログラムにちょこっと組み込みたい場合に使えそうです。

50 sources for web design inspiration by Fuzzy Future When Fuzzy Future first got started, I said that our goal was to build content that other people can use to improve their own projects. WEBデザインの際に使える５０のソース。 当ブログでもいろいろと紹介してきましたが、カッコいいサイトをまとめているサイトがあったので紹介。 デザインに迷ったときはまず、他のデザインサイトを見ていろんなデザインを視覚に入れることが重要ですね。 The Best Designs Six Shooter Media’s Free Templates 2Advanced Studios Andreas Viklund Fre

Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない＆軽い、簡単な実装を行いたい時に使えます。 <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document

Ten Javascript Tools Everyone Should Have Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox とても便利なJavaScript関数集。 次のような便利な関数が紹介されてます。 空白スペースを取り除く trim, ltrim, rtrim 関数 配列の数値ソート 番号フォーマット関数 配列検索 ＨＴＭＬのエスケープ関数 クッキー処理関数 getElementsByClassName Ajax機能提供 trim や HTMLのエスケープ なんかは、ブラウザで動くものは直接JavaScriptに実装してほしいですね。 prototype.jsなどのフレームワークを使わず、

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して

MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開 次の記事 ≫：PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。 ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。 右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。 以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表

複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」 2007年02月22日- xFruits - Compose your information system 複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」。 今やRSSといえば、サイト作成においてなくてはならないほどのフォーマットになりました。 そのRSSを色々便利に加工できるサービスがxFRUITSです。 複数のRSSを１つにまとめたり、RSSをメールで送ったり、RSSをPDFにしたりと、様々な便利な機能が提供されています。 このツールを活用し、工夫することで、よりよいRSSライフが送れそうです。

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ

willmayo.com CSS Speech Bubbles Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 strict. CSSでオシャレな吹き出し形式のブロックを作成する「CSS Speech Bubbles」。 次のような吹き出し形式のblockquote要素を作成するサンプルが配布されています。 HTMLコードは次のようにクリーンにできます。 <div class="bubble"> <blockquote> <p>Works great for blog comments!</p> </blockquote> <cite><strong>John Smith</strong> on 1st January 2007 at 3:55pm</cite> </div> 角丸部分にはCSSだけでなく、

make your own speech bubble! 吹き出し画像を簡単に作れるサービス「make your own speech bubble!」。 次のようなカワイイ吹き出し画像をテキスト入力するだけで簡単に作成できます。 ジェネレーター系のサービスですが、なかなか使えて便利なサイトですね。 関連サイト マトリックス風GIFアニメを作成するWebツール コンサートチケットをWeb上でジェネレートする「Concert Ticket Generator」 色々ロゴジェネレーター 危険アイコンジェネレーター 「成分解析」を試してみました。Web版の成分解析も。 CSS角丸ボックスジェネレーター「RoundedCornr」

ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル「Custom Reading Containers」 2007年02月20日- Devlounge | Custom Reading Containers For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width. ブロック要素を動的にドラッグ＆ドロップでリサイズするサンプル「Custom Reading Containers」。 サンプルを参考にして、次のように、ブロック要素を１フレームのように、ドラッグ＆ドロップでリサイズできるようなページを実装できます。 使い方によってはユーザビリティ向上に繋がるはずですね。 リサイズしたサイズをAjaxにてサー

ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」 2007年02月14日- Dynamic Drive Email Riddler- email encryption script and tool Updated to version 2.0! Jan 28th, 07. Improved interface, output now XHTML valid, plus added ability to simply output encrypted email as a JavaScript variable. ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」。 Eメールアドレスの画像化が進んでいますが、メールアドレスをいちいち打つのはやっぱり面倒。クリックでメールを送りたい、アドレスをコピー

The Developer Cheat Sheet Compilation by FuzzyOpinions.com SubVersionやRMDB、他各種プログラミング用チートシート集。 気になったものをいくつかメモ。 CSS 2 Reference Card (PDF) CSS Useful Properties .htaccess Cheat Sheet Subversion Quick Reference (PDF) UML Quick Reference Card (PDF) Vim Commands Cheat Sheet XEmacs Commands Cheat Sheet 関連エントリ Prototype.js 1.5.0 のチートシート １ページに情報が集約されたCSSチートシート「CSS Cheat Sheet」 Ajax,Apache,CSS,CVS,HTML,JS

Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New The new and improved version of my JavaScript/Ajax auto suggest script. More features, less bugs. Demo and documentation here.クールなJavaScript入力補完ライブラリ「Ajax Auto Suggest v.2」。 入力ボックス上でaを入力したところ。 JSON形式や補完時のコールバック関数、フェードエフェクト、ＣＳＳデザインなど基本的な機能は盛り込まれています。 ちょっと変わった補完ボックスを作りたい場合に使えそう。

Prototype 1.5 PDF: The Complete Documentation (Global Moxie) Prototype is a JavaScript framework that takes the pain out of coding JavaScript by papering over browser differences and filling gaps in the language itself. Prototype is the creation of Sam Stephenson and a core team of open-source developers. Prototype.js 1.5 のリファレンスがPDFで提供されています。 PDFということで、印刷などして電車の中の移動などで読みたいですね。 関連エントリ prototype.js

Top 10 custom JavaScript functions of all time とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」 読み込むことで、次のような便利関数が使えます。 addEvent - イベントの付与 addLoadEvent - onloadイベントの付与 getElementsByClass - classNameによってエレメントを得る。getElementById や getElementsByTagName のように使える ※ prototype.js にも実装されています。 cssQuery - cssのセレクタを元にエレメントを得る toggle - 表示、非表示を行う関数。 insertAfter - insertBefore という関数は標準でありますが、insertAfterというのはありません。

llameradaの日記 - JavaScriptによる全文検索エンジン JavaScriptでインデクス型の全文検索エンジンを作ってみた。全文検索エンジンを作る際に問題となるのは、インデクスデータを部分的に読み込む方法である。 JavaScript による全文検索エンジン。 JavaScriptによる、とはいってもインデックス作成部分はRubyによって作成されているらしいです。 検索を行う部分がJavaScriptによって構築されていて、1gramによる検索を行うようです。 クライアントサイドのJavaScriptによってこういったことをやってしまうというのはなかなか面白く、興味深いですね。 こういったソフトウェアがオープンソースなんかで発展していって欲しいですね。 関連エントリ JavaScriptオンリーで動く高速サーチエンジン＆タグクラウド

BittBox 実Free Fading Corner Images I see more and more fading corners every day, so I decided to put together some freebies, since they are becoming popular. フェードがかかったカッコいいコーナーのサンプル画像集。 次のようなフェードがかかったコーナー画像をダウンロードできます。 画像形式はgif,png,jpgの他、PhotoShopデータであるpsdファイルも含まれています。 CSSなんかでブロック要素にあてはめて、カッコいい枠を作るのに役立ちますね。 尚、当方のIEではなぜかダウンロードリンクがうまく機能しないので、Firefox等でダウンロードする必要があるようです。 関連エントリ PDFやEXE、CSS等ファイルのフォーマット

5 Freefonts You Shouldn’t Have Missed | Smashing Magazine We expand our collection of high-quality freefonts we’ve put together few months ago (and started one year ago). 知っておくべき５つの英文フォント。 いろんな場面で使えそうな書体のフォントが紹介されていました。 District Thin Fertigo FF Clan Narrow Bold Kontrapunkt Com4T Fine Regular その他色々フォント関連エントリ クルッとカールした曲線が特徴のかわいらしい英字フォント「doremi」 10,000種類以上のフリーフォントを試してダウンロードできる「better fonts」 オンラインでフォン

窓の杜 - 【NEWS】ブログ風の“タグ”でテキスト文書を仕分けできるメモ帳「TAGるメモ」 テキスト文書にブログ風の“タグ”をつけられるメモ帳ソフト「TAGるメモ」v2.0.0が、8日に公開された。Windows 2000/XP/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 ブログ風の“タグ”でテキスト文書を仕分けできるメモ帳「TAGるメモ」。 Windowsアプリで使えるので、ネットに繋がっていないPCでもなかなか便利に使えそうですね。 私自信は、ローカルテキストの保存には今でもフォルダによる階層分けを行っています＾＾； 文書量が多くなると整理がちゃんと出来ていくのか、という点が気になりますが、今度使ってみようと思います。

Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 　正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2

もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife class名やid名って付ける時悩みませんか？今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 class名やid名を付ける際の一般的な名前集を紹介されてます。 全体のラッパー wrap wrapper top-wrapper wrapperAll ヘッダー head header headerArea headline ナビゲーション部分 navi navigation navbar gnav メインコンテンツ部分 area main maincontent center フッター foot footer footnavi footerArea 他の名前一覧も読む場合はこちら なるほど、あらかじめCSS名を決めてメモっておくことで

Free CSS Layouts And Templates | Smashing Magazine As a web-developer you don’t have to re-invent the wheel all the time.フリーのCSSテンプレート＆テンプレート配布サイトまとめ。 いろんなXHTMLテンプレートやレイアウトのためのCSSテンプレート集。 サイトデザインに役立ちそうです。自分にあったサイトを探して開発を効率化させましょう。 (X)HTML- and CSS-Templates Open Source Templates OSWD OSWT Maxdesign CSSplay Tinderbox Changingman Mollio Six Shooter Media Yahoo! UI Library: Grids CSS CSS Design Templ

prototype.jsを用いたフォントサイズ変更スクリプト - Ogawa::Memoranda それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプトを実現してみました。 prototype.jsを用いたフォントサイズ変更スクリプト。 実装することで次のように、文字のサイズを選べる機能をページに実装できます。 ブラウザの文字サイズを変更するよりも手軽に文字サイズを変更できる機能として、ユーザビリティ向上に役立ちそうですね。 関連エントリ ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 JavaScriptを使ってページにマウスジェスチャ機能を実装する

intensivstation :: CSS Templates :: Templates フリーで使えるCSSレイアウトのテンプレート配布サイト。 次のようにサムネイル付きでCSSのテンプレートがダウンロードできます。 同じようなサイトはいくつかありますが、ボックスの中央寄せなど、他のCSSテンプレート配布サイトにないレイアウトなんかもあってなかなか使えます。 関連エントリ CSSレイアウトのサンプル集 オンラインで自在にCSSレイアウトをデザイン出来るサイト ValidなCSS/XHTMLテンプレート集 CSS+XHTMLのテンプレート集:css tinderbox

Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメント部分やコメントフォームのデザインを色々集めたサイト。 いろんなブログのコメント部分やコメントフォーム部分の画像をコレクションしているようです。 コメント部分 コメントフォーム部分 これだけのデザインサンプルがあると、自分がデザインする時に大いに参考に出来そうですね。 形が決まったら後はオリジナリティを加えてデザインを完成させるという方法でデザインすれば効率よくカッコいいコメント部分が作れそうですね。 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集 ウェブデザインに便利なツールをまとめた「Web Design Tools」

Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後

映像による「Ruby On Rails」チュートリアルが満載！『RailsCast』 March 20th, 2007 Posted in ブログ・RSSツール Write comment Ruby On Railsが出たときは衝撃でしたよね。 「今までの開発スピードが10倍に！」といううたい文句に本当？と思いながらもチュートリアル映像を見て納得した人も多いはず。 たかが10分程度の映像にもかかわらず、データベースの更新がさくさくできるアプリケーションが目の前でできていく様子は圧巻でした。 こうして映像で見せてくれるとRuby On Railsの魅力はわかりやすいですよね。 そこで今回は「RailsCasts」をご紹介。 このサイトではRuby On Railsの映像チュートリアルを連載中です。もちろんすべての機能を網羅しているわけではないですが、映像で見せられると「お、もしかしたらできる

なんかFirefox2ではポップアップブロックの挙動が変わってるというらしく、ポップアップを許可したサイトでもブロックされるというのでコメントをしたんだけど認識が違っていたようなので、気になってソースを読んで調べてみたりしたので、わかったことをメモしておく。 Firefoxのポップアップブロックの挙動 - 許可サイトでなくても、完全に許可されるポップアップがある -- ボタンやイベント設定された要素の左クリック -- Enterキーか、スペースキーでボタンが押された場合(onclickが呼び出される操作) -- ユーザーの設定に関わらず許可される、30個だろうと開く --- これを防ぐのが「browser.tabs.maxOpenBeforeWarn」？ - 許可サイトでなくても、個数限定付きで許可されるポップアップがある -- フォームの値変更なんかで開くポップアップ。 -- dom.p

「建物を建てたり商売をしたりと、何かをしようとするときには、拠点となる土地を持つ必要があります」ということで、「セカンドライフ」における土地の説明、さらには購入方法が説明されています。 「メインランド」という、リンデンラボが所有する島の土地はプレミアムアカウントが必要とのことですが、既に個人が所有している「プライベートSIM」からは、ベーシックアカウントのままで土地を買う・借りるということができます。 土地の値段や毎月の維持費・レンタル料は、その土地のオーナーの言い値になります。土地の大きさやオーナーにもよりますが、土地のレンタル料は大体月に3,000〜5,000円くらいでしょう。支払いはリンデンドルではなく、現金の方が多いようです。 個人的にはリンデンドルでの支払いの方が簡単なような気がしますが、どうなんでしょうかね。まずは土地のレンタルをしている場所を探さないといけないですね。 Sec

社長力アップセミナー 「調査マン」の目に映る、中小企業経営の現状と今後 日経トップリーダーの連載「調査マンは見た！」でおなじみの、東京商工リサーチ情報本部情報部の増田和史課長が登壇。主な内容は、地域や業種を問わず、さまざまな企業に接している調査会社にいるからこそ見えてくる共通項や、危険な取引からの回避、企業倒産の今後の見通しについて。同時に、「信用調査の仕組みや調査会社との賢い付き合い方」についても解説してもらいます。

「Some tips for Freelance Web Designers」 という記事がありました。 フリーランスWebデザイナ向けに書かれていますが、内容としてはWebデザイナだけではなく、プログラマやその他職種にもあてはまると思いました。 面白かったので要約してみました。 詳細は原文をご覧下さい。 1. 時給で働くべからず 時給にしてしまうと技能が上がれば上がるほど損になっていきます。 そのうち、5時間働いたところを8時間働いたとごまかして申告するようになってしまいます。 これをやってしまうと、雇い側からは効率が悪く技能の無いフリーランスのように見えてしまいます。 また、10分で終わるメンテナンスなども細かく計算しなくてはならず、非効率です。 2. クライアントを知ること 自分が8万円で作ったサイトを使って、クライアントが月に50万円を稼いだら非常にもったいないことをした思いになっ

東京都文京区本郷でとあるCMS開発会社を営む社長のブログ。さっきまで「越後のCMS問屋」だったのですが、会社が新潟に移転したと勘違いされたようなので変えました。 モバイル、ゲーム、フィード、Ajax、Flash、ハイテクグッズあたりのはやりモノが好きです。 最新作「メルルーの秘宝」がドワンゴから提供中 週刊アスキーで「2045年の週刊アスキーをつくる」連載中 先日、RSSリーダーをもっと使った方がいい、いや、使うべきだ、みたいな話を(もの凄くイマサラなんですけど)、某所で行った際、とりあえずインストールもいらなくて便利なRSSリーダーといえばlivedoor Readerでしょうとハイテク好きな小娘にレコメンドしてみたりしたのです。当ブログの読者様も、LDRユーザーはかなり多いみたいですしね。MacならSafariに入ってるRSSリーダーが必要にして十分快適なんですけどね。 live

何かの「ユーザー・インターフェイス」を決める時に大切なことは、自分なりのはっきりとした「デザイン・ポリシー」を持って、誰が何と言おうと最後までそれをしっかりと押し通すこと。そういう「柱」をしっかりと持たないで作ったものは、往々にして「妥協の産物」になってしまう。 私が常に心がけていること（つまり、私のデザイン・ポリシー）は、「ユーザー・シナリオを８０：２０ルールで切り分け、常に８０の方（つまり多くの人が使うだろう機能）を最優先にした設計にし、２０の方（あった方が良いかもしれない機能、一部の人が必要とするかもしれない機能）は思い切って犠牲にする」こと。 典型的な良い例が、Youtubeを見るためのサービス、Rimo と oreseg。 機能的には、カテゴリー分けはしてくれているし、サムネールから自分で見たいものを選べるし、oresegの方が上である。しかし、「ただだらしなく面白そうなビデオを

はてなの人気エントリーに見つけた「頭のいい人が成功できるかどうかの境目」というanonymousなエントリー。ちょっと彼（そのエントリーの作者）の将来が心配になったのでひと言。 そもそも「頭が良さ」が一つのものさしで計れると思っている点が大間違い。百歩譲って、「旧帝大の大学院にトップクラスの成績で入れるぐらいの学力がある」＝「頭がいい」という彼のものさしを認めたとしても、「俺はこんなに頭がいいのになぜ成功できないのだろう＝頭がいい人は成功して当然」という発想はあまりにも甘すぎる。子供のころから、「東大に入りさえば幸せになれるのよ、○○ちゃん」という母親の一途な価値観だけに踊らされて塾に通い続けた学歴社会の被害者、とで言えば良いのだろうか。 これを読んで思い出したのが、大学時代の同期の一人。成績は文句なくクラスでトップ。ものすごく頭の切れる男で、修士号取得後に霞ヶ関の官僚になったのだが、彼が

Bookmarkletの存在を知ってから、いくつか気に入ったものをインストールしたり、自分で作ってみたりして遊んで来たのだが、普通のウェブページへのリンクも含めて数が増えてくるとツールバーが一杯になってしまい、使い勝手がぐっと悪くなる。 そこで、いくつかのBookmarkletの機能を一つにまとめた、メタBookmarkletを自分のために作ったのだが、せっかくなので、ここで公開。名づけて「シオレット」だ（bookmark=しおり）。 【シオレットのインストールの仕方】 [シオレット]　←　このリンクを右ボタンでクリックして「お気に入り/bookmark」として追加する。左ボタンでクリックしてしまうと、シオレットがこのページ上で動いてしまうので注意（その場合は、グレーの部分をクリックすればメニューを閉じることができる）。 追加する場所としては、Firefoxの場合は Bookmark To

not found

not found

目次 はじめに メーリングリスト —— サポートセンターではなく互助会です 表題 —— あいさつではなく用件を書きましょう 自己紹介 —— 自分の知識・技能・経験を簡潔に書きましょう 書き出し —— 最初に問題の要旨を書きましょう 肩書き —— 会社の名前を背負っていることを忘れないように 実行手順 —— 手順は箇条書きで書きましょう 結果の予想 —— 期待した結果を書きましょう 実際の結果 —— 実際に起きたことを書きましょう ステップ明記 —— どこからうまく行かなくなったかを書きましょう 実際の値 —— 条件を具体的に書きましょう エラーメッセージ —— 必ずコピー＆ペーストしましょう 判断理由 —— そのように考えた理由を書きましょう 文献の引用 —— 読者の手間を省くように書きましょう ソース —— 関連する部分を抽出して示しましょう スレッド —— 関連する話題なら「返信」しま