Flashファイルから素材を取り出すツール:phpspot開発日誌
窓の杜 - HugFlash ローカルPC内のFlashファイルに含まれる画像・音声・動画を抽出できるツール。操作は簡単で、本ソフトを起動し、ファイル読み込みボタンを押してFlashファイルを指定するだけで、画像・音声・動画が自動的に抽出される。 たまにFlashの中身の素材を取り出してプライベートにちょっと使いたいという場合がありますが、このHugFlashがあれば容易に実現できるようです。 実験として、マイケルファンタジーの素材を取り出してみるとどうなるのか試してみました。 swfファイルをドラッグ＆ドロップするとこんな感じで処理されます。 そして次のようにファイルが出来ました。ちゃんとサウンドも画像も取り出せているようです。
プロレベルのWEBサイトレイアウト作成チュートリアル３０:phpspot開発日誌
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル３０。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集８０
登録フォームにプログレスバーを表示するJavaScriptチュートリアル:phpspot開発日誌
Create a Progress Bar With Javascript - Nettuts 登録フォームにプログレスバーを表示するJavaScriptチュートリアルが公開されています。 1ページに表示する入力項目は出来るだけ少なくして、最初の抵抗感をなくすという手法がありますが、ページ移動した後に、あとどれだけなのかが分かるとより登録率を高められそう。 次のように、フォームの上部にJavaScriptを使って進捗状況を表示するチュートリアルとソースコードのDLが可能です。 デモページ 画面遷移もJavaScriptで軽快に動作します。 登録フォームの参考にするとよいかもしれませんね。 関連エントリ jQueryとPHPでダイナミックな投票スクリプトを作成 jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築
PHPで冗長化したコードを自動で検出してコードの最適化に使える「PHPCPD」:phpspot開発日誌
Detecting duplicate code in PHP files : CodeDiesel PHPで冗長化したコードを自動で検出してコードの最適化に使える「PHPCPD」。 プログラムが大きくなってくると、同じような処理を違う場所で何度もやっているということがあります。 ソースコードのファイル数が多くなってくるとそれを探すのは大変ですが、その冗長部分を自動で検出できるPHP Copy Paste Detector(CPD)のご紹介。 使い方の流れが書かれていたので、試してみました(Windows上で実施) PHPCPDをPEARコマンドでインストールする 1) channel-discover でpearチャネル追加 Windowsの場合はコマンドプロンプトを開いて、pear コマンドを実行。Unix系でも同様にpearコマンドを実行> pear channel-discover
よいCSS開発を行うための８のＴＩＰＳ:phpspot開発日誌
8 methods to bring your front end coding to rockstar levels | StylizedWeb.com よいCSS開発を行うための８のＴＩＰＳとして、当たり前かなと思うことから、なるほどというものがあったので以下にご紹介。 ・IDやクラス名にはより意味のあるものをつけよう たとえば、boxとかwrapperとかcontainerとかは一般的ですね。 一般的なものをつけておけばそれが何なのかすぐに分かるし、協業の際にも便利。 全体のラッパー以外にも、headerとか、content とか footer とか固定で使っておくと一貫性が出ていい感じですね。 まあ当たり前の人には当たり前なテクニックかも。 ・閉じコメントをつけて構造を分かりやすく <div id="header" class="section"> <div id="header-
PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」:phpspot開発日誌
PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」 2009年03月25日- XHProf Documentation (Draft) PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」。 通常、PHPでのプロファイリングというと、Xdebugでファイルを吐き出して、WinCacheGrindやKCacheGrindで読み込むというのが定番です。 ですが、この方法だと、ファイルを吐き出したファイルをGETして、ソフトに読み込ませる、というちょっと面倒な手順が必要でした。 XHProf を使えば、ブラウザ上で、プロファイリングが出来るみたいです。 XHProfの特徴 まず、セグメントごとの実行時間やメモリ利用の状況なんかがブラウザで見れます。 プログラムの構造を把握するのにも使えます。 プロファイリングの階層表示 ２つのプロファ
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各ページは、１ページあたり１枚のHTMLモジュールとしてJavaScriptで定義できて、非常に簡単かつシンプルにポータルが作れるフレームワークになっています。 JSでモジュール定義の例 var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
ベクターベースのダイナミックWEBデザイン集:phpspot開発日誌
50 Insanely Good Vector-based Web Designs - VECTORTUTS ベクターベースのダイナミックWEBデザイン集。 次のようなダイナミックなデザインが特集されていて、ちょっと迫力のあるサイトを作ってみようという方にはよい見本になりそうです。 Mirasim Next2Friends Toucouleur Navigant Consulting George Lazaros 全部見る 数年前にこんなサイトが１つでもあったら話題を集めていそうですが、今ではこういうサイトを見つけるのは難しくなくなってしまいましたね。 デザインで注目を集めるサイトを作るのはますます難しくなっているような気がします。 関連エントリ 2008年のCSSベストデザインサイト集 サイトデザインをオシャレにする背景画像パターン集 ウェブデザイン用超便利ツール集 Web2.0デザイン
画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集:phpspot開発日誌
57 Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集が公開されていました。 3Dを使った物や、ＵＩ的に面白い物が色々あって、ちょっとしたサプライズを持った画像ギャラリーなんかを作るのに活用できそう。 3D Curve Wall スムーズかつ立体的に動作する感じで次世代を感じさせる Spiral Carrousel XML 使いにくいけど立体的で面白い動作をします Polaroid Gallery 机の上に置いた写真をマウスで移動できる面白いＵＩ TiltViewer マウスの動きによってギャラリーが傾くという面白いＵＩ。デザインや動きが秀逸。 Galleriffic Sl
JavaScriptツールチップライブラリ24個:phpspot開発日誌
24 Tooltipp-Scripts | Dr. Web Weblog Tooltipps, also Mini-PopUps, beharrscht jeder halbwegs moderne Browser. JavaScriptツールチップライブラリ24個。 カーソルを合わせた際などにヒントとしてポップアップしてサイトの使い勝手を向上させることの出来るツールチップライブラリが多数紹介されています。 Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus jTip – A jQuery Tool Tip AJAX-enabled Help-Balloons Tooltipps mit CSS und Javascript qTip BoxOver SuperNotes DHTML
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
ハイクオリティなVista風アイコンセット９２種「iVista Icon Pack 2」:phpspot開発日誌
VistaIcons.com - Download iVista Icon Pack 2 : Free Vista Style Icons, Free Icon Sets and Windows Vista Desktop Icons iVista Icon Pack 2 contains 92 high quality (256x256 pixels) icons; PNG and ICO formats.ハイクオリティなVista風アイコンセット９２種「iVista Icon Pack 2」。 次のようなきれいなアイコンが配布されています。 PNG、ICO形式で格納されていて使いやすいです。 関連エントリ フリーな芸術的クオリティのアイコンセット フリーのお天気アイコン集いろいろ アイコンを探すのに便利なサイト色々 美しいアイコンセット集2008
alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」:phpspot開発日誌
jQuery Alert Dialogs alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」。 次のようにシンプルで分かりやすいデザインのダイアログをJavaScriptで簡単に作れます。 同様のライブラリは色々と存在しますが、jQueryプラグインということで使いやすいかもしれませんね。 デザインもシンプルで嫌味のないデザインとなっています。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」
これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20:phpspot開発日誌
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
プロレベルのサイト作成時に使える実用Photoshopチュートリアル集:phpspot開発日誌
25 Photoshop Tutorials for Web Designers - Six Revisions プロレベルのサイト作成時に使える実用Photoshopチュートリアル集。 ページ全体だけではなく、ヘッダーやナビゲーション等、パーツによって個別に別れているので使いやすそうです。 テンプレート作成のチュートリアル Photoshop Paper Texture from Scratch How to Create a Grunge Web Design Design an Awesome Band Website Template ナビゲーション作成のチュートリアル Design Watercolor Effect Menu Glossy-Style Carbon Fibre Navigation Buttons CSS Menu With Icons サイトヘッダー作成のチュ
手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」:phpspot開発日誌
Flexigrid 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」。 カラムのソート、ページング、項目のフィルタリングが可能なグリッドＵＩ。 jQueryベースで、18KBで使えます。 単純なグリッドＵＩ ソート機能やページング機能を搭載したグリッド jQueryをメインで使っていて、手軽にこうしたエクセル風ＵＩを実装したい場合に使えそうです。 関連エントリ リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」 Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント AjaxベースのPHPを使ったグリッドコンポーネント Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント 高機能なJavascriptツリーグリッドコンポーネント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
ロゴデザインの参考に出来るロゴ満載のサイト「Logofi」:phpspot開発日誌