色名のない色に名前をつけよう、というプロジェクト・「color-names」
color-names color-namesは名前のない色に名前をつけよう、というプロジェクトです。現在10754の色に名前を付けたそうです。もちろん、他国では色名が無いけど日本には存在する色名は沢山ありますし、既存の色でも国によっ...
Resource - Webデザイナー向け
任意のテキストにさまざまなアニメーションエフェクトを付与するスタイルシート・「cssanimation」
cssanimation See the Pen Snake css text animation by cssanimation.io by kachibito (@kachibito) on CodePen. cssanim...
縦に長いtableのヘッダーをstickyにするスクリプト・「jquery.stickyTableHeader 」
jquery.stickyTableHeader jquery.stickyTableHeaderは縦に長くなったtableのヘッダをfixedにするスクリプトです。下にスクロールしてもヘッダだけ固定される、というよくあるやつ。...
シンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワーク・「TURRETCSS」
TURRETCSS TURRETCSSはシンプル、スマート、モダンを特徴としたモバイルファーストなCSSフレームワークです。JavaScriptは併用されていません。パフォーマンスが重視されており、軽量高速なWebサイト構築に貢献して...
Vue.jsに関するリソースやコンポーネント、フレームワーク等を大量にまとめたコレクション・「Awesome Vue.js」
Awesome Vue.js Awesome Vue.jsはVue.js関連のさまざまな情報をまとめたコレクションです。リソースやライブラリ、コンポーネント、フレームワーク、ツールやユーティリティ等が大量に纏められています。大分前から...
国産のオープンソースなメモアプリ、Boostnoteのスマフォアプリ版・「Boostnote mobile」
Boostnote mobile Boostnote mobileは以前ご紹介したプログラマー向けのOSSなメモアプリのスマフォ版です。こちらも同様に、Markdown記法でメモを取ることが出来るようになっています。React Nat...
Vue.jsベースのフロントエンドUIフレームワーク・「AT UI」
AT UI AT UIはVue.jsベースのフロントエンドなUIキットです。軽量でモジュラー形式のUIフレームワークだそう。ES2015/ES6サポート、npm+webpack+babelな開発ワークフロー等が特徴とのことです。ボタン...
Vue.jsに影響を受けたシンプルで軽量なライブラリ・「Moon」
Moon MoonはVue.jsにインスパイアされた軽量なJSライブラリです。高速でフレキシブル、学習コストも低く、シンプルで軽量ながら高いパフォーマンスと、直感的でわかりやすいAPIが特徴とのこと。vueがmin+gzipで20kb...
SVGで波状のグラデーションを生成するジェネレーター・「SVG Gradient Wave Generator」
SVG Gradient Wave Generator See the Pen SVG Gradient Wave Generator by kachibito (@kachibito) on CodePen. SVG Gradie...
WordPressのテーマ開発フローを強化するOSSのWPテーマスターター・「Tonik」
Tonik TonikはWordPressのテーマ開発ワークフローを強化するWPテーマのスターターキットです。ES6やwebpack、SASSやFoundationなど、モダンな開発環境が整えられたセットとなっています。Compose...
要素をアニメーションさせながら表示/非表示するCSS・「vhs」
vhs vhsは要素にアニメーションエフェクトを与え、表示/非表示させる為のスタイルシートです。blurや点滅、zoom等でアニメーションしながら表示させたり非表示にしたり出来る、というもの。classを付与するだけのお手軽仕様です。...
jQueryライクに使えるシンプルで軽量なDOM操作ライブラリ・「stuQuery」
stuQuery stuQueryはjQueryライクに使えるシンプルで軽量なDOM操作用ライブラリです。DOM操作の為だけにjQueryを初め、サイズの大きいライブラリを使うのに抵抗があったため作成したそうです。コンフリクトを避ける...
必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ツール・「Aperitif」
Aperitif Aperitifはプロジェクトに必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ジェネレーターです。使い方はまず最初に配置したいエリアをクリックしてから配置するコンテナ...
Evernoteのようなノートアプリをセキュアな環境で運用する為のオープンソースソフトウェア・「Turtl」
Turtl Turtlはプライベートな環境でEvernoteのようなノートアプリを構築する為のOSSです。ドキュメントや写真、テキストなど、なんでも保存、タグ付けをして管理出来るようになっています。対応プラットフォームも今のところiO...
良いUXをスクリーンショットとともに解説、紹介する・「Really Good UX」
Really Good UX Really Good UXは良いUXをスクショを交えて解説、紹介するUXギャラリーサイトです。SlackとかTumblrとかPaypalとか割と有名なサービス等が中心みたいです。解説は細かくではなく、簡...
Vimeoの動画を背景に設定する為のスクリプト・「jQuery.mb.vimeo_player」
jQuery.mb.vimeo_player jQuery.mb.vimeo_playerはVimeoの動画を背景に設定する為のスクリプトです。jQueryに依存します。背景にするというか、背景にした動画のコントロールが主な目的ですね...
Sketchユーザー向けのリソースを収集している・「Sketch for Designrs」
Sketch for Designrs Sketch for DesignrsはSketchユーザー向けのリソースを収集しているWebサイトです。プラグインやアイコン、エレメントのサンプルやアプリなどさまざま。まだ作られたばかりで収集...
オープンソースのTrelloライクなカンバンツール・「Wekan」
Wekan WekanはオープンソースのTrelloクローンです。Trelloライクなカンバンツールを自身の管理するサーバーで利用することが出来ます。同じようにチームで共有できてアイテムのタグ付けやアイデア、Todo等を共有できるみた...
切り抜き画像メインのフリーのストックフォトサイト・「dipixo」
dipixo dipixoは切り抜き画像がメインのストックフォトサービスです。ざっと見た感じ、昆虫や花、フルーツ等が多いみたいです。昆虫や爬虫類だけはJPGみたい。商用でも利用OK、帰属表記は不要で印刷物等への使用もOKみたいですが写...
ReactのシンプルなSVG製マップコンポーネント・「react-simple-maps」
react-simple-maps react-simple-mapsはシンプルなSVG製マップを作れるReactコンポーネントです。Reactで地図を簡単に扱えるようにしたものだそうです。マーカーや拡大、エリア別の色を変える等、基本...
タイムテーブルのような時間表を作成出来るjQueryプラグイン・「jQuery Skeduler Plugin」
jQuery Skeduler Plugin jQuery Skeduler Pluginは上図のようなタイムテーブル、時間表を作成できるスクリプトです。jQueryに依存しています。CSSと要素を用意してデータをセットすればいいみた...
オープンソースのWebファイルマネージャー・「filemanager」
filemanager filemanagerはオープンソースのWebファイルマネージャーです。複数ユーザーが登録、利用できます。ファイルのアップロード、削除、リネーム、作成等が可能で、複数ファイルを圧縮して一括DLなども出来るようで...