アイコンフォントをコマンドラインで生成できる「Font Custom」:phpspot開発日誌
Font Custom アイコンフォントをコマンドラインで生成できる「Font Custom」 ベクター形式のアイコンをフォントファイルに1個にまとめてフォントのように扱えるけど実はアイコン、なアイコンフォントをコマンドラインでジェネレートできるツールです。 SVGファイルをまとめておいてコマンドラインを叩くとCSSとフォントファイルが生成されます。 単にフォントファイルにまとめるだけでなく、CSSを利用して次のようにテキストの横にアイコンを表示することができます。 フォントなので、テキストの色変更やサイズ変更に対応でき、CSSのフィルタにも対応可能です。 フォントアイコンでサイト作成を効率化したい方は覚えておくとよさそうですね。 関連エントリ フリーのアイコンフォント１０まとめ メジャーなアプリケーションのアイコンフォント「Pictonic」 オシャレなアイコンが詰まったアイコンフォント
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
iPadやiPhoneアプリ等の開発ブログとして使えそうなクールなWordPressテーマ:phpspot開発日誌
7 Wordpress Themes for Launching your Minimum Viable Product | Methodologist iPadやiPhoneアプリ等の開発ブログとして使えそうなクールなWordPressテーマ。 気合の入ったアプリをカッコよくPRしたいという場合に使えそうなテーマです。開発者ブログとしても動作するのでアプリ用のWEBサイトをWP＋これらテーマで実装しちゃうのも手間が少なくかつクールにPRできる１つの手段として使えるかも。 関連エントリ iPhone等のモバイルデバイス向けWordPressテーマ色々 iPhoneの標準アプリアイコンをピュアCSSで描画したサンプル
高度な画像編集が一瞬でできてしまうPhotoshopアクション集:phpspot開発日誌
25 Adobe Photoshop actions for a graphic designer toolbox | reADactor 高度な画像編集が一瞬でできてしまうPhotoshopアクションが２５種類紹介されてます。 アクションでここまで出来ちゃうのかというアクション集で、覚えておくと結構楽が出来そうです。 複数のレイヤーをカバーフローみたいに並べて次のように加工してくれるアクション CDカバーを立体的にしてくれるアクション ペーパーバック風にしてくれるアクション DVDケースにしてくれるアクション ２Dのパッケージ画像を立体的でリフレクションのかかった３D画像にしてくれるアクション 虫眼鏡で拡大する効果を得られるアクション 立体的なパネルに加工してくれるアクション キャンバスから飛び出した風の画像を作成できるアクション すべて無料というわけではありませんが、安価に高度な加工が
iPhoneアプリのツールバー部分に使えそうなアイコン色々:phpspot開発日誌
知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。 30 Free Vector Icons | Dezinerfolio 綺麗にまとまったデザインで種類も次のような３０種類がまとまってます Glyphish – Great icons for great iPhone applications 130種類の商用利用可能な汎用アイコンセット。 Free iphone toolbar icons こちらも、商用利用可能な160種類の汎用アイコンセット app-bits : iPhone Toolbar Icon Set : iPh
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」:phpspot開発日誌
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック:phpspot開発日誌
Sexy Music Album Overlays Komodo Media これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なＣＳＳテクニック３０選 本の目次部分のようなリストをCSSでデザインするテクニック
車のエンブレムのようなカッコいいロゴを作るPhotoshopチュートリアル:phpspot開発日誌
Welcome To PSGallery 車のエンブレムのようなカッコいいロゴを作るPhotoshopチュートリアル ↓↓↓↓↓ メタリック感がうまく表現されています。 リアルなのでインパクトが大きいはず。 タイトルロゴを作る際に是非導入してみましょう。 関連エントリ Photoshopでマトリックス風のクール画像を作るチュートリアル 光の流れで作ったようなクールなロゴを作成するPhotoshopチュートリアル 燃えさかる炎に包まれるロゴを作成するPhotoshopチュートリアル
BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」:phpspot開発日誌
Bradicon! BMP・JPG・GIF・PNG画像をブラウザからアイコンに一発変換できる「Bradicon!」 「Browse」ボタンを押してファイルを選択すれば簡単にアイコンが作れます。 既存画像からアイコンを作りたい場合に覚えておけばブラウザだけで一瞬で作業は終わりますね。
サイトをクシャクシャにしてしまうPhotoShopチュートリアル:phpspot開発日誌
More Texturing Photoshop Tutorial on Photoshop Contest サイトをクシャクシャにしてしまうPhotoShopチュートリアル。 サイト限定というわけではないのですが、どんな画像も、次のように、２枚の画像を合成して、クシャクシャにしてしまったような画像にするチュートリアルです。 拡大してみるとかなりリアルに仕上がってることが分かります。 いろんな画像をクシャクシャにしてみたいですね。 パンフレットやプレゼンの資料に使うとインパクトは抜群でしょう。 Flashを使ってこういう画像に変換するようなサービスが出てくると楽しいかも。 関連エントリ ワンダフルな100のPhotoShopチュートリアル クールな虹色のバックグランドを作成するPhotoShopチュートリアル
デザインを高速に行える技巧的なPhotoShopアクション集:phpspot開発日誌
Photoshop actions: 124 Free Photoshop Actions to Boost Your Designs An action is a series of tasks that you play back on a single file or a batch of files - menu commands, palette options, tool actions, and so on. デザインを高速に行える技巧的なPhotoShopアクション集。 複数の処理を一括してまとめて行えるPhotoShopのアクション機能。 高度な画像処理を行うアクションがまとまっていましたので紹介。 フィルタではなく、アクションなので、それぞれの細かな動きも見ることができてPhotoShop自体の学習用にもよさそう。 （アクションの読み込み方は本エントリの最後を参照） 画
CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル:phpspot開発日誌
Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のＣＳＳを適用。 p.thumb{ float:left; margin:.5
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版:phpspot開発日誌
PHPから各種ウェブサービスにアクセスするためのライブラリ集 2008年2月版 をまとめてみました。 2006年に「PHPからWEB2.0なAPIサービスを使う際に便利なモジュールまとめ」というエントリでウェブサービス用モジュールをまとめましたが、あれから時間が経ったので再度まとめてみました。 Services_Amazon - Amazon用 Services_Delicious - del.icio.us用 Services_Google - Google用 (古いので使えないかも) Services_Yahoo - Yahoo!Webサービス用 Services_Technorati - Technorati用 Services_Youtube - youtube用 Services_Digg - digg 用 Services_Twitter - Twitter用 PEAR::Fl
iPodのCM風の人影風イメージを作るPhotoShopチュートリアル:phpspot開発日誌
Dr. Photoshop.com - The Photoshop Tutorial Doctor De-saturate the photo. Change the levels so the range is closer. (Basically slide the black and white sliders towards the gray slider.) iPodのCM風の人影風イメージを作るPhotoShopチュートリアル 次のように、画像をiPod風に切り抜いて背景も漫画っぽくしていくチュートリアルです。 ネタ的な画像を作るような場合になかなか使えるチュートリアルですね。 イベントのパンフレットとか、プレゼンにまぜておくとウケを狙えるかもしれませんね。 関連エントリ 美しいアートを作成するためのPhotoShopチュートリアル100 PhotoShopを使ってリアルな触手
JavaScript製のフォームバリデータライブラリいろいろ:phpspot開発日誌
CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製のフォームバリデータライブラリがいろいろ紹介されています。 Realtime validation using Ajax ( フォームの入力値をリアルタイムにバリデーション「Realtime validation」 ) LiveValidation ( JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」 ) JSValidate ( prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 ) validator.js - Client-side form validatin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
早くも登場したiPadのGUIパーツが揃ったPhotoshopファイル:phpspot開発日誌
TwitterのAPIを使ったり調べる際に便利な「Twitter API Explorer」:phpspot開発日誌
iPhoneで動くドラムアプリを作成する分かりやすいチュートリアル:phpspot開発日誌
アップル風の画像を作るためのPhotoshopチュートリアル集:phpspot開発日誌
アイコン作成Photoshopチュートリアル４０:phpspot開発日誌