データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」
timesheet.js timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱いやすい印象でした。他ライブラリに依存せず単体で動作し、ファイルサイズも非常に軽量です。なかなかいい感じ。ライセンスはMIT。 timesheet.js Post by...
View ArticleClik here to view.
Clik here to view.
Foundationに加える事ができるUIコンポーネントを配布する・「Building Blocks」
Building Blocks Building BlocksはCSSフレームワークのFoundationに加える事ができるUIコンポーネントを配布するWebサイトです。zurbが公式に公開しているものになります。ナビゲーションやメディア、コントロールスイッチ等のスタイルをモジュール式に追加できるみたいです。結構な数が揃っているのでFoundationを使ってる方はご覧になってみては如何でしょうか。...
View ArticleClik here to view.
HTMLメールの軽量boilerplate・「bojler」
bojler bojlerはHTMLメールの軽量boilerplateです。簡単にひな形を作成出来るように設計されているとの事。スタイルリセット、レスポンシブ対応、グリッド、ユニーティリティのclassが特徴だそうです。ライセンスはMIT。 bojler Post by かちびと.netPR:WPデザインギャラリー...
View ArticleClik here to view.
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」
Front-end Tools Front-end...
View Articlecanvasで描いた円状のシャボン玉っぽいものをランダムに動かし、背景に設定できるスクリプト・「bubbly-bg」
bubbly-bg bubbly-bgは上デモのようにゆるく動くシャボン玉を背景に設定出来るスクリプトです。非依存型なので他スクリプトを必要とせず単体で動作してくれてサイズも軽量です。色や玉の数、アニメーションの有無等の設定が可能となっています。使いやすくてよさそうです。ライセンスはApache 2.0です。 bubbly-bg Post by かちびと.netPR:WPデザインギャラリー...
View ArticleClik here to view.
Clik here to view.
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」
DirtyMarkup DirtyMarkupはHTML/CSS/JavaScriptのコード整形ツールです。従来のフォーマッター同様にある程度の調整機能も付いています。また、本ツールはAPIも公開しており、今のところは無料で利用可能（※1000リクエスト/日）と同時に寄付も募っているようです。APIについてはドキュメントをご確認ください。 DirtyMarkup Post by...
View ArticleClik here to view.
Clik here to view.
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」
AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです。シャッフルやリピートもサポート。プレーヤーとしてほしい機能はしっかり揃っている印象でした。ライセンスはMIT。 AmplitudeJS Post by...
View ArticleフォームのHTML/CSSのboilerplateとして提供する・「Boilerform」
Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛型を提供するHTML/CSSフレームワークです。CSS-TRICKSのCHRIS...
View ArticleClik here to view.
Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」
Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用意してあって、OSS版に含まれるコンポーネント16種、プラグイン3つを超える、160のコンポーネントと7のプラグインを提供してくれるそうです。ライセンスはMITとの事。...
View ArticleClik here to view.
Clik here to view.
HTML/CSS/JavaScriptで作られた時計のみを収集している・「Clock Shop」
Clock Shop Clock ShopはHTML、CSS、JavaScriptだけでブラウザで動作する様々な時計を収集しているプロジェクトサイトです。Codepenで公開されている時計コンテンツだけを収集、公開しているみたいです。Collectionsでまとめればいいんじゃとも思いましたけど、まあこれはこれで。時計はどれも素晴らしい出来で見ていて飽きません。コードも参考になります。 Clock...
View ArticleMatter.jsを使ってスクロール時に背景をアニメーションさせる・「Floaty Bubbles」
Floaty Bubbles See the Pen Floaty Bubbles by Will Boyd (@lonekorean) on CodePen....
View ArticleClik here to view.
Clik here to view.
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」
cPlayer cPlayerはHTML5製のミニマルなミュージックプレイヤーライブラリです。上図のように省スペースでミニマルなスタイルのプレイヤーを実装できる、というもので見た目のシンプルさとは異なり、リピート機能やプレイリスト、連動するサムネイルなど基本性能は満足いく内容となっています。動作も軽くてよさげ。ライセンスはMITとの事。 cPlayer 関連する記事はありませんでした
View ArticleClik here to view.
Clik here to view.
プログラミングの知識不要でWebアプリとしても開発できるオープンソースのゲームボーイ用ゲーム開発アプリ・「GB Studio」
GB Studio GB Studioはプログラミングの知識不要でゲームボーイ用のゲーム開発が可能なOSSです。GUIツールとして提供されており、コードを書かずに開発が出来るように設計されています。ElectronベースでOS問わず動作するそうです。開発したゲームはHTML5製のWebアプリとしてモバイル等でも動かすことも出来るようです。ゲームエンジンにはGBDK（GameBoy...
View ArticleClik here to view.
開発したHTML/CSS/JS製のWebアプリを公開したり利用できる・「Outpan」
Outpan OutpanはHTML/CSS/JSで開発したWebアプリを公開、利用できる開発者向けのWebアプリ公開プラットフォームです ユーザーは様々なWebアプリを検索したり利用でき、開発者は公開したWebアプリの人気に応じて収益を得る事が出来ます...
View Article
