TradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリ・「TradingView Lightweight Charts™」 TradingView Lightweight Charts™ TradingView Lightweight Charts™はTradingView製の軽量で高速なオープンソースの金融データ向けチャートライブラリです。canvasを...2023.10.11 | 9時57分51秒
見やすいUIで編集も可能な用語集ページを作成できるHTML/CSS/JavaScriptテンプレート・「Glossary Page Template」 Glossary Page Template Glossary Page Templateは見やすいUIで編集も可能な用語集ページを作成できるページテンプレートです。HTML/CSS/javascriptで構成されており、レスポンシブ...2022.07.02 | 10時08分20秒
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」 Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...2022.01.14 | 9時46分57秒
HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」 Can I Include Can I IncludeはHTMLのタグ内に含めて良いタグかどうかを教えてくれるWebアプリです。HTMLタグがネスト可能かどうかをチェックできる、というもの。 調べ方は簡単で、左に子、右に親のHT...2021.11.18 | 10時09分40秒
様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」 Coded Mails Coded Mailsは様々なタイプのHTMLメールの雛型をまとめたHTMLメールキュレーションサイトです。 HTMLメールといっても用途はいろいろありますが、ウェルカムメールやパスワードリセット、決済後...2020.10.26 | 10時12分02秒
JavaScriptライブラリやフレームワークを使わずHTML5、CSS、バニラなJSだけで作られたプロジェクト集・「Web Projects With Vanilla JavaScript 」 Web Projects With Vanilla JavaScript Web Projects With Vanilla JavaScriptはフレームワークやライブラリ等を使わずに純粋なHTML5+CSS+VannilaなJSで...2020.02.05 | 10時03分35秒
開発したHTML/CSS/JS製のWebアプリを公開したり利用できる・「Outpan」 Outpan OutpanはHTML/CSS/JSで開発したWebアプリを公開、利用できる開発者向けのWebアプリ公開プラットフォームです ユーザーは様々なWebアプリを検索したり利用でき、開発者は公開したWebアプリの人気に応...2019.11.18 | 9時55分05秒
プログラミングの知識不要でWebアプリとしても開発できるオープンソースのゲームボーイ用ゲーム開発アプリ・「GB Studio」 GB Studio GB Studioはプログラミングの知識不要でゲームボーイ用のゲーム開発が可能なOSSです。GUIツールとして提供されており、コードを書かずに開発が出来るように設計されています。ElectronベースでOS問わず動...2019.04.23 | 10時17分56秒
オープンソースで公開されている、大量のコンポーネントを含んだBootstrapベースの管理画面テンプレート・「STISLA」 STISLA STISLAはオープンソースのBootstrapベースの管理画面テンプレートです。大量のコンポーネントを含んでおり、ほとんどの需要に応えられるようになっています。また、インタラクティブなチャートやデータテーブルなどの為の...2019.02.18 | 9時20分49秒
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」 cPlayer cPlayerはHTML5製のミニマルなミュージックプレイヤーライブラリです。上図のように省スペースでミニマルなスタイルのプレイヤーを実装できる、というもので見た目のシンプルさとは異なり、リピート機能やプレイリスト、連...2018.10.18 | 9時13分15秒
Alibabaが開発、公開しているオープンソースのHTML5製ゲームソリューション・「Hilo」 Hilo HiloはOSSとして公開されているHTML5製ゲームエンジンです。中国のAmazonと言われるAlibabaグループが開発、公開しているようです。HTML5によるゲーム開発の速度向上をサポートする事が目的のよう。オブジェク...2018.09.26 | 9時02分00秒
Matter.jsを使ってスクロール時に背景をアニメーションさせる・「Floaty Bubbles」 Floaty Bubbles See the Pen Floaty Bubbles by Will Boyd (@lonekorean) on CodePen. 物理エンジンのMatter.jsを使って、背景をスクロールに応じてアニ...2018.09.17 | 8時55分45秒
HTML/CSS/JavaScriptで作られた時計のみを収集している・「Clock Shop」 Clock Shop Clock ShopはHTML、CSS、JavaScriptだけでブラウザで動作する様々な時計を収集しているプロジェクトサイトです。Codepenで公開されている時計コンテンツだけを収集、公開しているみたいです。...2018.07.14 | 10時20分51秒
Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」 Vue Design System Vue Design SystemはVue.jsベースのUIデザインシステムです。チームで使う事を想定されているようで、使用者がHTML、SCSS、JavaScriptを扱ったWebアプリ開発の基礎...2018.03.23 | 11時02分20秒
Bootstrap 4向けのオープンソースなダッシュボード用テンプレート・「Now UI Dashboard」 Now UI Dashboard Now UI DashboardはBootstrap 4向けのOSSなダッシュボード用テンプレートです。目に優しいカラースキーム、見やすいUI等を意識して作られたそうです。OSSですが、有償プランも用...2018.02.27 | 11時05分53秒
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」 Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛...2018.02.11 | 10時08分06秒
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」 AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです...2017.12.10 | 10時02分21秒
Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」 ProseMirror ProseMirrorはWeb用リッチテキストエディタを構築するためのツールキットです。以前はMarkdown⇔HTMLなWYSIWYGエディタだったようですが、現在は様々な形のリッチテキストエディタを作るため...2017.12.05 | 10時03分27秒
HTMLやCSS、JavaScriptのコードを綺麗に整形してくれる・「DirtyMarkup」 DirtyMarkup DirtyMarkupはHTML/CSS/JavaScriptのコード整形ツールです。従来のフォーマッター同様にある程度の調整機能も付いています。また、本ツールはAPIも公開しており、今のところは無料で利用可能...2017.11.12 | 10時07分57秒
豊富なコンポーネントを揃えたモジュール式のオープンソースUIツールキット・「One-Nexus」 One-Nexus One-NexusはオープンソースのUIキットです。豊富なコンポーネントを揃えているだけでなく、UIモジュールを作成するためのフレームワーク、Synergyを導入する事でモジュール形式にされたパワフルなキットとして...2017.10.22 | 11時44分55秒
canvasで描いた円状のシャボン玉っぽいものをランダムに動かし、背景に設定できるスクリプト・「bubbly-bg」 bubbly-bg bubbly-bgは上デモのようにゆるく動くシャボン玉を背景に設定出来るスクリプトです。非依存型なので他スクリプトを必要とせず単体で動作してくれてサイズも軽量です。色や玉の数、アニメーションの有無等の設定が可能とな...2017.10.06 | 11時05分33秒
フロントエンド開発に貢献してくれそうなツールやフレームワーク、ニュース記事等を収集している・「Front-end Tools」 Front-end Tools Front-end Toolsはフロントエンド開発に貢献してくれそうなツールやフレームワーク、リソースやニュース記事等を収集しているWebサイトです。大量のツールがキュレーション、検索出来るというシンプ...2017.09.15 | 10時04分51秒