FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサンプル:phpspot開発日誌
Facebook Style CSS JQuery drop down menus Swadesh's Programming Blog FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサンプル Facebookのインタフェースはやっぱり素晴らしいと思う今日この頃ですが、facebookのドロップダウンを実装する例が紹介されています。 どちらかっていうとCSSよりなんでしょうか。とりあえずサンプルをダウンロードしてそのまま使うこともできるのでそれっぽいものを実装したい場合には使えそうです シンプルだけど立体感がうまく出せていてアプリっぽいのがいいですよね。 今世界で一番伸びてるサービスのインタフェースを真似てみることはいいことかもしれませんね 関連エントリ Facebookのタイムラインを作る際に便利なPhotoshopテンプレート faviconを書き換えてfa
MySQLの管理に役立ちそうな超多機能モニターツール「MONyog」:phpspot開発日誌
MySQL GUI Tools. MySQL Monitor and Manager MySQLの管理に役立ちそうな超多機能モニターツール「MONyog」が結構便利そうです。 WindowsやLinux上で動作するブラウザベースのツールです。 以下に、一部ですがそのフィーチャーについて紹介。 サーバごとのデータ、インデックスサイズが一覧できる データベースごとのサイズ、インデックスサイズなどをグラフで表示 クエリーアナライザー。クエリの統計が見れます。SQLごとの平均、最大実行時間などが分かりやすい どんなクエリが何回呼ばれたかといった統計 接続履歴、トレンド レプリケーションのステータス表示 プロセスリスト ダッシュボード Monyogの更なるスクリーンショットはこちら こちらにMonyogのドキュメントがあるので参考にしてください。 $99 〜のツールになりますが、これだけ多機能で、管
WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々:phpspot開発日誌
WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々 2009年08月05日- WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリを色々とまとめてみました。 どんどん便利なものが出てきて追うだけでも大変です（＾＾；） 目的に合いそうなものをチェックすればよいかも。 プラグイン・プラグインのまとめ Twitter Tools 2.0 | alexking.org WordPressとTwitterアカウント統合のためのプラグイン Display the Comment Stats on Your Advertising Page in WordPress wordpressで、広告主向けに、このサイトはどれだけのポストやカテゴリーがあって、どれだけコメントされているかという情報を表示する方法。 プラ
アーティスト気分のポートフォリオサイトが構築できる「MyProFolio」:phpspot開発日誌
MyProFolio アーティスト気分のポートフォリオサイトが構築できる「MyProFolio」 HOME, PORTFOLIO(写真や作品など), ABOUT, CONTACT から構成されるようなページを作る際に使えるCMSです。 ギャラリーはかっこよくLightBox風になっていたり、クールなポートフォリオサイトを作る場合にサクッと構築できそう。 管理画面から簡単にサイトの構築が可能です。 こういう感じのサイトを作ってほしいという要望があった場合はすぐに構築できるかもしれませんね。 関連エントリ PHPでシンプルなCMSを作成する初心者向けチュートリアル サイトで使っているＣＭＳなどが一目でわかるFirefoxアドオン WordPress、MovableType等１０のウェブログエンジンのレビュー
FirePHPがますます便利になっている件:phpspot開発日誌
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、１行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php
印象的でカッコいいWordPressテーマいろいろ:phpspot開発日誌
40 Excellent Free WordPress Themes 印象的でカッコいいWordPressテーマいろいろ。４０種類にわたるクールなWordPressテーマが紹介されています。 適用すれば、訪問者の印象に残るようなデザインが多数紹介されていて、ますますデザインに迷いそうです。 Irresistible 大きい背景が印象的な青ベースデザイン Magazeen おしゃれな雑誌風レイアウト Imprezz サイドバーが印象的にうつるクールデザイン Blues 青基調でしっかりデザインされたテーマ iLibrio Apple風デザインのクールなテーマ 全部見る 関連エントリ これは面白い、あのサイトそっくりなWordPressテーマ すっきりまとまった雑誌スタイルのフリーWordPressテーマ集 コーポレートサイトでも使える20のWordpressテーマ
ブラウザ上でソースコード編集が可能な開発環境を提供「ecoder」:phpspot開発日誌
ecoder | home ブラウザ上でソースコード編集が可能な開発環境を提供「ecoder」。 通常、開発というとローカルで保存してアップロードという形が当たり前ですが、ここ数年のトレンドの全部ブラウザで動かそうという流れを受けた開発環境です。 PHPや、HTML等、ファイルの種類に応じて綺麗にシンタックスハイライトをしてくれます。 SAVEで保存すれば、その場で反映というのはなかなか素晴らしいですね。 これが、SourceForgeのオープンソースで提供されているっていうのが更に素晴らしいです。 セキュリティには気をつけたいですが、自分のサーバにおいておけば、どこでもソフトのインストールなしに使えるということで、かなり熱いソフトだなと思います。 関連エントリ ブラウザ上で動く12のリッチテキストエディター 有名ではないけど使えそうなブラウザベースのリッチテキストエディタ色々 ブラウザ上
サイト公開前に役立つ２５のユーザビリティチェックリスト:phpspot開発日誌
25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは
Firebug内でHTML/CSSについて調べられるアドオン「FireScope」:phpspot開発日誌
FireScope Firebug内でHTML/CSSについて調べられるアドオン「FireScope」。 Firebugを利用していると、ふとCSSを調べたくなるときなんかがあったりしますが、FireScopeをインストールすればその場でリファレンスが引けるようです。 属性のルックアップ MAPタグの使い方表示 JavaScriptも引けたらいいかもしれませんね。 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル 関連エントリ HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」 ソースを見ながらリアルタイムで牽けるXHTML＆CSSリファレンス「HTML Playground」
jQueryを使ったWordPress強化プラグイン集:phpspot開発日誌
The Power of WordPress and jQuery: 25 Useful Plugins & Tutorials jQueryを使ったWordPress強化プラグイン集が紹介されています。 活用することでWordPressがより強力になりそうです。 Infinite Scroll 無限スクロール jQuery Lightbox 画像LightBox表示 Snazzy Archives アーカイブを次のようにおしゃれに J Post Slider 他ポストをサムネイル＆デスクリプション付でスライダ表示 µAudio Player オーディオプレイヤーをドッキング 全部見る サイトは１から作るよりもWordPressつかっちゃった方が後々色々な機能がプラグインで追加できて楽しそうですね。 関連エントリ ゼロからWordPressプラグインを作成するためのチュートリアル Word
WordPressのテンプレート作成時に欠かせない有用チートシート:phpspot開発日誌
My Wordpress Cheat Sheet WordPressのテンプレート作成時に欠かせない有用チートシート。 WordPressのテンプレートを作るのは、はじめての場合大変そうですが、このチートシートを使えば簡単に作れそうです。 テンプレートの構造 header.php - ヘッダー部分 index.php - メイン部分 sidebar.php - サイドバー部分 footer.php - フッター部分 single.php - 記事テンプレート page.php - ページテンプレート comments.php - コメントテンプレート search.php - 検索コンテンツ searchform.php - 検索フォーム archive.php - アーカイブ functions.php - 特別機能 404.php - 404エラーページ ループの仕方 < ?php i
Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
凄くクールなフリーのWordpressテーマ「Infinity」:phpspot開発日誌
Infinity: A Free Wordpress Theme | Freebies | Smashing Magazine 凄くクールなフリーのWordpressテーマ「Infinity」がSmashing Magazineにて公開されてます。 テーマは次のような感じ。Photoshopのデータで背景画像を入手することも可能で自分のブログに合わせてカスタマイズ可能。 う〜ん、これはカッコいいです。 関連エントリ MacOSのGUIみたいなWordpresテーマ「Tigerpress」 WordPressテーマ総集2008年3月 クールなWordPressテーマいろいろ 超クールなWordPressテーマ「Dilectio」が配布されています １カラムのクールなテンプレート集４０＋ 4カラムのクールなWordPressテーマ集２０＋ 美麗なCSS/XHTMLデザインテンプレート配布サイト
クールなFLV・Youtubeプレイヤー「Toobplayer」:phpspot開発日誌
Toobplayer クールなFLV・Youtubeプレイヤー「Toobplayer」。 Flash8 用のコンポーネントとして配布されています。 ドラッグ＆ドロップでステージにおいて簡単に使えます。 通常のFLVプレイヤーとしてだけではなく、YoutubeのＵＲＬ指定でyoutubeの動画再生も出来てしまいます。 マウスホイールや自動再生、リピートに対応させたりもできます。 QuickStart を見れば、その特徴・使い方が分かります Flash Player 8で動作。フルスクリーンモードを利用の場合はFlash Player 9 が必要みたい これは覚えておいた方がよさそう。
SEOに便利なFirefoxエクステンション色々:phpspot開発日誌
SEOに便利なFirefoxエクステンション色々 SEO用のエクステンションもいろいろあるようですね。 SeoQuake :: Firefox Add-ons SEOに便利なFirefoxエクステンション「SeoQuake」。 インストールすると、Googleのページランク、リンク数、関連リンク、Yahooのリンク数、関連リンク数などの情報が得られます。 SEO for Firefox Ｇｏｏｇｌｅの検索結果にページランクなどのSEO情報を表示。 その他便利な機能いろいろ RankQuest SEO Toolbar ３０以上のSEOツールに簡単アクセス Live PageRank ページランクをステータスバーに表示 Alexa Sparky Ａｌｅｘａ情報をステータスバーに表示 SEOHAND ページランク、バックリンクなどを元にグラフを作成 実に様々な拡張がありますね。IEもこんな感じに
クリック後の説明文を凄くオシャレに表示できる「mooSlide」:phpspot開発日誌
mooSlide - ajax based slider - lightbox replacement The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common "lightbox" that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox. クリック後の説明文を凄くオシャレに表示できる「mooSlide」。 LightBoxの一種になると思うのですが、表示の仕方がかなりオシャレなmooSlide。 クリックしたところ、ページ下部からブロックがアニメーションして説明が表示されます。 仕組みはLightBoxでも、みせ方次第でこれだけ印象って変
ブラウザ上で簡単にホームページが作れる「Roxer」:phpspot開発日誌
Roxer - The easiest way to make a web page ブラウザ上で簡単にホームページが作れる「Roxer」。 ドラッグアンドドロップして要素を再配置したり、リアルタイムに編集したり色々と出来るようです。 ブラウザによってはエラーがでてうまく動作しなかったりするのですが、なかなか便利そうですね。 関連エントリ Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」 ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications』
超クールなブログデザイン11集30:phpspot開発日誌
30 More Excellent Blog Designs | Design Showcase | Smashing Magazine It’s not hard to design a weblog, but it’s getting harder when you try to achieve a unique weblog design. 超クールなブログデザイン集30。 SmashingMagazine にてクールなブログ特集が公開されました。 いくつか気になったものをブックマーク。 Webデザイナーのためのリンク集 個性的かつ印象的なブログを作る際の参考にできそうです。 関連エントリ プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」
プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」:phpspot開発日誌
Free online web template generator プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」。 doTemplateでは、基本となるテンプレートが12種類用意されており、「CUSTOMIZE」をクリックすることで自由にテンプレートをカスタマイズすることが出来ます。 カスタマイズを押すと、次のようなパネルが表示され、背景、コンテナ、タイトル、バナー、ナビゲーションなどの部分の色や各種サイズについてのCSSをカスタマイズすることが出来ます。 DOWNLOADボタンを押せばそのままテンプレートをダウンロードすることも可能。 ＺＩＰ形式でダウンロードでき、HTMLとCSS、画像が含まれたアーカイブを入手できます。 カッコよくデザインされたサイトを手軽に作るには非常に便利なツールですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP製で自分のサーバで使えるリッチなWEBメーラー「RainLoop Webmail」:phpspot開発日誌