Resource - Webデザイナー向け

WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」

Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照:リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」

Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...

Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」

LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・w  念の為、Facebook...
Ads

Webのフォームをチェック、評価してくれるフォーム最適化ツール・「FormLinter」

FormLinter FormLinterはWebフォームをチェック、評価してくれるフォーム最適化ツールです。URLを指定すると、そのページ内にあるフォームを調べて課題点や問題点があれば表示、AやA+、Bなどで評価してくれる、みたいな...

UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」

Instant Images Instant ImagesはCC0ライセンスでクオリティの高い写真素材を提供するUnsplashから画像を管理画面で検索、ダウンロードし、記事に投稿出来るWrodPressプラグインです。投稿ページにボ...

Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」

Base BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジ...

オープンソースのオンラインドキュメント管理システム・「PaperNIC」

PaperNIC PaperNICはオンラインでドキュメントを管理出来るオープンソースソフトウェアです。マルチユーザー対応で複数人が管理可能であらゆるドキュメントファイルに対応、互換性を気にせずアップロード出来る、との事です。動作デモ...

Web制作に役立つツールやリソースを厳選してまとめている・「StockJo」

StockJo StockJoはWeb制作に役立ちそうなツールやリソースを厳選収集しているWebサイトです。ストックフォトサイトやフォント、動画、モックアップ、音源、カラーツールなどのカテゴリに分けられています。よくある個人のキュレー...

HTML5やWordPressの有料/無料のテンプレートで高品質なものを収集、ギャラリーにしている・「Best of Themes」

Best of Themes Best of Themesは各テーママーケットや配布サイト等で紹介されているHTMLやWordPress、HTMLメール、Magento、Joomla、PrestaShopなどのテンプレートで良品質なも...

レスポンシブなtableの為のスクリプト・「resTables」

resTables resTablesはレスポンシブなtableを作るためのスクリプトです。jqueryに依存しています。同等の先発のスクリプトであるstacktable.jsの形式に基づき、更に進化させたものとして提供しているそう。...

要素内やページ内でのスクロールに応じてプログレスバーを表示する軽量シンプルなスクリプト・「PrognRoll」

PrognRoll PrognRollはページやスクロールが可能なコンテナ内でのスクロールに応じてプログレスバーを表示するスクリプトです。ただそれだけのシンプルなもので、サイズも2kb以下、圧縮すれば1kb以下と軽量です・・が、jqu...

FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」

useful.ly useful.lyはFlexboxベースのシンプルなCSSフレームワーク。グリッドやモーダルウィンドウ、ボタンやフォームのスタイルを提供してくれています。まで開発中でこれから頑張る!CDNも用意したから試しに触って...

NAVER製のオープンソースなUIインタラクションライブラリ・「egjs」

egjs egjsはLINEでおなじみのNAVERが公開しているUIインタラクションセットライブラリです。Webアプリ構築の際に開発スピードに貢献する事が目的のようで、OSSとして提供してくれています。jQueryを使って更に機能を拡...

ミニマルスタイルでパワフルなMarkdownエディタ・「typora」

typora typoraはミニマルなスタイルながらパワフルな機能を持ったMarkdownエディタです。Mac、Windows、Linuxに対応。画像はD&D対応、数式も入力可能でテーマもカスタマイズ出来るようになっています。同じよう...

DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」

DBFreebies DBFreebiesはDribbbleやBehanceでフリーで公開されているデザインリソースをキュレーションしているWebサイトです。リソースはアイコンやUIキット、フォント、モックアップ等に分けられています。...

良質なランディングページを厳選してWebギャラリーにしている・「Landingfolio」

Landingfolio Landingfolioは良質なランディングページを厳選して収集、Webデザインギャラリーとして公開しているWebサイトです。用意されているカテゴリはモバイルアプリやツールサービス、EC、本やファッションとい...

任意のカラーパレットを保存、管理出来るシンプルなデスクトップアプリ・「ClickPalette」

ClickPalette ClickPaletteは任意のカラーパレットを管理できるシンプルなデスクトップアプリです。任意のカラーコードを登録、カラーパレットを作成して保存するだけのシンプルなものです。パレットは複数作成出来て、名前も...

ZendeskライクなWebベースのヘルプデスクシステムを構築できるオープンソースソフトウェア・「Zammad」

Zammad ZammadはZendeskのようなWebベースのヘルプデスク/カスタマーサポートシステム構築の為のOSSです。一般的なヘルプデスクサービスとして提供されていますが、Githubでもオープンソースとして公開されています。...

Vue.jsベースのWebアプリケーション向けのマテリアルデザインフレームワーク・「Vue Material」

Vue Material Vue MaterialはVue.jsベースで作られたWebアプリケーションをマテリアルデザインに対応させるためのフレームワークです。コンポーネントやUIは再利用できるように意識して設計したそう。コンポーネン...

CSSで作るベーシックなローダーのセット・「CSS loader」

CSS loader CSS loaderはCSSのみで作れるベーシックなローダーを簡単に設定できるスタイルシートです。画像でよく見かけるエレメントをCSSで作った、みたいなもの。他に、少し凝ったものもあります。ここ最近はCSSのみで...

レスポンシブなEメールの雛形をユーザー登録不要で手軽に作成、ダウンロード出来る・「Pulp」

Pulp PulpはオンラインでRWDなEメールのテンプレを作成、ダウンロード出来るWebサービスです。無料で作成、ダウンロード可能で、ユーザー登録も不要、クレジットもコメントアウトで入るだけと手軽で気軽に使えます。エレメントを追加す...

CSSのみで出来たシンプルで実用的なアイコン集・「CSS ICON」

CSS ICON CSS ICONはCSSのみで出来たアイコン集です。それぞれのアイコンは上図のようにコードが紹介されており、各部位がハイライトされるようになっていて仕組みをわかりやすくしてくれています。スマフォの普及やオールドブラウ...
Ads