Favigen - Favicon Generator 画像アップロードで簡単にfaviconが作れるサイト「Favigen」 favicon化したいファイルを指定して、サイズも指定後にSubmitを押せば出来るようです。 ちゃんとデザインしたいという方には使えないかもしれませんが、手っ取り早く作りたいという方は使ってみてもよさそう。

Quality Control WordPress Theme ? Spencer Finnell WordPressをバグトラッカーとして使うためのWordPressテーマ. WordPressといえばご存知、ブログ発行プラットフォームなわけですが、その豊富な機能を利用してBugzillaのようなバグトラッカーとして使うためのテーマが公開されています。 オープンソースなソフトや、サイトのバグ報告を受け付ける窓口として便利に活用できそうです。 チケット一覧画面。NewとかCriticalとかResolvedといった感じでバグ報告がリスト表示されています。 「Create a ticket」で誰でも簡単にチケットを作成。上記の一覧に表示されます。 チケットの状態、マイルストーンやカテゴリでフィルタすることも出来て便利。 WordPressの機能を使ってチケットをRSSで出力することも出来ます

Allow Anyone To Upload Files To a Folder in Your Dropbox Account あなたのドロップボックスにアップロードが可能なPHPスクリプト。 ソフトをインストールしてフォルダに置いておくと自動で同期される超便利なDropBoxですが、PHPをつかってブラウザ上からアップロードをすることができるPHPスクリプトの紹介。 DropBoxが入っていないマシンであっても、設置しておけばブラウザを介してDropBoxに同期することが出来ます。 単純にアップローダーとして使うのもいいですが、DropboxUploader というクラスライブラリの形で使えるので、既存のツールに組み込むことだって出来ます。 アイデア次第で面白いことができそうですね。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availabi

dualSlider ２つの要素を組み合わせたクールなスライダー実装jQueryプラグイン「dualSlider」。 左には動画、右にはその説明を記述するようなUIで、コンテンツをスライドさせると、左右連動してアニメーションされ、なかなかカッコいい効果が作れています。 サイトのヘッドラインなんかに組み込むとよさそうです。 jQueryのプラグインなので実装も容易です。 関連エントリ jQueryとCSS3で作るカラフルなスライダーウィジェット JavaScript製の画像スライダー・ギャラリーいろいろ jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル

まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」 2010年08月31日- elFinder - file manager for web まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」。 次のような左側にツリービュー、右側にファイル一覧のインタフェースをもち、ファイルはドラッグ＆ドロップも出来たりするリッチなブラウザベースのファイルマネージャを実現できるオープンソースです。 フォルダはAjax形式で画面遷移せずに中身を表示することが出来ます。 ファイルのアップロードは勿論、フォルダや新規ファイルをその場で作るような機能もあります。 新規ファイルはその場で直接編集することだってできちゃいます。 ツールバーから色々な操作が可能です。 認証など、気をつけたい部分はありそうですが、ちょっと設置し

PHP Excel Extension 0.8.6 - iBlog - Ilia Alshanetsky Excelの2007/2010バージョンも読み書きできるPHPエクステンションが公開されているっぽいです。 Extensionなので高速で動作し、さらに新しいバージョンのExcelも使えるということで試してみるとよいかも。 公開はGitHubにて行われています 関連エントリ PHPExcelを使ってPHPでExcelファイルを出力 PHPでExcel2007のファイルを扱えるクラスライブラリ「PHPExcel」 PHPからWord、Excel、PowerPointのドキュメントを生成するサンプル

WanderWall ? A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3、HTML5でここまで出来るホバーインタフェース。 jQueryで様々なことが出来るようになっているのはご存知だと思うのですが、更にCSS3とHTML5も組み合わせるともっとすごいよ、という１つのデモです。 まだまだインタフェースは進化するのだな、という可能性を感じるものになっているので一回見ておいたらよいかも。 WanderWallのデモ とにかく実際にHTML5対応のブラウザで見てみもらうのが一番分かりやすいです 上のメニューにカーソルを合わせると画面がアニメーションしながらクールに切り替わります。 HTML5ブラウザがデフォルトになり、こうした技

2000 Free Photoshop Patterns - Web Design Blog ? DesignM.ag 背景画像に使えるPhotoshopの背景パターン2000 可愛いものからクールなものまで実に様々な背景パターンがまとまっていてこれはなかなか使えそうです。 ありすぎて困るという意見もあるかもしれませんが、あらかじめ自分の気に入ったものを覚えておくとよさそう。 関連エントリ じゅうたん風の美麗背景パターン素材集７０ シームレスな背景パターンを得られるサイト２７ 背景画像に使えるシームレスなパターン画像500種

jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」 2010年09月01日- Cached Commons jQuery関連の多数のライブラリが登録されているJSホスティングの「Cached Commons」。 <script src="****"></script> のようにしてそのまま使えるGitHub上のCDNにのったJSホスティングサービスです。 jQueryのプラグインなどが豊富なのでGoogleなんかに乗っかっていない場合はこちらを使ってみるのもいいかも。 特にアクセスの多いサイトなどではこうしたJSの転送量もばかになりませんから、転送量節約のためにもよさそうです。 尚、欲しいものがあったらリクエストで追加してくれるそうです。 関連エントリ GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利

CRUD太郎 - 管理画面自動生成 MySQLベースのデータ管理画面をWEB上で自動生成可能な「CRUD太郎」 まずWEB上で、Create分を入力してウィザードに従うとCakePHPベースのPHPコードがダウンロード可能です。 生成できる画面デザインもクールで、機能的にはデータの挿入、編集、削除などの機能があります。 実際に利用者に公開する部分に注力したい場合はこうしたツールで管理画面の作成作業を簡略化したいものですね。 現在CakePHPベースですが、今後別のフレームワークにも対応予定だそうです。 管理画面の色は７色から選べます データの追加画面もいい感じです ログイン・ログアウト機能、データの追加・編集・削除・表示機能がCREATE文を入れるだけで本当に一瞬で出来てしまいました。

11 New High-Quality Free Fonts | Freebies クオリティーの高い１１のNewなフォント集。 クールなフォントなどがまとまっていましたのでご紹介 AW Conqueror Alt Matey Geomancy Ingleby BS Konstata 関連エントリ Twitterで使われているフォント「Pico」 クリエイティブでユニークなフォント３０ Web2.0っぽい30のフリーフォント集

30 Best Fractal Photoshop Brush Sets | blueblots.com 超かっこいいフラクタルのPhotoshopブラシ３０ これはやばいぐらいにカッコいいフラクタルのブラシが沢山まとまっていました。 バックグラウンド等に反映するだけでカッコよくなりそうですね。 関連エントリ クリエイティブでカッコいいPhotoshopブラシセット５０ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 非常に美しい光などのPhotoshopブラシいろいろ ペンキをぶちまけたようなクールなPhotoshopブラシ色々

RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ＆ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベースのデザインになります。 簡単なものならこれで仕上げちゃうこともできそうです。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 スタイリッシュなWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集８０

BonBon Buttons - Sweet CSS3 buttons これは必見のスイーツのような可愛らしいCSS3ボタン「BonBon Buttons」。 次のような可愛らしいボタンがCSS3で実装できます。押した時のデザインも可愛いです。 ボタンをおしたらひっこみます。 なんかもっと色々できるんじゃないかと言う可能性を感じますね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション jQueryとCSS3、HTML5でここまで出来るホバーインタフェース

PADILICIOUS: How to Add Finger-Swipe Support to Your Webpage iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript。 左から右、右から左、上から下、下から上といった指でのスライドアクションをiPadのブラウザ上で検知して好きなJavaScriptコードを実行するようにできます。 これで、本当にブラウザ上で電子書籍を読むようなインタフェースを実現できます。単純なクリックよりもよりアプリ寄りのUIがブラウザ上で実現できますね。 デモページをiPadで見てみると、それぞれ指でスライドするとページの背景色が変わるはずです。 関連エントリ iPad向けのリッチなサイトが超簡単に作成できるフレームワーク「jqpad」 iPadのサイト開発、アプリ紹介等のエントリ色々 iPad用のサイト作成に覚えておくこと色々

Dynamic Dummy Image Generator - DummyImage.com サイトのモック等に使えるダミーのイメージを簡単に作れる「Dynamic Dummy Image Generator」。 サイト上でパラメータを指定するだけでダミーの画像が一瞬で作れます。 以下が生成される画像。 色やサイズ、テキストも自由に指定可能です。 ウェブ上で指定しなくてもURLを組み立てるだけで生成可能 http://dummyimage.com/600x400/c0c0c0/f00&text=phpspot+dummy これは便利かも。

Build an iPad-Themed Image Slider with jQuery | Design Shack これはいい！iPadテーマのjQuery画像ギャラリー。 画像ギャラリースクリプトは色々ありますが、iPadの中に映し出されたようなブラウザ上で動作する画像ギャラリーです。 デモページを見れば、細かなデザインにもAppleっぽさが取り入られているが分かります。 ちょっと変わったことをしたい場合や、iPadに関連するサイトやアプリ紹介ページなんかで使えるかもしれませんね。 関連エントリ 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集 超クール画像ギャラリーが作れるJavaScriptライブラリ どんな写真も指定サイズにまとめてギャラリーにできるjQueryプラグイン「Image Scale Carousel」 画像ギャラリー

10 RSS parsers to create your own feed burner | Web Developer Juice PHPのRSSパーサライブラリ１０種がまとまっています。 定番でいくとMagpieRSSが定番ですが、速度や使い勝手の面でそれぞれ特徴があるので使いやすいものを知っておくとよいかもしれません。 関連エントリ 画像のリサイズに便利なPHPクラスライブラリ Symfony2にも入っているPHP 5.3ベースの超便利ライブラリ集 コードハイライト用PHPライブラリ:GeSHi 携帯用HTML〜絵文字、デコメ用PHPライブラリ等、PHPによる携帯サイト構築法まとめ

emazekraker - Web Wireframe Kit WEBサイトのクールなワイヤーフレームを作成する際に使えるPSDファイルが公開されています。 サイト構成にあたっての必要なパーツはある程度そろっているのでドラッグ＆ドロップやコピーをして並べるだけで綺麗なサイトのワイヤーフレームができそうです。 白バージョンもあります。 カッコいいワイヤーフレームが必要な場合は活用できそうです 関連エントリ オンラインでワイヤーフレームが描画できる「HotGloo」がかなり便利

bxCarousel | jQuery Carousel Plugin 関連アイテムを出す場合等に使えそうなjQueryカルーセル「bxCarousel」 次のようなUIでamazonの関連商品を出すような場合に使えそうです。 個々のアイテム自体はulリストで定義するだけなので簡単。 ブログ記事の最後なんかに設置することもできそう 関連エントリ JavaScriptで実装するクルクル回転する3DカルーセルUI実装ライブラリ 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル カルーセルやページャ機能がついたYUI 2.6.0がリリース

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ

Creating a Web Poll with PHP | Nettuts いい感じなUIのPHPの投票プログラムのダウンロード＆チュートリアル 次のような角丸UIが印象的な投票プログラムがダウンロードでき、チュートリアルも参考にできます。 MySQLベースのPHPプログラムになっているようです。 関連エントリ その場で投票して結果をアニメーション表示できる投票スクリプト jQueryとPHPでダイナミックな投票スクリプトを作成 jQueryのAjax機能を使った投票システムのサンプルプログラム reddit風のGoodかBadの投票機能実装サンプル

Fluid Width YouTube Videos | CSS-Tricks jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード。 ビデオの幅を自由に調整できるので、幅が変わったとしても簡単にページレイアウトになじませられます。 jQueryベースのコードで簡単に対応できるようです。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム PHPからYouTubeのAPIを簡単に使えるServices_YouTube

Maintainable CSS3 Using PHP PHPを使ってCSS3のプロパティを便利に使えるスニペット。 CSS3のbox-shadowといったプロパティはブラウザごとに違いますが、これを全ブラウザ用に書くのは手書きとかだとメンド臭いですね。 そこで次のような関数を用意しておくと便利かもというスニペットです。 css3_props関数で次のように便利に使うことができます。 cssファイルにphpを使うということで若干負荷は上がるのを覚悟すればなかなか便利に使えそうですね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ

25 Online CSS Compressors to Optimize Your CSS Code ブラウザ上でCSSを圧縮・最適化できる２５のツールが色々とまとまっています。 沢山ありますが、自分にあったものを選べば作業効率を上げてくれそうです。 関連エントリ CSSのオンライン圧縮ツール色々 オンラインCSS整形＆最適化＆圧縮ツール集 サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法

OAuth対応のPHPでTwitterに投稿するスニペット。 Services_TwitterとHTTP_OAuthを使ったサンプルで私の使っているものです。 予め、pearコマンドでServices_Twitter, HTTP_OAuth をインストールしておく必要があります。 <?php require_once 'Services/Twitter.php'; require_once 'HTTP/OAuth/Consumer.php'; $message = '投稿テストです'; try { $twitter = new Services_Twitter(); $oauth = new HTTP_OAuth_Consumer( 'Consumer Key', 'Consumer Secret', 'Access Token', 'Access Token Secret'); $twi

iPhone CSS3 これはすごい！CSS3で描画されたiPhone。 画像でもFlashでもなく、CSS3で描画されています。 それぞれのアイコンや時計さえもCSS3で描画されているところが凄いです。 関連エントリ ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ jQueryとCSS3、HTML5でここまで出来るホバーインタフェース 近未来に頻繁に使われるであろうCSS3サンプル１０

Building a Custom HTML5 Audio Player with jQuery Neutron Creations HTML5のオーディオプレイヤーを作るチュートリアル。 オーディオプレイヤーを実装するライブラリ等はありますが、自分でデザインしたいような場合に参考にできそうです。 実装コードはjQueryベースになっているようです。 ライブラリがあって簡単に実装できるけど、どういう風に実装してどう動くかという部分について知っておくのもよさそうですね。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集

21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts これは見ておくべきHTML5のCanvasを使った実験集。 ここまで出来るの？っていうサンプルが満載で一度は見ておきたいものばかりです。 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代のWEBが楽しみです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 HTML5ベースのTODOリスト「5List」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 CSSでスキン作成が可能なHTML5動画プレイヤー実

10 Useful jQuery Snippets - Web Development Blog 便利なjQueryスニペット１０が紹介されています。 ・IE６でのアクセスの場合に警告 ・input type="text" のものにデフォルトテキストを実装するコード ・コンテンツのクリックで表示・非表示をアニメーション表示 ・印刷ダイアログを開く ・テーブルのtdにhover機能を付与するコード ・テーブルの奇数行にclassを付与する ・ページに指定divがあるかチェック ・全てのチェックボックスをON/OFFするコード 便利に使えそうなものが多いですね。 関連エントリ 押さえておきたい15のJavaScriptスニペット コードスニペット共有サイト:Snipplr

25 Brilliantly Simple Web Page Designs | Design Shack シンプルデザインのウェブページデザイン２５。 シンプルすぎる程シンプルだけど、その分印象深いサイト集です。 簡単にデザインしてそれでいてインパクトがあるようなサイトを作る際の参考にできそう。 関連エントリ 一流のサイトデザインを一から作成する手順集 CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」 シンプルだけど、クールなデザインサイト集 白黒のクールなサイトをデザインする際に参考になる30選

(誤り) WordPressテーマではなく、Bloggerのテンプレートでした。申し訳ありません。 14 Best And Attractive Blogger Templates For Free Download これからブログを始めようという人向けの素敵なWordPressBloggerテーマ集 はじめて訪れた人に、強い印象を与えることができそうなよくデザインされたテーマ集です。 ブログというとコンテンツが重要になってきますが、デザインも優れていれば言うことはありませんね。 Bloggerブログ導入の際は参考にしてみましょう。 関連エントリ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集 本当にシンプルな文字だけがメインのWordPressのテーマ集

Icons Pack "Web Cartoon" by *shlyapnikova on deviantART 漫画っぽさが超いい感じのWEBアイコン集「Web Cartoon」。 次のような４０種類のアイコンセットが公開されています。 綺麗にデザインされたアイコンが多い中、なかなか強烈なインパクトがありますね。 関連エントリ 手書き感がなんとも素晴らしいアイコンセット集 アイコン検索エンジントップ１０ 10セットの1000種類にのぼる秀逸なフリーのアイコン集 アイコンデザイナーのためのツール集

40 Various High Quality Free Paper Patterns and Textures 紙質色々なハイクオリティなテクスチャパターン色々。 次のような色々な種類の紙のテクスチャがまとまっています。 一言で紙といっても実に様々ですね。 関連エントリ ハイクオリティな紙のテクスチャ３５ ヴィンテージ感がいい感じのテクスチャ色々 ジーンズ模様のテクスチャ色々 カラフルでフリーな美麗テクスチャ集

10 Free WordPress Themes for Small Businesses : Technology :: American Express OPEN Forum スモールビジネス向けのWordPressテーマ１０。 スッキリ綺麗なWordPressテーマが色々掲載されています。 比較的スッキリ綺麗なテンプレートが多いリストです。 関連エントリ かなり美麗なフリーのWordPressテーマ60 WordPressをバグトラッカーとして使うためのWordPressテーマ iPhone等のモバイルデバイス向けWordPressテーマ色々 フリーで使える比較的新しいWordPressテーマ

32px Mantra v2 by =umar123 on deviantART 綺麗にデザインされたMacっぽいアイコンセット「32px Mantra v2」 次のようなアイコンセットがDeviantARTにて公開されています。 独自の味があっていい感じですね。 関連エントリ 478種類の使えるベクターアイコンセット フリーで使える種類色々３４２種のベクターアイコン集 Windows7風のアイコンセットまとめ１５

14 CSS3 Smashing Generators | Marked Lines CSS3のジェネレーターが１４種まとまったエントリのご紹介。 既に紹介したものを多く含まれていますが、CSS3の作成をツールを使ってより効率化しちゃいましょう。 CSS3 Please! １個のプロパティを編集すれば全部変わるもの CSS3 Generator v1.5 ウィザード形式でCSS3プロパティを簡単作成 CSS3 Generator – Widgetpad クリックで簡単にCSS3生成 CSS3 Gradient Generator v2.0 グラデーションを使ったボタンを生成 Westciv Tools WYSIWYGなCSS3プロパティ調整ツール色々 CSS Border Radius Radiusに絞った超シンプルツール。よく使うRadiusプロパティを一発生成 全部見る 関連エントリ

58 Latest Free Wordpress Theme of Last 3 Months 最近リリースでハイクオリティかつ無料のWordPressテーマ58。 秀逸にデザインされたWordPressテーマの特集です。実際にデザイナーさんに頼んだらいくらかかるんだろう？というような大量のテーマが無料で利用できます 関連エントリ フリーで使える比較的新しいWordPressテーマ 黒ベースのハイクオリティなWordPressテーマ集２０

HTML5 Video Player | FryPlayer スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」 サイトはロシア語っぽく何を書いてあるかは全く分かりませんが、サンプルコードを見れば使えるはずです。 $('video').FryPlayer( options ); で <video>タグ部分をリッチにデコレーションすることが出来るようです。 幅、高さ、スキン、ボリュームのデフォルト値なんかをoptionsに渡せます 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」

An Illustrator Wireframing Toolkit | eleqtriq iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット。 次のようなデザインのワイヤーフレーム作成キットが公開されています。 イラレなので拡大してもクオリティは損なわれないところがメリットですね。 iPad、スマホだけではなく通常のPC用も含まれているので幅広く使えそうです。 紙に印刷してハイクオリティな資料をサクッと作る場合に活用できるかも。 関連エントリ WEBサイトのクールなワイヤーフレームを作成する際に使えるPSD オンラインでワイヤーフレームが描画できる「HotGloo」がかなり便利

ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。 わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。 実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。 実装が超簡単かつ軽量ということでいい感じです。 関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろ クールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」

CakePHPやsymfonyの開発者が集まる「PHP祭り2010」が10月2、3日に開催されます。 場所は晴海グランドホテル。内容的には、泊まりこみ(食事付き、２・３人相部屋)で開発してコンテストを行ったり、豪華ゲストによる基調講演が開催されたりします。 開発は、１泊で完成させなくても、予め作っているものを仕上げてもOKらしいです。すごいアイデアを持っている方はPRの場として活用出来るかもしれません。 同時に開催される、豪華ゲストによる基調講演もなかなか興味深い内容です。 何かをやるための仲間を見つけたい場合にもよい機会となるかも。 ●開催場所 泊まりこみ、食事４食付きでこの内容ということで、かなり高い値段かと思いきや２万２０００円という値段で参加できるそうです。 通常なら宿泊代と食事代だけでこの値段になってしまいそうですが、スポンサーの方々のご協力によりこの値段が実現しているそうです。

CSS3 Compatibility Tools, Resources and References for Internet Explorer :Speckyboy Design Magazine IEでもCSS3を使うためのツールやリソース集がまとまっているエントリのご紹介。 CSS3使いたいけどIEがネックという場合に使えるライブラリやリソースです。 「これ、CSS3でやったら数行なんだけど」という便利なCSS3なわけですが、各種ライブラリを導入することでIEでも使えます。 2010年9月時点でも色々な便利なものが出回っているようで覚えておいて損はなさそうです 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α ピュアCSS3で3Dアニメーション IE6-8でもCSS3が使えるようになる「CSS3 PIE」

Adding Stroke to Web Text | CSS-Tricks WebKit系のブラウザで使えるTextStrokeサンプルCSS集。 -webkit-text-strokeプロパティを使うことで次のような効果を得ることが可能で、iPhoneやSafari/Chrome等で画像を使わず次のようなフォントを描画することが出来ます。 数年前であれば、通常実装しようと思うと画像で実現するしかなかったわけですが、なかなか便利なプロパティですね。 他のプロパティと組合わせて色々と高度なことができそうですね。 ソースのダウンロードも可能です。 関連エントリ CSS3のジェネレーター１４種 IE6-8でもCSS3に対応するライブラリまとめ

FormBox ? A jQuery & CSS3 Drop-Down Menu With Integrated Forms | AddyOsmani.com | Where User Interface Ideas Grows jQueryとCSS3でドロップダウンメニューにフォームを埋め込んでしまうデモ メニューにカーソルを合わせるとドロップダウンメニューがアニメーションしながら現れてフォームが表示されるというUIの例と実装サンプルです。 スペースを取ることなく、コンパクトにログインフォーム等を埋めこむことが実現出来ています。 ログインしない人にとっては邪魔なブロックなので、使わない場合は最小化しておくというのはなかなか合理的なUIですね。 サイトの特性などに応じて実装すればサイトの利便性を大きく向上することができそうです。 関連エントリ ドロップダウンメニューにテーブルやフォーム等何

Lettering.JS | daverupert.com タイトル文字列をファンシーに加工できるjQueryプラグイン「Lettering.JS」。 jQueryとCSS3を組み合わせて次のようなファンシーなタイトルが画像ではなく文字列で実現出来ます。 タグはこんな感じで普通のHTMLで定義しておくだけでOK <h1 class="fancy_title">Some Title</h1> $(".fancy_title").lettering(); のように初期化して上げれば上記のようにファンシーな感じに変更できます。 マウスカーソルを当てると反応があってなかなか面白いエフェクトがかかってます。 関連エントリ ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム作成サンプル 図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Capt

EditableGrid - Make your HTML tables editable 値をそのまま編集できてソート可なテーブルを簡単実装できるJSライブラリ「EditableGrid」。 ベタ書きのテーブルタグや、XMLを読み込んでテーブルにすることも可能です。 カラムに型を定義することが出来て、編集時は単純なテキストエリアはもちろんですが、ドロップダウンメニューから選べるようにすることも出来ます。 テーブルヘッダーをクリックすればソートされます。 １から実装しようとするとかなり大変そうですが、ライブラリで比較的簡単に複雑でリッチなテーブルが実現出来ますね。 関連エントリ jQueryベースの多機能グリッドテーブル「DataTables」 jQueryでリッチなグリッドを実装「jqGrid」

Making a shoutbox with PHP, MySQL and jQuery | CodeForest PHP＆MySQL＆jQueryで構築するチャットボックス実装デモとチュートリアルが公開されています。 Ajaxベースのチャットスクリプトが欲しいという方は覚えておいてもよさそうです。 デモページ 投稿すると画面遷移せずにアニメーションしつつ、そのまま画面に表示されます。 ソースのDLが可能で、プログラム自体もそこまで難しいものではないため、改造して使うのも簡単そうです。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 あなたのドロップボックスにアップロードが可能なPHPスクリプト PHPスクリプト1つでできる簡単サーバ監視

特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション 2010年09月17日- Convert HTML to PDF in PHP (libwkhtmltox extension) | Perplexed Labs 特定サイトのHTMLをWebKitベースのレンダリングでPDFに変換できるPHPエクステンション。 wkhtmltopdfというコマンドラインのツールがありますが、これをPHPから使えるPHPエクステンションがGitHubにて公開されています。 このエクステンションをインストールした後、次のようなwkhtmltox_convertという関数が使えるようになっているのでそれで変換出来るみたい。 <?php wkhtmltox_convert('pdf', array('out' => 'test.pdf', 'imageQuality

How to create captcha in PHP using GD library ? Script tutorials PHPとGDを使ってCaptchaを自作するチュートリアル。 ライブラリを使えば簡単にできるものの、実際に作ってみるとなると、やったことがない場合難しいですが、このチュートリアルを参考にすることでCaptchaを自作出来ます。 とりあえずこれで作り方を覚えて、ライブラリなどを参考にしつつよりオリジナルなCaptchaを作ってみるのも良いかもしれませんね。 関連エントリ PHPで使えるCAPTCHA画像作成ライブラリまとめ GoogleライクなCAPTCHAをPHPで作成するサンプル PHP等で実装できる動画でCAPTCHAできるより強固な「NuCaptcha」 jQueryで実装するシンプルなグラフィックCAPTCHA「jQuery SimpleCaptcha」

Full Page Image Gallery with jQuery | Codrops 大迫力のページをフルに使ったイメージギャラリー実装デモ。 jQueryを使って画面を最大限に使ったギャラリーの実装コード例とコードのダウンロードが可能です。 フルサイズなので、写真の迫力が出せて、更に所々がJavaScriptによってアニメーション付きでクールに動作します。 コードはそれほど複雑なものではなく、カスタマイズ等も簡単そうです。 関連エントリ これはいい！iPadテーマのjQuery画像ギャラリー PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 超カッコいいApple風スライドショーギャラリー作成チュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ

50 Free Expedient High-Resolution Fabric Textures | Naldz Graphics 高解像度な美しい織物テクスチャ５０がまとまったエントリのご紹介。 サイトのバックグランド等に使うことができそうです。 単に背景画像等にするだけでもサイトの印象ががらっと変わりそうですね。 関連エントリ ハイクオリティな紙のテクスチャ３５ ヴィンテージ感がいい感じのテクスチャ色々 カラフルでフリーな美麗テクスチャ集 ジーンズ模様のテクスチャ色々

27 Creative And Beautiful CSS Websites Designs For Inspiration クリエイティブなデザインのCSSサイト２７がまとまったエントリのご紹介。 綺麗なサイトが満載でインパクトの強いサイト作りの参考にできそうです。 関連エントリ CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」 一流のサイトデザインを一から作成する手順集 シンプルだけど、クールなデザインサイト集 白黒のクールなサイトをデザインする際に参考になる30選

CSS3 buttons 素敵なCSS3ボタンのショーケース。 次のようなCSS3で実現された素敵なボタンが沢山掲載されているページのご紹介 CSS3でのボタン作成の際の参考にできそうです 関連エントリ 綺麗にデザインされたCSS3ボタンのまとめ CSS3なボタンをWEB上で作れる「Button Maker」 これは必見のスイーツのような可愛らしいCSS3ボタン「BonBon Buttons」 CSS3でクールなボタンを作るチュートリアル集いろいろ 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル

Best Lightweight PHP Frameworks of 2010 | Webification 軽量なPHPフレームワーク2010。cakephpやsymfony、Zendと色々ありますが、どれも多機能故の重さ等もあります。 あまりに重くて１台あたりで捌けるトラフィックが少なくなり、サーバ台数を増やさなくてはいけなくなる場合もありますね。 そういうわけで、軽量（１MB以下）で開発中のフレームワークの特集があったのでご紹介。 そんなに多機能じゃなくてもいいので、それなりに便利に使えるかもしれないフレームワークを知っておいてもよさそう 関連エントリ PHPフレームワークの学び方 PHPで、どのフレームワークが一番？ PHPフレームワークのベンチマーク比較

35 Amazing Photoshop Text Effect Tutorials | Vandelay Design Blog Photoshopテキストエフェクト作成チュートリアルが35個まとまっています。 既に紹介したものも含まれていますが、そうでないものもあったのでご紹介です。 色々なデザインの仕方があるものですね。 関連エントリ あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ 最近公開されたNewなPhotoshopロゴデザイン70のチュートリアル集 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル クールなネオン風ロゴを作成するPhotoshopビデオチュートリアル

JavaScript Cryptography JavaScript用暗号ライブラリ色々まとめ。 次のように多数のJS用暗号化ライブラリがまとまっていて、JSで暗号化をするような場合にはもうお腹いっぱいと言ってしまいそうな量が紹介されています。 自分で暗号を実装する、というのは時間がかかりますのでこうしたライブラリを活用させて頂いて素早く開発ができそうです。 関連エントリ PHP暗号化ルーチンのサンプル集 PHPで暗号化の際に便利に使えるCrypterクラスが公開 PHPで暗号化・復号化

Quick Feedback Form w/ PHP and jQuery | Tutorialzine 利用者からのフィードバックを受けられる邪魔にならないフォーム実装デモとチュートリアルです。 jQueryベースのデモをダウンロードしてそのまま使うことも、改造することもできます。 実装するとページ下部に次のように表示 ページ下部のウィジェットをクリックすると次のようにアニメーションしながらフォームが現れます。 内容を入力して送信可能。 位置なんかもカスタマイズして自サイトにあわせてもよいかも。 利用者の声を積極的に取り入れたいWEBマスターの方は活用してみましょう 関連エントリ フォームに簡易電卓を組み込める「jQuery Calculator」 ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 ブラウザが落ちてもフォーム内

16 Top Social Bookmarking Plugins for Wordpress | BloggingPro ソーシャルブックマーク連携のためのWordPressプラグイン１６。 次のような、ソーシャルブックマーク連携を簡単に実現してしまうプラグイン集です。 英語圏での利用に特化されているようですが、カスタマイズすることで日本のはてなブックマークなんかにも簡単に対応できそうです。 こうした面倒なことはWordPressにやってもらい、肝心の記事作成にリソースを注ぎたいところですね。 関連エントリ WordPressプラグイン作成用コードテンプレート WordPressの便利プラグイン他、チートシートやテーマ作成リファレンス等フレッシュなエントリ色々 WordPressのプラグイン集 300＋

自分のTwitterを見やすくカスタマイズ＆バックアップできるPHPスクリプト「Tweet Nest」 2010年09月24日- Tweet Nest 自分のTwitterを見やすくカスタマイズ＆バックアップできるPHPスクリプト「Tweet Nest」。 自分でサーバに設置して、自分のツイートをより便利に閲覧・分析することが出来ます。当然PHPなので自由にカスタマイズOKです。 自分の月の書き込み数や、時間別の投稿数なんかが一目瞭然の画面。 twitpicの画像等も展開されてそのまま画面内に表示されます。 オリジナルのデザインもかなり素晴らしいですね。 Twitterにホスティングされていることで、レイアウトの自由度が制限され、広告なども載せられないので、こうしたツールを使ってみるのも良いかもしれませんね。 関連エントリ TwitterのAPIを使ったり調べる際に便利な「Twitter

20 Excellent Free Corporate WordPress Themes | VisonwidGet 会社でも使えそうなWordPressテーマ２０。 企業ブログを構築する際の参考や、自分の会社のブログを立ち上げたいけど安価で品質の高いものを作りたいという場合に参考にできそう。 種類も色々あるので様々な業態の企業をカバーすることもできそう 関連エントリ かなり美麗なフリーのWordPressテーマ60 iPhone等のモバイルデバイス向けWordPressテーマ色々 黒ベースのハイクオリティなWordPressテーマ集２０

20 Bold Free Script Fonts That You Don’t Have to Be A Girl To Use | Design Shack 力強い印象をもったBoldなフリーのフォント２０。 次のような力強い感じでデザインされたフォントが２０種類まとまっています。 英字のみですが、タイトル等に設定するとインパクトのあるものが作れそうです。 関連エントリ Twitterで使われているフォント「Pico」 クリエイティブでユニークなフォント３０ Web2.0っぽい30のフリーフォント集 フリーフォントがダウンロードできる６０サイト

100 Most Useful Free Photoshop Brushes for Web Designers | DJDESIGNERLAB - Find All Your Design Inspirations From This Laboratory 種類が様々なPhotoshopブラシ色々。 次のような、まとまりはありませんが便利そうなブラシが大量にまとまっています。 ↑は妙にリアルでブラシとして使ってみるのも面白そうですね。 関連エントリ クリエイティブでカッコいいPhotoshopブラシセット５０ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 非常に美しい光などのPhotoshopブラシいろいろ 超かっこいいフラクタルのPhotoshopブラシ３０

100 Most Useful Free Photoshop Brushes for Web Designers | DJDESIGNERLAB - Find All Your Design Inspirations From This Laboratory 種類が様々なPhotoshopブラシ色々。 次のような、まとまりはありませんが便利そうなブラシが大量にまとまっています。 ↑は妙にリアルでブラシとして使ってみるのも面白そうですね。 関連エントリ クリエイティブでカッコいいPhotoshopブラシセット５０ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 非常に美しい光などのPhotoshopブラシいろいろ 超かっこいいフラクタルのPhotoshopブラシ３０

Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 Photoshop For Beginners: Creating buttons for web part 1 Photoshop For Beginners: Creating buttons for web part 2 [ad#ad-2] 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデーションやレイヤースタイルといった王道のテクニックだけでなく、ノイズをのせたりライトをくわえたりと細部までしっかり手がはいった作りになっています。

当サイトで紹介した数多くのチートシートの中から、今まさに役立つであろうチートシートを厳選して紹介します。 ※未紹介のものも含まれています。 HTMLのチートシート CSSのチートシート jQueryのチートシート WordPressのチートシート [ad#ad-2] HTMLのチートシート

現在大人気のソーシャルゲームを制作する際に知っておきたい、Flash Liteコンテンツの制作のテクニックを紹介します Flash Lite 1.1のリファレンスやツールを紹介 最近は、「ガラケー」と呼ばれる携帯電話でインターネットに接続すると、その端末に最適化されたページが自動で表示されるようになっています。それには、もちろんHTMLが使われる場合もありますが、主にFlash Liteが使われるケースが増えています。 Flash Liteは、主に「ガラケー」で再生されることを目的としたFlash Playerのサブセットです。「ガラケー」のメニューなどの動的な導線、または携帯ゲームなどでの動的コンテンツで主に使用されています。2010年9月現在、バージョン3.1までが勧告されています。 □ 「ガラケー」のソーシャルゲームの制作現場では、Flash Lite 1.1が常識！ 実は「ガラケー

Web制作時などでカラー選定など、 色に関することで困ってもColor Explorerというツールが色々と助け てくれそうです。無料で使えるみ たいですし、登録したくなければ登録 不要でツール使用も可能です。 色に関するツールは山ほどありますが、こちらも負けていません。Color Explorerは色に関する様々なツールを用意してくれているWebサービスです。 色の総合サイトのような感じです。一部の機能をご紹介。 マイパレット機能 この機能は登録が必要（当然ですけど）です。気に入った、使用したカラーをパレットに保存する事が出来ます。 ピッカー機能 基本のピッカー機能。RBGでの指定も可能で、自動で明暗のバリエーションも表示してくれます。 カラーマッチング機能 相性の良い色を自動で教えてくれます。 画像からカラー抽出 画像をアップロードし、その画像に使われているカラーを抽出します。 他にも