Resource - Webディレクター向け

チームでパスワードを管理出来るOpenPGPベースのOSSパスワードマネージャ・「Passbolt」

Passbolt PassboltはOpenPGPをベースにしたチーム単位でパスワード管理が可能なパスマネです。当時、お国までも動かしたPGPの暗号技術(参照:Wikipedia)を使用し、ブラウザの拡張機能で暗号化、SSLを介して送...

Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」

Fontea FonteaはGoogle Fontsで公開されている700ものフォントをPhotoshop内で使えるようにするPhotoshopプラグインです。OS X、Winの両方に対応しています。検索やお気に入り機能も付いているの...

可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」

timedropper timedropperは可愛らしいスタイルのタイムピッカーです。jQueryに依存しています。アナログ時計に見立てたUIで時間をピック、フィールドに入力する事が出来ます。年月日等を入力管理出来るデイトピッカーで...
Ads

様々な画家の絵画からカラーパレットを作成、公開するプロジェクト・「Color Lisa」

Color Lisa Color Lisaは様々な有名画家の絵画を元にカラーパレットを作成、公開しているプロジェクトです。頭文字A~Zの画家を選定して代表作となっている絵画からカラーパレットを作成する、というもの。カラーパレットは色に...

スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」

Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...

input要素にフォーカスした際のアニメーションエフェクトをいろいろまとめた・「Awesome input focus effects」

Awesome input focus effects Awesome input focus effectsはinput要素にマウスフォーカスした際のエフェクトのまとめです。borderやbackground、placeholder...

グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」

gridfolio.js gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルや...

SVGにも対応の手軽にダイアグラムを作成できるフリーのグラフエディタ・「yEd」

yEd yEdはフローチャートのようなダイアグラムを作成出来るフリーのソフトウェアです。SVGにも対応しておりWindows、Max OS、Linuxなど主要プラットフォームにも対応しています。手動による作図はもちろん、外部データをイ...

データを可視化する際の表現パターンをいろいろとまとめたカタログサイト・「The Data Visualisation Catalogue」

The Data Visualisation Catalogue The Data Visualisation Catalogueはいろいろなデータを棒グラフや円グラフ等、可視化する際の表現方法をまとめたカタログサイトです。データには...

モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」

Spectre.css Spectre.cssはモダンでシンプル、クリーンなCSSフレームワークです。RWD対応で軽量、UIコンポーネントも充実しています。HTMLメールも用意されてるみたい。また、日本や中国、韓国といったアジアのフォ...

jQueryで作られたオープンソースのシンプルなTodoアプリ・「LobiList」

LobiList LobiListはjQuery製のToDoアプリです。OSSとして公開されています。上図のように複数リストも設定可能で基本的なToDoアプリの性能は揃っている印象でした。シンプルで使いやすそうですし、手軽に作れるのは...

レスポンシブWebデザイン対応のHTMLメールフレームワーク・「Outline Mail」

Outline Mail Outline MailはRWDなメールのHTMLフレームワークです。スマフォの普及で以前より需要が増している印象です。HTMLメールのRWD対応は通常のWebページとは少し勝手が違うのでこの手のフレームワー...

日本語にも対応のHTMLをPDFに変換するOSS・「Athena」

Athena AthenaはHTMLからPDFへ変換するコンバートツールです。日本語を含め、数百もの多言語に対応しているそう。URLを指定すれば変換してくれます。wkhtmltopdfの代替として開発、OSSとして公開されています。今...

フリーで公開されたWebデザイン向けのリソースをまとめている・「Freebiesbug」

Freebiesbug FreebiesbugはWebデザイン向けのリソースで無料で公開されているものだけをまとめているWebサイトです。テンプレートやCSSフレームワーク、ちょっとしたコードスニペットの紹介ページやPSDファイル、フ...

静的なHTMLファイルを編集可能にするシンプルなCMS・「SiteCake」

SiteCake SiteCakeは通常の静的なHTMLを編集可能にするシンプルなCMSです。プログラミングの知識も不要でプレーンなHTMLを編集可能になします。コンテンツはドラッグ&ドロップで調整出来てデータベースも不要との事。どこ...

canvasを使ったシンプルなドローライブラリ・「atrament.js」

atrament.js atrament.jsはcanvasを使ったシンプルなドローライブラリです。色やペンの太さ、消しゴム、透過機能などが揃っています。他ライブラリへの依存も無く、圧縮版で7KBほどと軽量です。滑らかで動作も軽いドロ...

Markdownで書ける、Wikiベースの日本国産オープンソースなコミュニケーションツール・「Crowi」

Crowi Crowiは日本国産のオープンソースなWikiです。コミュニケーションツールとしてのWikiを目指したシンプルな設計となっているそう。もう1~2年前に公開されていたようですが最近知ったばかりでしたのでメモも兼ねて。国産なの...

can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」

The (Unofficial) CanIUse Embed Can I Use transforms3d? Data on support for the transforms3d feature across the maj...

Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」

Popper.js Popper.jsは常に見やすい状態に維持してくれるツールチップ実装スクリプトです。圧縮版で3.5KBと軽量且つ非依存型で単体で動作してくれます。うまく説明出来ませんが、任意のコンテナにツールチップを表示した際、ス...

インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」

FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...

様々なUIのデザインをパーツ別に収集しているギャラリーサイト・「Collect UI」

Collect UI Collect UIは様々なUIデザインを収集しているギャラリーサイトです。よくあるギャラリーサイトですが、他と違う点は大量のカテゴリに分けられている点です。主なソース元はDribbbleだそうですが、自動ではな...

ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」

Detectr.js Detectr.jsはブラウザやOS、デバイス等を検出してclassを付与するスクリプトです。他ライブラリに依存せず単体で動作し、圧縮版で3.6KByと軽量です。下記のようにclassが付与されます。 ...
Ads