デスクトップ操作をビデオにするソフトやサービスx１１個:phpspot開発日誌
デスクトップ操作をビデオにするソフトやサービスx１１個。 ソフトの紹介や、サイトの使い方の紹介するのはビデオ化するのが一番分かりやすいですね。 操作録画のためのソフトはどういうものがあるのか、調べてみました。 Wink - Windows, Linux対応の録画ソフト。ムービーへの注釈などの挿入も簡単。 Jing - Mac, Windows 対応の録画ソフト、サイトでの共有機能あり freescreencast.com - Windows向け(.Net必要)の録画ソフト、サイトでの共有機能あり TipCam - Windows向けのPC操作録画ソフト。Facebookにてシェア可能 DesktopCam - デスクトップ上の動きをWMV形式で高品質に録画できるキャプチャソフト Istanbul - Linux向け。Ogg Theora Video形式などに保存できるみたい AviScre
PHPでファイルをDLさせる際のPHPコード例:phpspot開発日誌
2008/2/22: sotarok様より、連絡がありコードを一部訂正 参考1）http://d.hatena.ne.jp/odz/20080215/1203099900 参考2) http://d.hatena.ne.jp/cocoiti/20080221#1203611811 PHPでファイルをDLさせる際のPHPコード例 通常、PHPでファイルをダウンロードさせるとすると、次のようにシンプルにかけます。<?php header('Content-Type: application/octet-stream'); readfile("dl.zip"); ?> が、これだと、ダウンロード時に、保存名がアクセスしたphpでのファイル名になってしまいます(例えば、dl.php)。 そこで次のように Content-Disposition でファイル名をブラウザに通知することで、dl.zip
画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」:phpspot開発日誌
Glossy.js (with IE 6/7 support) Glossy.js 1.3 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). 画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」。 プレーンな画像に、次のように画像にガラスのような立体効果を与えることが可能。 必要なライブラリを読み込んで、<img>タグに、class="glossy"を指定するだけでいいお手軽さです。 目立たせたい画像に対してこのエフェクトを指定すると効果的ですね。 IE6,7もサポートしているようです
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々:phpspot開発日誌
16 librairies et scripts pour g・・er des graphiques sur Internet | Simple Entrepreneur Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々。 Flash amCharts Maani JavaScript EJSChart PlotKit AjaxMGraph CSS Css For Bar Graphs Vertical Bar Graphs with Css and Php Bargraph Dynamic Pie Chart with Css Css Vertical Bar Graphs Displaying percentages グラフ画像生成ライブラリ JFreeChart Artichow JpGraph Chart Director Graphviz Ima
シンプルで使いやすい７つのフリーフォント:phpspot開発日誌
7 Brilliant Free Fonts: Faceplate, Sling, Cicle | Smashing Magazine Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. シンプルで使いやすい７つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。
JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」:phpspot開発日誌
Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身
フォントサイズの変更をJavaScriptによって検地する方法:phpspot開発日誌
A List Apart: Articles: Text-Resize Detection Furthermore, you won’t want to serve bite-sized content to visitors with large resolutions just to cater to visitors with smaller resolutions?if you can avoid it. フォントサイズの変更をJavaScriptによって検地する方法。 ブラウザの文字サイズを変更した際に、JavaScript によってそのイベントを検出するライブラリ＆サンプルが公開されていました。 これを活用することで、次のように、フォントサイズを変更した際に特定のイベントを発生させることが可能になります。 コードは次のような感じ。 <!DOCTYPE HTML PUBLIC "
マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」:phpspot開発日誌
マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」 2007年04月02日- InfiView: Demos / Experience One of InfiView's strengths is its ability to show subsets of large contents of data in an efficient way by swapping data in and out of memory.マインドマップ、ネットワーク図、組織図などを描画できるJavaScriptライブラリ「InfiView」。 次のような図をJavaScript で動的に描画することが出来ています。 少々重いですが、デモとして見てなかなか楽しめます。 フライトブラウザ ネットワーク構成図 バルーンツリー と、サンプルで示した以外にも色々とデ
CSSを使った透明角丸ブロック表現「Even More Rounded Corners」:phpspot開発日誌
Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects. CSSを使った透明角丸ブロック表現「Even More Rounded Corners」 次のような角丸かつ、光彩かつ、半透明なブロックを作成しているサンプル。 ＪａｖａＳｃｒｉｐｔは使っておらず、また、1個のＰＮＧ画像で表現しているそうです。 なかなか美しい表現なので、ページデザインのどこかに使えるかも。 尚、IE6では動かないようなので、注意。 関連エントリ Wii
キーボードのミスタイプ入力を生成するサービス「Typo Generator」:phpspot開発日誌
Typo Generator キーボードのミスタイプ入力を生成するサービス「Typo Generator」。 php と入れてみると、次のようにミスタイプ一覧が出てきます。 ミスタイプを狙ったドメイン取得を考えている人にとっては使えるツールなんでしょうか。 「〜」ではありませんか？といったページの機能用にも使えるかもしれません。
PHPによる2038年問題対応:phpspot開発日誌
【PHP TIPS】 8. 2038年問題：ITpro Calcクラスを使うと速度が遅くなってしまいますがUNIXタイムを扱いませんので、子孫にやさしいコーディングを行う事が出来ます。 PHPによる2038年問題対応。 PHPで time 関数などによってUNIXタイムを使っている人も多いはずです。 この関数では、「1171206000」のように10桁の「1970年1月1日 00:00:00 GMT」からの秒数を返します。 この10桁では、2038年以降の日付を表すことは出来ません。9999999999の次は0となってしまい、また1970年1月1日となってしまいます。 そこで、Pear::Dateの使い方が紹介されてます。 使い方は次のようにそんなに難しいものではないので、2038年以降も扱うプログラムを書く場合はこのモジュールを使いましょう。 <?php require_once "Da
PlaggerのPHP版「Prhagger」がリリース:phpspot開発日誌
KinoWiki - php/Prhagger 「らこ」と読む。「りゃこ」かと思ったら違った。名前の由来はなんだろう？ PlaggerのPHP版「Prhagger」がリリース。 PlaggerはPerlで書かれているので、プラグインを書く場合などは、Perlの知識が必要でした。 同様の仕組みがPHPでもないかな、と思っていたのですが出てきましたね。 Plaggerと違い、設定ファイルもブラウザで作れるようです。 Plaggerはyamlのconfigベースでやるべき事を設定していくが、prhaggerの場合は、コードベース。コードはブラウザから自動的に生成する。だからユーザはコードを一切触らない。 アクションを作るには、prhagger/setup/install.phpにアクセスする。 個人的に、今後の発展を期待しています。
知っておくべき５つの英文フォント2、他:phpspot開発日誌
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」 オンラインでフォン
WEB標準なレイアウトを作成するレイアウト言語「Bamboo」:phpspot開発日誌
The Bamboo Projekt - About Bamboo helps you to create standards-based, cross-browser page layouts more easily by providing a new layout language that is more natural than CSS for defining layouts. WEB標準なレイアウトを作成するレイアウト言語「Bamboo」。 次のようなレイアウト指定をすることで複雑なHTML&CSSなレイアウトを作成できます。 <layout> <grid> <rows> <row height="200px" /> <!-- Jumbo Banner --> <row height="20px" /> <!-- Global Navbar --> <row height="
Ajaxを駆使したＵＩによってオンラインWEBページ作成「Weebly」:phpspot開発日誌
Weebly - Website Creation Made Easy Ajaxを駆使したＵＩによってオンラインWEBページ作成「Weebly」 Ajaxかつ、WYSIWYGなページエディタが登録することによってWEB上で使えます。 GoogleMapをページにドラッグしたり、ウィジェットをドラッグ＆ドロップで簡単に設置できます。 デモムービーを見れば大体どんなものなのか分かるはずです。 関連エントリ オンラインで自在にCSSレイアウトをデザイン出来るサイト サイトのCSSを見たままリアルタイムに編集するツール色々 ブラウザ上で動作するJavaScript製のMSペイント「CanvasPaint」 オンラインでパスワード管理「PASSLET」
XHTMLを編集できるWYSIWYMエディタ「WYMeditor」:phpspot開発日誌
WYMeditor WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible. XHTMLを編集できるWYSIWYMエディタ「WYMeditor」。 HTMLを出力できるWYSIWYGエディタは多いのですが、XHTMLをはいてくれるものはあまり無かったですね。 H1やH2などの論理構造を上記のように表示してくれ、ブラウザベースの簡単なHTML編集などに便利そう。 ダウンロードして独自アプリに組み込むことができます。ライセンスはMIT and GPL。 関連エントリ
初級PHPプログラマがおかしがちなミスＴＯＰ１０:phpspot開発日誌
The PHP coder's top 10 mistakes and problems @ SourceRally.net PHP Community 「PHPプログラマがおかしがちなミスＴＯＰ１０」、という記事があったので紹介。 PHP初心者だとこういうミスがよくありますね。ということで今年からPHPをはじめようと思っている人には気をつけてほしいリストです。 生でクエリを出力しない echo ＄_GET['username']; ↓ echo htmlspecialchars(＄_GET['username'], ENT_QUOTES); やらないとクロスサイトスクリプティングされます。 SQLクエリに＄_GET,＄_POST,＄_REQUESTの値を直接含めない ＄sql = "select * from table where id=".＄_GET["id"]; ↓ ＄sql =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSオンリーでロールオーバーマップ:phpspot開発日誌
Web2.0サイトの立体アイコン集「UtomBox」:phpspot開発日誌