45 Awesome iOS Icon Design For Inspiration | AcrisDesign 秀逸なiOSアイコンデザイン４５。 AppStoreで目立つにはタイトルとアイコンですが、アイコンがかなり重要な気がしています。 アイコンデザインをする際に、トップクラスのデザインのアイコンを参考にしたいと個人的に思うわけですが、そういったアイコンがまとまっていたのでご紹介です。 綺麗なデザインが直接売上につながるわけではないのですが、作るならアイコンははやりカッコいいものがいいですよね、ということで参考にさせて頂けます 本当に芸術の域ですね 関連エントリ 秀逸なiOSアプリケーションアイコンのサンプル色々 iOSのアイコン長押しでアイコンが踊る風エフェクト実装jQueryプラグイン「jQuery Wiggle」 PhotoshopでiOSアプリ風のアイコンを作るチュートリアル

Animate.css - a bunch of plug-and-play CSS animations CSSで様々なアニメーションが実現できる「Animate.css」 要素をバウンス、フラッシュ、フェード、シェイクといった多彩なアニメーションを使ってCSS3だけで変化させられる仕組みです。 CSSだけでもここまで出来るのかというところを確認する意味でも一度みておいてよさそうです 関連エントリ ピュアCSSでページ上に通知を出すチュートリアル Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ

Photoshop: iOS Icon Design - YouTube PhotoshopでiOSアプリ風のアイコンを作るチュートリアル動画がYoutubeに上がっていました。 英語版のPhotoshopですが、動画なので分かりやすいです。 ここら辺のテクニックはWEBのデザインにも活かせると思うので覚えておいてもよさそうです 関連エントリ 高品質なアイコン作成Photoshopチュートリアル２０ AppleのiCouldアイコンを描画するPhotoshopチュートリアル カッコいいレーダーのアイコンを作成するPhotoshopチュートリアル

Top 15 HTML5 and CSS3 Forms Tutorials | webexpedition18 HTML5＆CSS3でフォームをかっこ良くするチュートリアル集 次のように検索窓をかっこよくしたり入力フォームをクールにしたりするチュートリアル集です。 CSS3の便利さは分かっているつもりでも、いざつくろうとなると頭を抱えてしまう場合もありそうですが、あらかじめこうしたサンプルでパターンを把握しておけばデザインが効率的に行えそうですね。もちろんそのまま利用させてもらうというのもありですが。 ５年後のフォームはどんな物が主流になっているか楽しみですね 関連エントリ HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ HTML5/CSS3に関する便利ツールやチーとシート、リソース２５ HTML5＋CSS3でクールなオーディオプレイヤー「ZEN」 CSS3で描画された

Transparent Glass UI: Free PSD for User Interface Design クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」。 次のようなセットになっています。Appleっぽくて、でもアップルではないみたいなUIになってますね。 モックやUI作成なんかに使えそうです。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 ブルーが美しいモダンなＵＩキットPSD ボタンやインフォボックスなどを集めたＵＩパーツのPSD 色々と使えそうなフリーのUIエレメントPSD７０種

jQueyを使う場合に覚えておくと便利なChrome拡張が２つほどありましたのでご紹介。 マニュアルを検索する際にクイックに目的のものにアクセスし、開発スピードを上げられます。 jQuery API Browser ツールバーにボタンを追加してマニュアルをインクリメンタル検索。サンプルコードまでをChrome上で出せます。 インストールするとボタンが表示されます。 インクリメンタル検索が可能。 クリックすればサンプルコードも表示されます。 これは便利。 jQuery API Search 標準の検索窓に「jq ajax」などをタイプすればjqueryのマニュアル検索に飛べます Chrome上でインクリメンタルな検索が可能。 結果はjQueryのサイトにて閲覧 とりあえずどちらかいれておいて損はなさそうです。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上

新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「￥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる

10 Open Source Flash Framework for Flash Developers | TutorialFeed Flash開発者のための10のオープンソースフレームワーク集。 色々な意味で話題になっているFlashですが、まだまだFlashでしか出来ないこともあり、個人的には応援しているのですが、Flash開発に役立つオープンソースのフレームワーク集がまとまったエントリのご紹介です。 AS2用、AS3用といった感じで用意されているみたいで、個人的には知らないものが多かったのですが、Flash開発の効率化の手段として調査してみても面白いかもしれませんね。 カッコいいロゴとともに色々とあるみたいです。 フレームワークを覚えるコストがかかる訳ですが、見合うことが出来るようになったり開発が高速になるようなら導入を検討すると吉かもしれませんね。 関連エントリ Flash用物理演

CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ということで、大量のコンテンツがまとまっています。 例えば、どんなものがあるというと、CSS3の基本ガイドや、CSS3のリファレンス、CSS3による角丸、CSS3のボーダー、ドロップシャドウ、Opacity、マルチ背景画像といった感じでかなり網羅されているみたいです。 CSS3とHTML5によるコンビネーションを使ったテクニックの他、HTML5関連のチートシートなど便利なものが満載の内容になっています。 先取りで覚えておきたい方は知っておいたほうがよさそうですね。 リンク先は以下の元エントリより参照してください。 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers 関連エントリ CSS3等を使ったサンプルや各種CSSリソ

HTML5やCSS3のチートシート色々がまとまっているエントリのご紹介。 今後、沢山出てきそうですが、入門としてチラッと見ておくと移行がしやすそうですね。 リンク先は以下を参照してください。 HTML 5 And CSS3 Cheat Sheets Collection 関連エントリ CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ HTML5のCanvasで動く超クールなデモページ ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 HTML5.JP - 次世代HTML標準 HTML5情報サイト

CSS3を使った凄いアニメーション集４７ CSS3を使った凄いアニメーション集がまとまったエントリが公開されています。 注意点としてCSSだけで実現しているわけでなく、jQueryなども使っている部分があります。 ただ、こういうことも出来るのか、という物が沢山で見ていて楽しく学習できます。 CSS3/jQuery Clock 一見Flashかと思えるような綺麗な時計のサンプル Multiple 3D Cubes with animation using CSS 3Dのキューブがなめらかにアニメーションします。 CSS3 Matrix Animation マトリックスアニメーション OS X Dock Mac OS X風になめらかに動作するドック 今の時期だと、CSS3で出来ることはまだ出尽くしていないと思うので、驚きのエフェクトを作れば世界をワッと驚かせることが出来るかもしれませんね。

光が超カッコいいPhotoshopのブラシを色々とまとめてみました。 次のような、サイトに入れると迫力満点の光のブラシ集です。 Abstract Brushset X - Free Photoshop Brushes at Brusheezy! Abstract Brushset XI | Qbrushes - Photoshop Brushes ABSTRACT BUTTERFLY BRUSHES Abstract Brushes Vol 2 - Free Photoshop Brushes at Brusheezy! Abstract ps brushes for Photoshop | Qbrushes - Photoshop Brushes BRUSHES PACK 3 CS4 BRUSHES ECOL BRUSHES Exclusive - Galactic Brushes -

ブラックベースのプロレベルなサイトデザイン作成チュートリアルを集めてみました。 クールな印象を与えるのに適した黒ベースのデザイン作成時に参考にできるかもしれません。 iPhone Related Website Futuristic Web Layout Create A Stylish Portfolio Layout PSDThemes -Awesome Tutorial Portfolio Design Softblue Template Tutorial Create a communication layout in Photoshop Dark Themed Web Design Dark Portfolio Pixel Layout Dark Green Portfolio Layout Professional Blog Template Design Create wor

Computer Arts - The new way to create 3D text ド迫力の３Ｄテキストを作成するPhotoshopチュートリアル。 次のような３Ｄテキストを作成するチュートリアルが公開されています。 PDFになっていて、印刷しても使えそうです。 関連エントリ クリスマスに使えるPhotoshopチュートリアル集 Photoshop用アドバンスドチュートリアル集 PhotoShopで美しいボタンを作るチュートリアル39個 インパクトのあるポスター画像を作るPhotoshopチュートリアル集 プロレベルのPhotoshopチュートリアル集

How to learn a new PHP framework | Marc Gear PHPフレームワークの学び方。 PHPでは多数のフレームワークがありますが、1つを習得する、大まかなステップが紹介されています。 何から学べばよいか？わからないという方は参考にしてみるとよいかも。 1. hello world してみよう とりあえず、hello world 表示させられれば、HTMLベースのページなら作れますね。 2. 計算をしてみよう フォームから値を入力して、足し算、引き算、掛け算、割り算の結果を表示させてみる。 これを実施することで、パラメータの受け取り方や、controller内での処理の行い方、viewへの値の渡し方がわかります 3. ゲストブックを作成する 書き込みフォームを用意して書き込み可能なサービスにしてみる。 controller内のルーチンはわかったので、今度は

DEBUGGED interactive DESIGNS: phptube: a wrapper for the youtube api Php5tube is a free, open source class written by Debugged Interactive Designs in PHP5 to act as a wrapper for Youtube's API. YoutubeのAPIをPHPから簡単に使える「PHPTube」。 ライブラリの配布と共に、利用サンプルプログラムも公開されています。 ドキュメントはこちら 関連エントリ Pear::Services_Youtube

デスクトップ操作をビデオにするソフトやサービスx１１個。 ソフトの紹介や、サイトの使い方の紹介するのはビデオ化するのが一番分かりやすいですね。 操作録画のためのソフトはどういうものがあるのか、調べてみました。 Wink - Windows, Linux対応の録画ソフト。ムービーへの注釈などの挿入も簡単。 Jing - Mac, Windows 対応の録画ソフト、サイトでの共有機能あり freescreencast.com - Windows向け(.Net必要)の録画ソフト、サイトでの共有機能あり TipCam - Windows向けのPC操作録画ソフト。Facebookにてシェア可能 DesktopCam - デスクトップ上の動きをWMV形式で高品質に録画できるキャプチャソフト Istanbul - Linux向け。Ogg Theora Video形式などに保存できるみたい AviScre

オンラインで汚いJavaScriptコードを整形できる「Online beautifier for javascrip... 次の記事 ≫：ブラウザ上で動くJavaScriptの統合開発環境「TIDE」 Spookies Labs | シンプルな日付選択用ライブラリ「protocalendar.js」を公開しました prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 日本語表示できる国産の日付選択用JSライブラリ「protocalendar.js」。 特徴は次のようになってます。 prototype.js ベース（1.5 以降）。 シンプルで軽量。 MIT LICNESE 16のローカライゼーションに対応。 フォーカスでカレンダー表示。（トリガーを追加可能） 日付フォーマットを変更可能。 日付のラベル表示が可能

線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル 2007年11月21日- CornOnCob : SwooshyLines Tutorial In this tutorial, I will show you how to make an abstract ribbon-like effect using only Adobe Photoshop 線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル。 次のような美しい画像を作成するチュートリアルです。 PhotoSohpであれば、素材を使わずとも、こういった美しい画像が作れます。 応用することで、オリジナルの美しい画像が幾通りも作れそう 関連エントリ PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル 煙風エフェクトをカッコよく作るPhotoS