軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」 Cirrus Cirrusは軽量でベーシックなRWD対応CSSフレームワークです。コアに加えて必要なコンポーネントのをモジュール式に追加する形のようですね。最低限のコンポーネントに加えてホバーエフェクトやカードスタイルも用意されている...2017.03.20 | 10時15分23秒
CCライセンスで高品質な写真素材を収集するストックフォトサイト・「FreePhotos.cc」 FreePhotos.cc FreePhotos.ccはCCライセンスで高品質な写真素材を収集、配布するストックフォトサイトです。Pixabayやunsplashなどから引っ張ってきてるみたいですね。じゃあそっちで探せばいいやんけと言...2017.03.19 | 10時10分01秒
モックアップ作成用に作られたSILライセンスの棒状フォント・「MockFlowFont」 MockFlowFont MockFlowFontはモックアップ作成用に作られた棒状のフォントです。SILライセンスで配布されていますので商用でも利用できますね。同じようにBLOKKやRedactedなどの先発フォントもあります。 ...2017.03.18 | 10時10分24秒
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」 paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...2017.03.17 | 10時54分26秒
flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」 Waffle grid Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的...2017.03.16 | 10時44分48秒
使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」 UnCSS UnCSSはCSSををパースして使用してないスタイルを削除、使用中のものだけ残してくれるツールです。OSSとしてもソースコードが公開されています。この手のは先発のツールがありますので好みで。複数Webページにまたがってパー...2017.03.15 | 10時36分15秒
CSSアニメーションを手軽に作成、コードをコピー出来る・「Animista」 Animista Animistaは手軽にCSSアニメーションを作成、コードをコピーできるWebツールです。BasicやEntrance、TextやAttentionなどを選択してアニメーションを作成すればコードが発行されます。動作を...2017.03.14 | 10時25分26秒
超シンプルなメモ帳を実装出来るChromeエクステンション・「Burfi」 Burfi BurfiはChrome拡張で使える超シンプルなメモアプリ。特に珍しいい機能があるわけじゃなく、ただただプレーンテキストを保存出来るだけのもの。ただ、個人的にこういうのが欲しかったのですぐ導入しました。メモ系のアプリやエク...2017.03.13 | 10時32分11秒
使いやすいスプレッドシートを実装出来るスクリプト・「jexcel」 jexcel jexcelはスプレッドシート実装の為のスクリプトです。jQueryに依存します。上図のようなスプレッドシートを作成出来ます。CSVやJSONのデータで作成可能、Excelと互換性があるとの事です。表計算は勿論、テーブル...2017.03.12 | 9時56分30秒
50以上もの有料/無料ストックフォトサイトを高度なフィルターを通して横断検索出来る・「Everypixel」 Everypixel Everypixelは50以上ものストックフォトサイトから横断検索出来る画像検索ツールです。ストックフォトサイトは無料/有料のものがあり、無料のみで検索する事もできますが、本ツールはそれにとどまらず、任意の色や写...2017.03.11 | 10時37分40秒
Webアプリケーション開発を少しだけサポートするJavaScriptライブラリ・「HYPERAPP」 HYPERAPP HYPERAPPはWebアプリ開発を少しだけサポートしてくれるJSライブラリです。本ライブラリではクリック数検知やカラーコードのパース、要素のドラッグ&ドロップ、キーワードマッチ、マウスの動きの解析やTodo、時計な...2017.03.10 | 10時56分44秒
Webページにカスタマイズ可能なグリッドをオーバーレイ表示させるスタイルシート・「Graaf」 Graaf GraafはWebページにグリッドをオーバーレイするCSSです。よくあるグリッドをオーバーレイさせて表示を確認できる、みたいなやつなんですが、こちらの大きな特徴はカスタマイズ出来る、という点です。スタイルシートはGraaf...2017.03.09 | 10時36分44秒
パブリックドメインで配布されている、モバイルファーストでレスポンシブなCSSグリッドシステム・「FLUIDABLE」 FLUIDABLE FLUIDABLEはモバイルファーストなレスポンシブWebデザイン対応のCSSグリッドシステムです。LESSが使われていおり、ライセンスはパブリックドメインの元、配布されていますのでかなり自由に使うことが出来ますね...2017.03.08 | 10時44分34秒
シンプルなアイコンフォントを検索、classやunicodeをコピー出来る・「iconspider」 iconspider iconspiderはシンプルなアイコンフォントを検索、HTMLマークアップやclass、unicodeをコピーできるアイコン検索エンジンです。Font AwesomeやIonicons、Dashicons、他さ...2017.03.07 | 10時44分36秒
各種サービスやTodo、プロジェクト管理、ファイル検索、ノートやWeb検索等を1箇所で出来るようにしたデスクトップアプリ・「Freeter」 Freeter FreeterはGoogleアナリティクスやEvernote、Basecamp、TrelloやWordPress、Mediumなど、各種Webサービスとの連携やプロジェクト管理、Todo、メモ帳やファイルエクスプローラ...2017.03.06 | 9時44分37秒
円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」 ProgressBar.js ProgressBar.jsは円や三角、ハート型など、形状をカスタマイズ出来るプログレスバー実装スクリプトです。シンプルで良いですね。仕様はシンプルで対応ブラウザも幅広いので扱いやすそうな印象です。ライセ...2017.03.05 | 10時44分38秒
YoutubeのURLを指定すると、その場でブラウザいっぱいに広げて再生してくれる・「BigTube」 BigTube BigTubeはYoutubeの動画をブラウザいっぱいに広げて再生してくれるツールです。URLを指定して再生する、という非常にシンプルなもの。最初、どんな需要があるのか気になってみたのですが、Youtubeにあるコード...2017.03.04 | 10時07分22秒
ボツになったロゴをフリー配布するプロジェクト・「Logodust」 Logodust Logodustは提案したものの、ボツになってしまったロゴをフリーで配布して使ってもらおう、というリサイクルなプロジェクトサイトです。まだ数は多くありませんが、オープンソースとして配布されているのでもっと増えれば諸...2017.03.03 | 10時35分03秒
任意の色の組合せでアクセシビリティチェック出来る・「Hex Naw」 Hex Naw Hex Nawは任意のカラーの組合せでアクセシビリティチェックが出来るツールです。調べたいカラーコードを入力すればチェック結果を表示してくれます。カラーは12色まで追加可能のようです。この手のは他にもいろいろありますの...2017.03.02 | 10時20分28秒
Webサイトの訪問者の簡易的なデータを取得するスクリプト・「Purser」 Purser PurserはWebサイトの訪問者の簡易的なデータを取得する軽量スクリプトです。最初に訪れた日時やリファラ、タイムゾーン、ブラウザに設定してある言語、ランディングページやモニターサイズ、コンバージョンに設定したボタン等を...2017.03.01 | 10時12分31秒
accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」 Accessible color palette builder Accessible color palette builderはaccessibleなカラーパレットの作成をサポートしてくれるWebツールです。任意のカラーを5色設定...2017.02.28 | 10時00分58秒
データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」 timesheet.js timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱...2017.02.27 | 10時42分25秒