WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」 MockUPhone MockUPhoneはiPhoneやiPad、Androidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。そのデバイスで閲覧しているような画像を手軽に作ることが出来ます。 ...2013.08.04 | 11時04分09秒
Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」 iOS 7 Wireframe Kit iOS 7 Wireframe Kitはイラレで使えるiOS7用のワイヤーフレーム作成キットです。ツールやナビゲーションなどの各種バーコンテンツやスイッチボタン、テーブル、アラートなどなど一...2013.08.03 | 10時39分01秒
SVGによる背景を作成出来る・「SVGeneration」 SVGeneration SVGenerationはSVGによる背景を作成出来るジェネレーターです。Easy Editで用意されたデザインの色を変更したり、Code Editでその用意された背景のSVGやCSSをカスタマイズすることも...2013.07.31 | 10時23分56秒
Webフォントを使ったWebデザインをコレクションしている・「Typewolf」 Typewolf TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。まだ数は多くありませんが、増えれば良いインスピレーションを期待で...2013.07.29 | 9時41分36秒
著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」 UNSPLASH UNSPLASHはクオリティの高い写真素材を定期的に配布しているTumblrのサイトです。10日に1回、10枚というのがルールみたい。肝心のライセンスは「いかなる権利も保有しない」CC0ですので安心して利用できますね...2013.07.27 | 10時21分42秒
UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」 UI Animations UI AnimationsはUIアニメーションをGifアニメにしてTumblrで収集しているサイトです。実際に触って体感することも大事ですが、こうして見るだけでも参考になりそうですね。まだ数は少ないですが、...2013.07.24 | 10時20分18秒
Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」 WebfontsCorner WebfontsCornerはWebフォントを使っているWebデザインをギャラリーにしているコレクションサイトです。まだ数は少ないですが、シンプルで見やすい印象ですので覚えておいて損は無さそうです。 ...2013.07.23 | 10時25分45秒
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」 EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...2013.07.19 | 11時09分57秒
主要ソーシャルサイトのWebアイコンフォント・「Socialicious」 Socialicious Socialiciousは主要なソーシャルサイトのアイコンをWebフォントにしたもの。Twitterやflickr、dribbble、githubやFacebook、tumblr、Youtubeなど、一通り揃...2013.07.15 | 11時58分23秒
フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」 Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...2013.07.13 | 10時30分08秒
CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」 Tricky CSS Selectors Quiz Tricky CSS Selectors QuizはCSSのセレクタに関するクイズサイトです。表示されえたセレクタの影響を受ける列をクリックするだけの簡易的なものですがこういう形で見...2013.07.07 | 16時23分28秒
別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」 Catapulty Catapultyは、別のブラウザで表示確認をしたい時にURLのコピペを不要にするブックマークレットです。閲覧中のページでThrowを起動し、別のブラウザでHitを起動させればThrowを起動したページが表示されま...2013.07.04 | 11時35分34秒
CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」 Toastpress ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応して...2013.07.02 | 10時35分21秒
YUIを使用したUIフレームワーク・「AlloyUI」 AlloyUI AlloyUIは、YUIを使ったUIのフレームワークです。よくあるタブやカルーセル、モーダルウィンドウなどに加えて、スケジューラー、レーティングシステムやツールバーなどのコンポーネントの対応も充実しているようです。なか...2013.07.01 | 10時20分43秒
要素をレンガ状に並べるライブラリ・「MASON.JS」 MASON.JS MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS2013.06.30 | 18時55分42秒
HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」 DevDocs DevDocsはHTML5やCSS、jQueryなどのAPIに関する情報をまとめたサイトです。かなりの情報量で綺麗に纏められているのでとても探しやすい印象でした。キーワードを入力するだけで即時に候補を抽出するインスタン...2013.06.29 | 10時29分42秒
地図用に作られたマーカーアイコンのセット・「Maki」 Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...2013.06.28 | 12時08分37秒
モバイルファーストなCSSフレームワーク・「Cardinal」 Cardinal CardinalはモバイルファーストなCSSフレームワークです。必要最低限の設計で残りはユーザーがカスタマイズする、という事を念頭に置いて作られたようです。この手のフレームワークは数多に存在しますが、選択肢が大いに越...2013.06.26 | 10時09分29秒
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」 Buttons ButtonsはSASS/Compassで構築されたCSSボタンのプロジェクトです。classを振るだけで様々なボタンに装飾する事が出来る様になっています。Font Awesomeを使ってアイコンを加えたりCSS3でぼ...2013.06.22 | 9時19分15秒
有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」 Popular UIs Popular UIsは有名なサイトのUIを再現したPSDを配布するサイトです。HerokuやGitHub、Designer News、AppleやFacebookなどがあるようです。 Popular U...2013.06.21 | 12時08分53秒
Hacker Newsライクなデザイナー向けニュースサイト・「Designer News」 Designer News Designer NewsはHacker Newsのデザイナー版ニュースサイトです。登録ユーザーが投稿し、議論が展開される、というもの。コメント数から見てもまだそこまでユーザーが多いわけでは無さそうですね。...2013.06.20 | 10時25分50秒
Web上でアイコンフォントを作成できる・「Fontastic」 Fontastic Fontasticはオンラインでアイコンフォントを作成出来るWebサービスです。用意されたアイコンから必要な物を選択してダウンロードしたり、SVGをアップロードしてオリジナルのアイコンフォントを作成する事も出来るみ...2013.06.19 | 9時57分59秒