WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」 Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照:リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...2016.11.20 | 10時16分54秒
画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」 Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...2016.11.19 | 10時34分32秒
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」 LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・w 念の為、Facebook...2016.11.18 | 10時35分10秒
Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」 FormLinter FormLinterはWebフォームをチェック、評価してくれるフォーム最適化ツールです。URLを指定すると、そのページ内にあるフォームを調べて課題点や問題点があれば表示、AやA+、Bなどで評価してくれる、みたいな...2016.11.16 | 10時15分16秒
UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」 Instant Images Instant ImagesはCC0ライセンスでクオリティの高い写真素材を提供するUnsplashから画像を管理画面で検索、ダウンロードし、記事に投稿出来るWrodPressプラグインです。投稿ページにボ...2016.11.14 | 10時23分22秒
Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」 Base BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジ...2016.11.12 | 9時32分09秒
オープンソースのオンラインドキュメント管理システム・「PaperNIC」 PaperNIC PaperNICはオンラインでドキュメントを管理出来るオープンソースソフトウェアです。マルチユーザー対応で複数人が管理可能であらゆるドキュメントファイルに対応、互換性を気にせずアップロード出来る、との事です。動作デモ...2016.11.09 | 10時20分56秒
Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」 StockJo StockJoはWeb制作に役立ちそうなツールやリソースを厳選収集しているWebサイトです。ストックフォトサイトやフォント、動画、モックアップ、音源、カラーツールなどのカテゴリに分けられています。よくある個人のキュレー...2016.11.08 | 10時12分28秒
HTML5やWordPressの有料/無料のテンプレートで高品質なものを収集、ギャラリーにしている・「Best of Themes」 Best of Themes Best of Themesは各テーママーケットや配布サイト等で紹介されているHTMLやWordPress、HTMLメール、Magento、Joomla、PrestaShopなどのテンプレートで良品質なも...2016.11.06 | 10時05分56秒
レスポンシブなtableの為のスクリプト・「resTables」 resTables resTablesはレスポンシブなtableを作るためのスクリプトです。jqueryに依存しています。同等の先発のスクリプトであるstacktable.jsの形式に基づき、更に進化させたものとして提供しているそう。...2016.11.05 | 10時48分08秒
要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」 PrognRoll PrognRollはページやスクロールが可能なコンテナ内でのスクロールに応じてプログレスバーを表示するスクリプトです。ただそれだけのシンプルなもので、サイズも2kb以下、圧縮すれば1kb以下と軽量です・・が、jqu...2016.11.03 | 10時30分57秒
FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」 useful.ly useful.lyはFlexboxベースのシンプルなCSSフレームワーク。グリッドやモーダルウィンドウ、ボタンやフォームのスタイルを提供してくれています。まで開発中でこれから頑張る!CDNも用意したから試しに触って...2016.11.02 | 10時54分44秒
NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」 egjs egjsはLINEでおなじみのNAVERが公開しているUIインタラクションセットライブラリです。Webアプリ構築の際に開発スピードに貢献する事が目的のようで、OSSとして提供してくれています。jQueryを使って更に機能を拡...2016.11.01 | 10時31分09秒
ミニマルスタイルでパワフルなMarkdownエディタ・「typora」 typora typoraはミニマルなスタイルながらパワフルな機能を持ったMarkdownエディタです。Mac、Windows、Linuxに対応。画像はD&D対応、数式も入力可能でテーマもカスタマイズ出来るようになっています。同じよう...2016.10.31 | 10時12分29秒
DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」 DBFreebies DBFreebiesはDribbbleやBehanceでフリーで公開されているデザインリソースをキュレーションしているWebサイトです。リソースはアイコンやUIキット、フォント、モックアップ等に分けられています。...2016.10.30 | 10時27分58秒
良質なランディングページを厳選してWebギャラリーにしている・「Landingfolio」 Landingfolio Landingfolioは良質なランディングページを厳選して収集、Webデザインギャラリーとして公開しているWebサイトです。用意されているカテゴリはモバイルアプリやツールサービス、EC、本やファッションとい...2016.10.29 | 10時26分26秒
任意のカラーパレットを保存、管理出来るシンプルなデスクトップアプリ・「ClickPalette」 ClickPalette ClickPaletteは任意のカラーパレットを管理できるシンプルなデスクトップアプリです。任意のカラーコードを登録、カラーパレットを作成して保存するだけのシンプルなものです。パレットは複数作成出来て、名前も...2016.10.28 | 10時36分35秒
ZendeskライクなWebベースのヘルプデスクシステムを構築できるオープンソースソフトウェア・「Zammad」 Zammad ZammadはZendeskのようなWebベースのヘルプデスク/カスタマーサポートシステム構築の為のOSSです。一般的なヘルプデスクサービスとして提供されていますが、Githubでもオープンソースとして公開されています。...2016.10.27 | 10時37分42秒
Vue.jsベースのWebアプリケーション向けのマテリアルデザインフレームワーク・「Vue Material」 Vue Material Vue MaterialはVue.jsベースで作られたWebアプリケーションをマテリアルデザインに対応させるためのフレームワークです。コンポーネントやUIは再利用できるように意識して設計したそう。コンポーネン...2016.10.24 | 10時34分07秒
CSSで作るベーシックなローダーのセット・「CSS loader」 CSS loader CSS loaderはCSSのみで作れるベーシックなローダーを簡単に設定できるスタイルシートです。画像でよく見かけるエレメントをCSSで作った、みたいなもの。他に、少し凝ったものもあります。ここ最近はCSSのみで...2016.10.22 | 11時11分30秒
レスポンシブなEメールの雛形をユーザー登録不要で手軽に作成、ダウンロード出来る・「Pulp」 Pulp PulpはオンラインでRWDなEメールのテンプレを作成、ダウンロード出来るWebサービスです。無料で作成、ダウンロード可能で、ユーザー登録も不要、クレジットもコメントアウトで入るだけと手軽で気軽に使えます。エレメントを追加す...2016.10.19 | 10時54分30秒
CSSのみで出来たシンプルで実用的なアイコン集・「CSS ICON」 CSS ICON CSS ICONはCSSのみで出来たアイコン集です。それぞれのアイコンは上図のようにコードが紹介されており、各部位がハイライトされるようになっていて仕組みをわかりやすくしてくれています。スマフォの普及やオールドブラウ...2016.10.18 | 10時23分21秒