365psd クオリティの高いUIパーツのPSDファイルを日替わりで「365psd」。 毎日日替わりですが、やっつけ仕事ではなく、次のように実にいい感じのUIパーツが入手できます。 そのままPSDにドラッグ&ドロップして組み込んじゃえば、パーツ作りに時間を取られることもなさそうです。 本当に365日続くんだろうか?という期待ももちつつチェックすると面白いかもしれませんね。
Lumzy ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」というのが公開されているみたい。 デザイナーさんであれば、Photoshopでまずデザインを作るより、顧客にどういうサイトを作るか、イメージしてもらうためにモックを作るわけですが、それがブラウザ上で高速にできちゃいます。 ネットブック片手にブラウザさえインストールしてネット環境さえあれば、顧客と相談しながらサイトのレイアウトを作っていっちゃえますね。 サインアップとか無しにすぐに使えるところもGoodで、Flashを使った直感的なUIでモックアップをサクサク作れちゃいます。 ツールを立ち上げると、まずプロジェクト作成画面がでるので適当にいれて「Create Project」します。 作成すると、ボタンとかメニューバー、リスト、データグリッド、コンボボックスなどのありとあらゆるUIパーツが最初からそろっていて
FlashがブロックされているかJavaScriptで判断できるようになる「flashblockdetector」 2010年03月16日- flashblockdetector - Project Hosting on Google Code FlashがブロックされているかJavaScriptで判断できるようになる「flashblockdetector」というものが公開されています。 ChromeやFirefoxの拡張によって、Flashがブロックされている場合がありますが、そういう場合にサイト側で判断し、その場合の出しわけを出来るというもののようですね。 使い方は次のようなサンプルコードを張ってブロックされている場合とそうでない場合の処理を書けばOKです。 <script src="http://flashblockdetector.googlecode.com/hg/fbd.js"
ストリートファイターみたいなゲームを作れるようになったjQuery用ゲームフレームワーク「gameQuery」 2010年03月11日- gameQuery - a javascript game engine with jQuery 結構前に紹介した、jQueryでゲームを作れるフレームワーク「gameQuery」がパワーアップしてるようです。 ストリートファイターならぬ、JavaScript Fighter 2 というタイトルでデモが公開されていて、一見の価値ありです。 次がJavaScript Fighter 2 の画面。動きます。 他にも多数デモゲームが公開されています。 JavaScript でゲーム作成にチャレンジする際には参考にしてみましょう。 関連エントリ JavaScriptで書かれたテトリスゲーム JavaScriptでリズムゲーム「JavaScript Rock St
40 Outstanding Photo Manipulation Tutorials | The Best Article Every day 超カッコいい写真加工のPhotoshopチュートリアル集。 次のようなすごいグラフィックをPhotoshopで作成するチュートリアル集がまとまったエントリのご紹介です。 40種類あって色々と勉強になりそうです。 そういえば、Photoshop CS5の発売っていつごろになるんでしょうね 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 クールなポートフォリオレイアウト作成Photoshopチュートリアル 綺麗なディスプレイアイコンを作成するPhotoshopチュートリアル
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
How to create a web hosting layout | Grafpedia クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアルのご紹介。 次のようなグラデーションと立体感がいい感じのレイアウトを作成するチュートリアルです。 WEBホスティングだけ、といわず色々な部分において活用できそうなレイアウトですね。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル クールなポートフォリオレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル
10 sql tips to speed up your database プログラム内のデータベース処理高速化TIPSが10個紹介されているエントリのご紹介です。 SQLが適切に設計されていないとすぐにデータベース処理がCPUを圧迫してしまいますので可能な限り知っておきたいですね。 基本的な事から応用的な事まで参考になりそうだったのでメモ程度にご紹介。 explainでインデックスが使われているかを調べる 最も速いクエリは、クエリを発行しないこと、ということでデータをキャッシュしよう Memcached, CSQL Cache, AdoDB などでそれが可能 必要じゃないモノをselect しないようにする select * from table; ↓ select id from table; limit を使って取得する結果を少なくする foreach ループなどの中でsqlクエリを
Home - hiphop-php - GitHub FacebookのHiphopがGithubに米国時間の2月21日、早速公開されたようです。 HipHopとはFacebookで導入されているPHPコードをC++にする機構ですでに9割のサーバで動いてるという仕組みです。 現在のところ、64bit の CentOSとFedoraでうまく動くようになってるみたいです。残念ながら他のOSや32bitだとうまく動作しない模様。 環境をお持ちの方は以下を参考にビルドすればよさそう Building and installing - hiphop-php - GitHub Ubuntuな方はこちらが参考になります コードを動かすには以下を参照。 Running HipHop - hiphop-php - GitHub 環境がないので試せませんが、このページを見ると結構面白いことが書いてあります。
800 und mehr Symbole freier und exklusiver Icons-Sammlungen fr den E-Commerce | Downloads, eCommerce, Icons | Dr. Web Magazin Eコマースサイトを作る際に役立つ800を超えるアイコンセットです。 クレジットカードやショッピングカートなどのアイコンが色々まとまっていて、Eコマースサイトを作る際には好みにあわせてアイコンを選ぶことができそうです。 過去に紹介したものも含まれているかもしれませんが色々ありますね。 関連エントリ Eコマースに使える、ハイクオリティなフリーアイコン集
PHPでベクターグラフィックスを作成するためのチュートリアルが公開されてます。 svgというとxmlベースのテキストデータですが、これをPHPから出力する方法です。 チュートリアルといえど、便利なライブラリを使うので実際にはそのライブラリの使い方をマスターすれば誰でも簡単に使える内容になってます。 対応ブラウザであれば次のようなグラフが描画できるので便利です。 出力されたsvgのデータの内容。ライブラリを使ってこれが出力できるので、形式について覚える必要はありません。 線グラフの他、円グラフなども描画できます。 JSやFlashなど、様々なライブラリが存在しますが、SVGでの描画の方法も知っておくといつか役立つ時がくるかもしれませんね。
CSS3 Dropdown Menu 次のようなCSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」が公開されてます。 CSS3をサポートしないブラウザでも角丸がかからないだけで綺麗に表示されるようです。 デモページはこちら。 クオリティがとても高いですね。 ヘッダーナビゲーション等に使うといい感じかもしれません。 関連エントリ クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
Google Translation PHP wrapper : CodeDiesel Google翻訳をPHPから使って翻訳できるクラスライブラリが公開されています。 Google AJAX Language API を使ったもので、JSONデータを返してくれるAPIを使って簡単に翻訳出来ます。 例えば、実際に翻訳をする場合は次のようにクラスを new して translate メソッドに翻訳したい文書と from, to の言語コードを入れればOK。 <?php require_once('googleTranslate.class.php'); $gt = new GoogleTranslateWrapper(); $test = "Bonjour de cette partie du monde"; echo $gt->translate($test, "en", "fr"); ペ
apns-php - Project Hosting on Google Code PHPからiPhoneに通知を送るためのオープンソースの仕組み「apns-php」がGoogle code に公開されています。 PHPコードによってiPhoneに通知を行えるようになります。 PHPとしては次のようなコードによってpush送信を行うことが出来るようです。 <?php $push = new ApnsPHP_Push( ApnsPHP_Abstract::ENVIRONMENT_SANDBOX, 'server_cerificates_bundle_sandbox.pem' ); $push->setRootCertificationAuthority('entrust_root_certification_authority.pem'); $push->connect(); $messag
Super Easy Neon Style in Photoshop - Screencast | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials クールなネオン風ロゴを作成するPhotoshopビデオチュートリアルが公開されているようです。 リアルな感じがなかなかのクールさをかもし出しています。 ビデオチュートリアルは以下です。 ビデオなので流れがみえ、とってもわかりやすいです。 Photoshopping Neon Text from Ash Davies on Vimeo. 関連エントリ 50のクールロゴ作成PhotoShopチュートリアル あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが30種類も紹介されています。 次のような、本当に、本当にフリーでいいんですか?本当にフリーでいいんですか?とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル 複雑なデータをわかりやすくスタイリッシュにまとめたテーブル 画像なども盛り込みつつ見やすいテーブル シンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。 関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル
Create A Briefcase Icon In Illustrator | Vectips 立体感がいい感じのブリーフケースのアイコン作成チュートリアルが公開されてます。 次のようないい感じのアイコン作成の流れが解説されてます。ソフトはイラストレーターが使われてます。 流れは結構混みいっていて、大変なのですが、いいものが出来るのにはやはり手間がかかるということでしょうね。 これだけクオリティが高いものを作れるというのは羨ましい限りなので私も練習したいなぁと思ってしまいます。 関連エントリ 綺麗な3Dノートアイコン作成チュートリアル Photoshopによる美麗アイコン作成チュートリアル集 マスターしてアイコン職人になろう!アイコン作成チュートリアル50
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く