これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌
Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。 ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。 ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります 更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。 片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ
サーバ側でCSSを保存したら直ぐにCSSが反映されるようにできる「CSSreflesh」:phpspot開発日誌
CSSrefresh - automatically refresh CSS files サーバ側でCSSを保存したら直ぐにCSSが反映されるようにできる「CSSreflesh」。 CSSでのデザインに注力したい場合、リロードが面倒ですが、１秒ごとにファイルの更新状態をチェックして更新されていたら反映してくれるというのがこのCSSreflesh。 毎秒サーバへリクエストに行くので、本番環境では当然NGですが、開発中にCSSデザインを組む際には便利に使えそうです。 ブラウザ上で即時反映されるようなツールもありますが、環境に応じてこうしたツールを使って効率化したいところですね 関連エントリ Photoshopのグラデーションツールの操作感でCSSグラデーションを作れるツール CSSスプライト実装が誰でも簡単にできるツール「Spritebox」
WEBサイト制作に使えるベクターアイコンセットｘ２５:phpspot開発日誌
25 Free Vector Icons Pack For Web and Graphic Designers | Icons | Graphic Design Junction WEBサイト制作に使えるベクターアイコンセットｘ２５。 綺麗なアプリケーションアイコンを中心に手書き風のアイコン等がまとまっています。 これだけあればアイコンに困らないってぐらいありますが、作りたい物の印象に合うアイコンを選ぶ際に使えそう 関連エントリ ６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」 iOSのAppアイコン作成用PSDテンプレート 超気合の入ったiOSアプリケーションアイコン４０ RetinaディスプレイOKなアプリ用PSDアイコン350
良い感じのシンプルなベクターアイコン120個セット:phpspot開発日誌
Freebie: Application Icon Set (PNG, PSD, CSH) | Codrops 良い感じのシンプルなベクターアイコン120個セット。 汎用に使えそうなアイコンがぎっしり。シンプルですが、個性があるアイコンセットですね ベクターなのでスマホアプリなんかにも。 関連エントリ ６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」 iOSのAppアイコン作成用PSDテンプレート RetinaディスプレイOKなアプリ用PSDアイコン350
超気合の入ったiOSアプリケーションアイコン４０:phpspot開発日誌
40 Stunning iOS App Icons for Design Inspiration | SpyreStudios 超気合の入ったiOSアプリケーションアイコン４０。 iPhoneアプリとダウンロード数の関係は大きいというわけでアイコンのインパクトは重要ですが、気合の入ったアイコン集が公開されています。 見るだけでも楽しいですが、真似てみたりしてもよいかもですね 関連エントリ iOSのAppアイコン作成用PSDテンプレート ６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」 綺麗にデザインされたピクトグラムアイコン100個セット RetinaディスプレイOKなアプリ用PSDアイコン350
サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」:phpspot開発日誌
サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」 2012年07月06日- Standard demo サイトにキーボードショートカットを実装する際に便利なjQueryプラグイン「chaves.js」。 jとかkとかnとかpでアイテムを送れたりする便利なショートカットですが、あらかじめ決められたマークアップをベースに $(elem).chaves(options) と唱えるとすぐに実装でき、カスタマイズなんかも比較的容易に出来るjQueryプラグインです。 以下のようなコードで bingingsにjson形式で関数を指定してあげるとキーボードに応じた処理がfireされるという仕組み 不要な機能もついてきそうですが、とりあえずサクッと実装しちゃいたい場合には使えそうですね 関連エントリ selectボックスを超カッコよくするjQueryプラグイ
RetinaディスプレイOKなアプリ用PSDアイコン350:phpspot開発日誌
Free Icons Set designed by Brankic1979 - Free psd RetinaディスプレイOKなアプリ用PSDアイコン350。 次のようなアイコンセットがPSD形式で配布されています。ベクター形式ということでRetinaでも使えます。 350種類もあるので、汎用的なものから、ちょっと変わったものまで入っているので使いやすそうです 関連エントリ 綺麗にデザインされたピクトグラムアイコン100個セット アプリ等に使えそうなアイコンセット「Uicons」 アプリにサイトに使えるお天気アイコン４０セット iOSのAppアイコン作成用PSDテンプレート フリーのアイコンフォント１０まとめ
綺麗にデザインされたピクトグラムアイコン100個セット:phpspot開発日誌
Dribbble - Free 16px Broccolidryiconsaniconsetitisfullof…icons by Visual Idiot 綺麗にデザインされたピクトグラムアイコン100個セット。 次のようなシンプルだけど綺麗なPSD形式のアイコンセットがダウンロードできます。 PSDファイルですが、ベクター形式なので拡大しても劣化がありません。Retinaディスプレイ対応も可能。 種類も汎用に使えそうなものが多いです 関連エントリ フリーでシンプルなピクトグラムアイコン６０個セット「Jigsoar icons」 いい感じのOpenType形式ピクトグラムアイコン集100個「Entypo」 ピクトグラム等、ミニマムなアイコンが２４個まとまったアイコンまとめ ピクトグラムが７００種類以上集まったアイコンセット「Pictodeck Icon Set」
立体感のあるボタン風アイコンセット「SweetiePlus」:phpspot開発日誌
Sublink Interactive The SweetiePlus icon set. 立体感のあるボタン風アイコンセット「SweetiePlus」 次のような１２０個のアイコンセットがダウンロード出来ます。 立体感がありますがシンプルで汎用に使えそうなデザインになってますね。 24x24, 16x16 のサイズが入ってます 関連エントリ アプリ等に使えそうなアイコンセット「Uicons」 オシャレなアイコンが詰まったアイコンフォント「PulsarJS」 TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０ ５００以上のモノクロ記号アイコンセット「PICOL」
モダンな５０のPhotoshopのボタン用スタイル集:phpspot開発日誌
Free Button Styles | MediaLoot モダンな５０のPhotoshopのボタン用スタイル集。 クリック一発でリアルな質感を実現できるスタイルですが、次のような、モダンなボタン作成にはぴったりのスタイルが公開されているではありませんか。 Appleっぽいボタンもあっていい感じ。 ５０種類のデザインから選びます。カラーは自由にレイヤーカラーを変更すればよいですね これは入れるっきゃないですね 関連エントリ 映画のロゴみたいな超カッコイイロゴが一瞬で作れるPhotoshopスタイル集 Photoshopのクリエイティブで効率化ができるレイヤースタイル２０ ストライプ等、Photoshop用の４００個のパターンまとめ
フリーでシンプルなピクトグラムアイコン６０個セット「Jigsoar icons」:phpspot開発日誌
Jigsoar icons - a free, creative commons icon set フリーでシンプルなピクトグラムアイコン６０個セット「Jigsoar icons」。 次のようなアイコンがクリエイティブ・コモンズライセンスで利用できます ピクトグラムといってもデザインの仕方があるもので、なかなか味のあるものになってますね 関連エントリ 円形で良い感じのソーシャルアイコンセット「Circle Social Media Icons」 手書き風だけど綺麗にデザインされたソーシャルアイコンセット「Setway Icon Set」 オシャレなアイコンが詰まったアイコンフォント「PulsarJS」 商用フリーなシンプルだけど汎用につかえそうな１０６個のアイコンセット
オシャレなアイコンが詰まったアイコンフォント「PulsarJS」:phpspot開発日誌
PulsarJS オシャレなアイコンが詰まったアイコンフォント「PulsarJS」 画像じゃなくて ttf 形式なので font-face 等で使えそうです。オーサリングツールで画像化しちゃってもいいですね。 拡大してもクオリティは落ちないですし。 ピクトグラムは背景を何色にしようが使える上に拡大しても品質が下がらない上に他のアイコンと混ぜても違和感が少ないわけで、これからはどんどん増えていくんでしょうね 関連エントリ いい感じのOpenType形式ピクトグラムアイコン集100個「Entypo」 PSD形式のフレッシュなフリーアイコン素材３７ 15000ものAndroidアプリ用アイコンセット「Android icons Set」 Windows Phone7っぽいmetroアイコンセット
サイトのロゴを瞬時に作れるPhotoshop用ロゴテンプレート集:phpspot開発日誌
45 Free and Premium PSD Logo Templates - DesignModo サイトのロゴを瞬時に作れるPhotoshop用ロゴテンプレート集 WEBサービスを作る際に、なんとなくロゴ作成に時間を掛けたくないけどいいものが作りたいっていう場合に手っ取り早く作るためのテンプレート集です。 エントリ内に出てくるShaboopie.com、ここには他にも大量のロゴがあって便利です。 若干アメリカンな感じになりますが、世界を目指すWEBサービスを作る場合にはそれが逆によいかもですね 関連エントリ 映画のロゴみたいな超カッコイイロゴが一瞬で作れるPhotoshopスタイル集 クールなロゴデザイン５０ 複数パーツで組み合わされたオシャレなロゴを作るPhotoshopチュートリアル
商用利用可能なバレンタインデーのアイコンセット１０:phpspot開発日誌
Freebie: St. Valentine's Day Icon Set (10 PNG/PSD Icons) - Smashing Magazine | Smashing Magazine 商用利用可能なバレンタインデーのアイコンセット１０。 そろそろバレンタインデーですが、それに因んだサイトの飾り付けなどをやる際につかえるかもなアイコン集です バレンタイン特集なんかをやるサイトさんは使わせてもらってもよいですね 関連エントリ ５００以上のモノクロ記号アイコンセット「PICOL」 綺麗なデザインのクレジットカードアイコン15個セット アプリ等に使えそうなアイコンセット「Uicons」 円形で良い感じのソーシャルアイコンセット「Circle Social Media Icons」
５００以上のモノクロ記号アイコンセット「PICOL」:phpspot開発日誌
Icon Library | PICOL - Pictorial Communication Language - Icons & Pictorgrams ? Pixel & Vector ５００以上のモノクロ記号アイコンセット「PICOL」。 次のようなシンプルでいい感じのアイコンセットがPNG、SVG形式で入手できます。 ボタンの横などにちょこっと置けば嫌味のない良い感じのボタンができそう 関連エントリ Youtubeのカーソルを合わせるとポップアップするボタン実装CSSサンプル シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル CSSボタン作成チュートリアル＆テクニック集１３ オンラインでボタンを作成できるジェネレーター10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
７５３種の使えるWindows8風アイコンセット「Modern UI Icons」:phpspot開発日誌
iPhoneアプリ作成に使えるPSD素材集１０:phpspot開発日誌
アプリに使えそうな５０個のアイコンセット「Simplycons Icon Set」:phpspot開発日誌
アプリやサイトで使えそうなフリーアイコン２００個セット「Freecns」:phpspot開発日誌
フリーのアイコンフォント１０まとめ:phpspot開発日誌