軽量でシンプルなCSSフレームワーク・「Bijou」
Bijou Bijouはシンプルで軽量なCSSフレームワークです。圧縮版で2KBほどと、かなり軽量化されています。グリッドレイアウトにも対応できますが、12カラムではなく10カラムで設計されていますね・・なんとなく珍しい気がしました。...
Resource - シンプル
シンプルで丸みのあるデザインのアイコンセット・「IKONS」
IKONS IKONSはシンプルで丸みのあるデザインが可愛らしいアイコンセット。個人でも商用でも著作権表示不要で利用可能との事ですがご利用の際はご確認下さい。200以上のアイコンと、様々なフォーマットのデータも含まれています。最近はS...
Flashを使わずに実装しているプリローダーアニメーションのギャラリー・「Preloaded」
Preloaded PreloadedはFlashを使わずに実装しているプリローダーのアニメーションを収集しているTumblrです。他サイトの例や、Codepenで書かれたモノなどがありますので一部のプリローダーはコードも参考に出来ま...
Markdown記法で書けるWiki・「Scribble」
Scribble ScribbleはMarkdown記法で書けるWikiサービスです。編集機能以外には特に機能の無い、非常にシンプルなもので使いやすい印象でした。プレビューも即時反映されます。 Scribble ※私事です...
ダミーテキストやダミーのユーザー名を作成出来る国産ツール・「DummyObject」
DummyObject ご連絡頂いたのでご紹介。DummyObjectはダミーテキストやダミーのユーザー名を生成出来る国産ツールです。ダミーテキストは青空文庫にある類のものを字数指定で生成出来ます。ダミーユーザーは人物名を漢字、ひらが...
オープンソースで配布されているシンプルなアイコンフォントのセット・「Ionicons」
Ionicons Ioniconsはオープンソースで配布されているシンプルなアイコンフォントです。やや丸みを帯びたデザインで使いやすそうですね。MITで公開されており、SVGのソースファイルも同梱されています。 Ionicons
iOS7な色合いのカラーコードをコピペ出来る・「iOS 7 colors」
iOS 7 colors iOS 7 colorsはiOS7風の色合いのカラーコードをコピペ出来るようにまとめたWebサイトです。マウスを乗せるとカラーコードが表示されます。グラデーションの場合はそのグラデ用のカラーコードが表示されま...
ダミーのユーザー名と画像を生成する・「Random User Generator」
Random User Generator Random User Generatorはユーザー名とユーザー画像のダミーを生成してくれるツールです。JavaScriptで予め用意した空要素に埋め込んでくれる仕様みたいです。よくあるダミ...
HTML5のWeb Componentsのカスタム要素を収集している・「Custom Elements」
Custom Elements Custom ElementsはHTML5のWeb Componentsのカスタム要素を収集したWebサイトです。例えばQRコードなどをなどのように簡単に実装出来るようになるのは凄いですね。ちょっと楽し...
シンプルで軽量なCSSフレームワーク・「LAYERS CSS」
LAYERS CSS LAYERS CSSはシンプルで軽量なCSSフレームワークです。レスポンシブWebデザイン対応で無駄な装飾等もありません。かなり使いやすい印象でした。シンプルなものをお探しの方は一見の価値はあるかも知れません。ラ...
OSSとしても公開されているJavaScriptベースのマージ/Diffツール・「Mergely」
Mergely MergelyはマージとDiffが可能なJSベースのWebアプリで、OSSとしても公開されています。HTML5とJavaScriptのみで構成されているみたいですね。対応言語はC、C + +、Java、HTML、XML...
HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」
Native form elements Native form elementsはHTML5のフォーム要素のデフォルト表示がブラウザでどのように見えるかを確認出来るWebサイトです。各エレメントの表示確認を手軽に行えるようになってい...
オープンソースのライブプレビュー付きMarkdownエディタ・「CuteMarkEd」
CuteMarkEd CuteMarkEdはOSSのMarkdownエディタです。ライブプレビュー機能もあり、2ペインで確認しながら書くことが出来ます。また、HTMLやPDFでエクスポートも出来るとの事。シンプルで良さそうです。 ...
ブックマークレットを作成 / 公開できる・「Bookmarkify.it」
Bookmarkify.it Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなもの...
JSONデータをtableタグに変換する・「json.human.js」
json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...
RWDのワイヤーフレームを作成出来る・「Responsive Wireframes」
Responsive Wireframes Responsive WireframesはRWD向けのWebサイトのワイヤーフレームを作成出来る、というツール。画面サイズを見ながらレイアウトを作ることが出来ます。凝ったことは出来ませんが...
ttfフォントをWebフォント化するジェネレーター・「@font-face Generator」
@font-face Generator @font-face Generatorはオンライン上でttfフォントをWebフォントに対応可能にしてくれるジェネレーターです。アップロードすればWebフォントに対応できるファイルを作成し、パ...
CSS3を手軽に試せるジェネレーター・「CREATE CSS3」
CREATE CSS3 CREATE CSS3は手軽にCSS3を試せるツールです。数値を入力すると、要素に反映され、コードも表示してくれます。シンプルなのでちょっと試したい、という時は便利かもしれません。 CREATE CSS3
コードスニペットを管理する為のシンプルなCMS・「codejab」
codejab codejabはコードスニペットを管理する為のシンプルなCMS。オープンソースとして公開されています。たまに見かけるスニペットの共有サイトを作れる、みたいなイメージでしょうか。Embed機能も付いてるのはちょっと素敵か...
Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」
Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...
Web制作に使えそうなWebツールを週一で知らせてくれるメールマガジン・「WEB TOOLS WEEKLY」
WEB TOOLS WEEKLY WEB TOOLS WEEKLYは週一でWeb制作に役立ちそうなWebツールを教えてくれるメールマガジンです。まだ始まったばかりのメルマガですが、今の所はCSSやHTML、JavaScriptに関する...
MIT/Apache/GPLライセンスの違いをまとめた・「Choosealicense.com」
Choosealicense.com Choosealicense.comは、MIT、Apache、GPLなど、OSSでよく使われるライセンスの違いや特徴をわかりやすくまとめたWebサイトです。似て非なるものなので不慣れな方だと混乱す...