Resource - Archives

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」

Slid.es Slid.esは、HTML形式のプレゼンテーションスライドを手軽に作成、共有出来るWebサービスです。モバイルにも対応しています。WYSIWYGを使ってスライドを作成していきます。アカウントはGoogleやFacebo...

Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」

Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...

タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」

Phantom Limb Phantom Limbはデスクトップブラウザでタッチデバイス向けのイベントを動作テストできるブックマークレットです。任意のページでブックマークレットを起動するとクリックでタッチイベントが発火するようになりま...
Ads

Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」

Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...

Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」

Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...

フラットなデザインでよく使われてる色をまとめている・「Flat UI Colors」

Flat UI Colors Flat UI Colorsはフラットなデザインで良く用いられている色をまとめたWebサイトです。確かに見かける色合いはこんな感じですね。コンテンツに合うようなら導入も考えたいですけどその機会は今の所無さ...

WordPressのプラグインで上位ダウンロード数TOP108を元素記号のように一覧化したWebサイト・「The Periodic Table of WordPress Plugins」

The Periodic Table of WordPress Plugins The Periodic Table of WordPress Pluginsは最もダウンロードされているWordPressプラグインを108個、一覧化し...

Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」

Retinize It Retinize ItはiOSで採用されているRetinaディスプレイに対応する為の画像を作れるPhotoshopアクションです。@2xのファイルを作成する事ができます。ドロップシャドウを用いている場合は諸注意...

SassのコードをCSSに即時変換・「SassMeister」

SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...

作成したフォントをパブリックドメインで公開・「ドットコロン」

ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...

URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」

Web Colour Data Web Colour DataはURLを入力すると、そのWebサイトで使われている配色を取得してくれるWebツールです。少々重いかもしれませんが、なかなか面白い。CSSからのみ所得するツールというのはよ...

JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」

Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...

プログラミングに適したフォントをまとめている・「What are the best programming fonts?」

What are the best programming fonts? What are the best programming fonts?は、エディタでコードを書く際に適したフォントをまとめたWebページです。プログラミング向...

OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」

TyranoScript TyranoScriptはノベルゲームをHTML5で実装できるオープンソースのライブラリです。吉里吉里との親和性が高いのが特徴との事。ライセンスはMITで公開されています。国内の開発なのでドキュメントも日本語...

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」

Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」

WIRED WIREDはワイヤーフレームを作成するためのメディアファイルキットです。Webサイトでよく利用される様々なコンポーネントの素材がパッケージングされています。また、iPhone5用の素材もあるみたいです。 WIRED

フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」

The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...

jQueryのプラグインを大量に収集している・「Unheap」

Unheap UnheapはjQueryのプラグインを大量の収集、紹介しているWebサイトです。かなり細かくカテゴライズされているので探しやすい印象でした。社内向けに作ったリソースサイトらしいです。 Unheap

PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」

The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」

Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」

LayoutIt! LayoutIt!hは、D&DでBootstrapのレイアウトを作成出来るWebツールです。まだベータ版で若干バグ的なものも確認出来ますが、それなりに作成出来るようです。フォームやボタン、プログレスバーなどのコンポ...

CSSのショートハンドを解除してから整形する・「FESS」

FESS FESSはCSSのショートハンドを解除して整形するWebツール。解除する機会は一般的にはあまり無いかも知れない&まだベータ版なので優れた精度では無いけど、珍しいので。精度に関しては、例えば background:red u...
Ads