Resource - Archives

CSSのみで書かれたアイコンのセット・「CIKONSS」

CIKONSS CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと...

FFFFOUND!からダミー画像を生成・「hhhhold!」

hhhhold! hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!

CSSライブラリをコレクションしている・「CSSDB.co」

CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...
Ads

軽量なJavaScriptライブラリをコレクションした・「microjs」

microjs microjsは軽量なJSライブラリだけをコレクションしているWebサイトです。5KB以内のスクリプトだけを纏めているようですね。簡単に特徴も書かれています。かなりの数ですが検索も出来るのでそこそこ探しやすのでは無いか...

カラーパレットを共有できる・「PLTTS」

PLTTS PLTTSはカラーパレットを共有出来るWebサービスです。カラーコードで検索すると、そのカラーが含まれるパレットを調べられるので参考にしたりインスピレーションの向上にもなるかもしれません。まだ数は多くないですが、シェアサー...

Gistに書いたコードを管理するアプリ・「GistBox」

GistBox GistBoxはGistに書いたコードを管理、編集しやすくする為のアプリケーションです。インストールして認証を終えれば起動します。見やすいレイアウトでラベルによるソートも可能です。結構便利。 GistBox

カウントダウンをGIFアニメで作成出来る・「Gif Countdown」

Gif Countdown Gif CountdownはよくあるカウントダウンタイマーをGIFで作れるWebツールです。需要はともかく技術が面白かったです。色の変更やタイムゾーンの指定も可能ですが、含まれるテキストは今の所、固定のよう...

ブラウザで使えるオープンソースのコードエディター・「ICEcoder」

ICEcoder ICEcoderはブラウザで使えるIDEです。PHP製となっており、サーバーに設置してブラウザ上でコードを書くことが出来ます。なかなか高機能のようですね。MITライセンスとしてGithubでもソースが公開されています...

Sketchのファイルをアーカイブしている・「SketchMine」

SketchMine SketchMineはSketchで作成されたファイルをアーカイブ・共有しているWebサイトです。ザックリとですがカテゴリ分けもされていますのでざっと見るのもいいかもしれません。 SketchMine

BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」

Pingendo 各種フレームワークがビルトインされたオーサリングツール・Pingendoです。日本語も問題なし。Windows版とMac版が用意されています。使ってみた感じ、割と使いやすい印象でした。今だけかもしれませんが無料で利用...

様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」

Screensiz.es Screensiz.esはスマフォやタブレット、PCなどのスクリーンサイズを一覧化したWebサイトです。一覧テーブルではOSや普及率、サイズなどでソートも可能で、不要な項目は非表示にする事も出来ます。 ...

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」

SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...

レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」

FROONT FROONTは、ブラウザでレスポンシブWebデザインに対応したWebサイトのモックアップを作成出来るサービス。ドラッグ&ドロップを基本操作としているので手軽に作成できそう。利用にはユーザー登録が必要です。 FROO...

レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」

HTML5 Up! HTML5 Up!は様々なHTML5 / CSS3なテンプレを配布するWebサイトです。全てレスポンシブWebデザインに対応しています。現在12~13個ほどあり、素敵なデザインに仕上がっています。ライセンスはCC-...

LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」

Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...

レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」

skel.js skel.jsはレスポンシブなWebサイトを構築する為のフロントエンドフレームワークです。19kbと、なかなか軽量で内容も充実した印象でした。使い慣れれば便利そうです。ライセンスはMITとGPL。 skel.js

JSONを編集、整形出来る・「JSONmate」

JSONmate JSONmateはブラウザ上でJSONフォーマットを整形したり、手軽に書いたり出来るツールです。JSONのコードを貼り付けてBeautifyボタンを押せば整形されます。また、ツール自体もGithubでソースが公開され...

AngularJS用のチートシート・「AngularJS Cheat Sheet」

AngularJS Cheat Sheet AngularJS Cheat Sheetは名前の通り、Google製のJavaScript MVCフレームワ-ク、AngularJS用のチートシートです。PDFとしてもDL出来るみたい。B...

レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」

.FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。(当記事では一応フレームワークのカテゴリに含めています)CSS自体は非圧縮でも4KB...

描いた絵をGifアニメに出来るペイントツール・「GIFPaint」

GIFPaint GIFPaintはGifアニメを作る為のヘペイントツールです。ちょっとネタ的なツールですが、面白かったので。絵を1枚1枚描いていき、Encoded GIFsを押せばダウンロード可能になります。そのまま直接Tumblr...

手軽に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...
Ads