markdownでデータも視覚化出来るようにする・「Visdown」
Visdown Visdownはmarkdownでデータも視覚化出来るようにするツールです。markdownのみでcsv等を読み込んでデータ内容をグラフにして表示しよう、というもの。グラフはSVGで描かれます。markdown自体、も...
Resource - オープンソース
いろいろなスタイルのボタンを実装出来るスタイルシート・「bttn.css」
bttn.css bttn.cssはいろいろなスタイルのボタンを実装出来るスタイルシートです。種類はそこまで多くないですが、それぞれのボタンは最小、小、中、大の太さが用意されており、ブロック要素/インライン要素、5色のカラーが用意され...
ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」
Wick Wickはブラウザでアニメーションや簡単なゲーム等を作成出来るエディタです。マルチメディアエディタというものだそう。デモがあるので詳細は本プロジェクトページにて。今日は大晦日ゆえ、簡単ですがこれで本年の更新は終わらせて頂きま...
軽量で非依存のパララックス実装スクリプト・「Rellax.js」
Rellax.js Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズは...
大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」
CSSReflex CSSReflexは大量のCSSフレームワークやライブラリ、スニペットやツール等をコレクションしているWebサイトです。よくあるキュレーションサイトですね。レスポンシブの計算機やフィルターツールなどもありますが、特...
動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」
ImageGlass ImageGlassは動作軽量で使いやすいイメージビューアです。OSSとしてもソースコードが公開されています。対応フォーマットはJPG、JPEG,やPNG, GIF, ICO, BMPなどやWMF、PSD、HDR...
モジュール形式のWordPressテーマ開発向けフレームワーク・「Cherry Framework」
Cherry Framework Cherry FrameworkはWordPressテーマ開発フレームワークです。GPLライセンスの元、OSSとして公開されています。専用のプラグイン（高度検索化、不動産ツールなど）も複数開発されてお...
disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」
Table Grid Table Gridはdisple:tableを使ったモバイルファーストなCSSグリッドシステムです。といっても実用性を考えて作った重要性の高いプロジェクトではなく、単に実験的に作ったようです。floatやfle...
シンプルで非依存、軽量なカルーセルスクリプト・「Siema」
Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...
複雑なCSSアニメーションを処理する為のシンプルなスクリプト・「Choreographer.js」
Choreographer.js Choreographer.jsは複雑なCSSアニメーションを設定、処理する為のシンプルなスクリプトです。アニメーションを定義すると、指定した要素にインラインCSSが付与、DOMイベントを介して実行、...
任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」
CSS filter and blend mode Generator CSS filter and blend mode Generatorは任意の画像にフィルターやブレンドモードを書けた状態を確認、コードを提出してくれるWebツー...
覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
Regex Hub Regex Hubは覚えておくと便利な正規表現のパターンをまとめているプロジェクトサイトです。メールやHTMLタグ、日付、カラーコードや電話番号などに対応出来る正規表現が用意されており、その場でマッチするかをテスト...
設定したplaceholderにアニメーションエフェクトを付与する・「FoxHolder 」
FoxHolder FoxHolderはinput等に設定したplaceholderをフォーカス時にアニメーションエフェクトを付与する為のセットです。エフェクトは15種類用意されています。基本的にはCSSとJSファイル(jQuery...
画像をアップロードする前にロード、プレビューするjQueryスクリプト・「LoadImg」
LoadImg See the Pen QGENKq by kachibito (@kachibito) on CodePen. LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デ...
UnsplashからCC0の画像を直接検索し、投稿に含められるWordPressプラグイン・「Instant Images」
Instant Images Instant ImagesはCC0ライセンスでクオリティの高い写真素材を提供するUnsplashから画像を管理画面で検索、ダウンロードし、記事に投稿出来るWrodPressプラグインです。投稿ページにボ...
jQueryとBootstrapで作るシンプルなスケジューラー・「pit-scheduler」
pit-scheduler pit-schedulerはjQueryとBootstrapで作るスケジューラーです。横長のカレンダーに蛍光ペンで引くようにスケジュールを設定、管理出来る、というもの。現状の仕様ではタスクの設定はちょっぴり...
Webアプリの開発スピードをサポートするレスポンシブな軽量HTML/CSSフレームワーク・「Base」
Base BaseはWebアプリの為のレスポンシブな軽量フレームワークです。盤石な基盤をつくることでWebアプリの開発スピードに貢献する事が目的のよう。IE8などのオールドブラウザを含むクロスブラウザ対応で、必要に応じて追加可能なモジ...
ブラウザで動作するオープンソースのパスワードマネージャ・「LessPass」
LessPass LessPassはブラウザで動作するパスワードマネージャです。OSSとしてソースコードが公開されています。Webアプリケーションである為、外出先等でも様々なデバイスでも利用可能で、ブラウザの拡張機能も利用する事が出来...
オープンソースのオンラインドキュメント管理システム・「PaperNIC」
PaperNIC PaperNICはオンラインでドキュメントを管理出来るオープンソースソフトウェアです。マルチユーザー対応で複数人が管理可能であらゆるドキュメントファイルに対応、互換性を気にせずアップロード出来る、との事です。動作デモ...
レスポンシブなtableの為のスクリプト・「resTables」
resTables resTablesはレスポンシブなtableを作るためのスクリプトです。jqueryに依存しています。同等の先発のスクリプトであるstacktable.jsの形式に基づき、更に進化させたものとして提供しているそう。...
管理画面内で記事やカテゴリなどのタクソノミー等をインクリメンタル検索するWordPressプラグイン・「Jarvis」
Jarvis JarvisはWordPressの管理画面内での全ての記事やカテゴリ、タグ等のタクソノミーや「外観」などの管理画面項目、コメント、プラグインなどなど管理画面内のコンテンツから横断検索してくれるプラグインです。検索はインク...
FlexboxベースのシンプルなCSSフレームワーク・「useful.ly」
useful.ly useful.lyはFlexboxベースのシンプルなCSSフレームワーク。グリッドやモーダルウィンドウ、ボタンやフォームのスタイルを提供してくれています。まで開発中でこれから頑張る！CDNも用意したから試しに触って...