WordPressの良プラグインをキュレーションしている・「WP Plugin Directory」
WP Plugin Directory WP Plugin DirectoryはWordPressの良プラグインをキュレーションしているWebサイトです。大まかなカテゴリに分けられていますので割と探しやすい印象です。大量のプラグインが...
Resource - Webディレクター向け
スクロールに応じて要素にアニメーションエフェクトを付与できるライブラリ・「AOS」
AOS AOSはスクロールに応じて要素にアニメーションエフェクトを付与出来るライブラリです。Animate On Scrollの略だそうで、簡単にスクロールに応じたエフェクトを実装する事が出来ます。ライブラリを読み込んでエフェクトを与...
基本的なUIコンポーネントを備えたミニマルなCSSフレームワーク・「Look」
Look Lookはリストやボタン、フォーム、カラーパターン等の基本的なUIコンポーネントを備えたミニマルなCSSフレームワークです。基本的なUIと言っても、ある程度のコンポーネントを全て揃えているものではないようです。他、配置の為の...
SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」
jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...
JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」
Albe Timeline Albe TimelineはJSONデータから年表を作成出来るスクリプトです。jQueryに依存しています。JSON形式で書かれたデータで自動的に上図のようなタイムラインを作ることが出来ます。シンプルに、た...
Githubのデータでポートフォリオが作れるオープンソースソフトウェア・「GitShowcase」
GitShowcase GitShowcaseはGithubのアカウントでログインし、Githubのデータでポートフォリオを作成出来るソフトウェアです。OSSとして公開されています。基本的にはアカウントを作れば自動でポートフォリオが作...
SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」
jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...
ChromeやFirefox、Operaの拡張機能を作るためのフレームワーク・「Extension Boilerplate」
Extension Boilerplate Extension BoilerplateはChromeやOpera、Firefox等のブラウザ向けの拡張機能を作るためのBoilerplateです。基礎部分のみですが、異なるブラウザでも動...
CKEditorをベースに構築されたモダンなWYSIWYGエディタ・「AlloyEditor」
AlloyEditor AlloyEditorはCKEditorをベースに構築されたモダンなWYSIWYGエディタです。CKEditorのインラインエディタをMediumのエディタライクにしたもので、ツールバーもシンプルなものになって...
Webアプリの為のミニマルなフロントエンドフレームワーク・「uix」
uix uixはモダンなWebアプリケーションの為に構築されたミニマルなフロントエンドフレームワークです。Webアプリケーション構築の際のスタイリングプロセスを簡素化するコンポーネントを提供するのが目的で、拡張性を考慮し、ミニマル設計...
基本的なUIコンポーネントも備わったベーシックなCSSフレームワーク・「Caramel」
Caramel Caramelは基本的なUIコンポーネントも備わったベーシックでモダン、レスポンシブなCSSフレームワークです。ボタンのスタイルやRWDに対応したナビゲーション、通知、パンくずやテーブル、プログレスバーからページネーシ...
デザイナーのポートフォリオをまとめているデザインギャラリー・「Bestfolios」
Bestfolios BestfoliosはプロダクトデザイナーやUI/UXデザイナー、グラフィックデザイナー等のポートフォリオをまとめたWebデザインギャラリーです。それぞれのポートフォリオは大きなSSが掲載されているのでその場であ...
Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」
viu viuはMeteor + Vue.jsのUIフレームワークです。マテリアルデザインに基づいたスタイルとなっています。モバイルファーストで各コンポーネントが用意されています。詳細が書かれてないので今後の事等は分かりませんが、ライ...
軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」
Cirrus Cirrusは軽量でベーシックなRWD対応CSSフレームワークです。コアに加えて必要なコンポーネントのをモジュール式に追加する形のようですね。最低限のコンポーネントに加えてホバーエフェクトやカードスタイルも用意されている...
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...
flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」
Waffle grid Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的...
使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」
UnCSS UnCSSはCSSををパースして使用してないスタイルを削除、使用中のものだけ残してくれるツールです。OSSとしてもソースコードが公開されています。この手のは先発のツールがありますので好みで。複数Webページにまたがってパー...
50以上もの有料/無料ストックフォトサイトを高度なフィルターを通して横断検索出来る・「Everypixel」
Everypixel Everypixelは50以上ものストックフォトサイトから横断検索出来る画像検索ツールです。ストックフォトサイトは無料/有料のものがあり、無料のみで検索する事もできますが、本ツールはそれにとどまらず、任意の色や写...
各種サービスやTodo、プロジェクト管理、ファイル検索、ノートやWeb検索等を1箇所で出来るようにしたデスクトップアプリ・「Freeter」
Freeter FreeterはGoogleアナリティクスやEvernote、Basecamp、TrelloやWordPress、Mediumなど、各種Webサービスとの連携やプロジェクト管理、Todo、メモ帳やファイルエクスプローラ...
円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」
ProgressBar.js ProgressBar.jsは円や三角、ハート型など、形状をカスタマイズ出来るプログレスバー実装スクリプトです。シンプルで良いですね。仕様はシンプルで対応ブラウザも幅広いので扱いやすそうな印象です。ライセ...
YoutubeのURLを指定すると、その場でブラウザいっぱいに広げて再生してくれる・「BigTube」
BigTube BigTubeはYoutubeの動画をブラウザいっぱいに広げて再生してくれるツールです。URLを指定して再生する、という非常にシンプルなもの。最初、どんな需要があるのか気になってみたのですが、Youtubeにあるコード...
ボツになったロゴをフリー配布するプロジェクト・「Logodust」
Logodust Logodustは提案したものの、ボツになってしまったロゴをフリーで配布して使ってもらおう、というリサイクルなプロジェクトサイトです。まだ数は多くありませんが、オープンソースとして配布されているのでもっと増えれば諸...