スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」 Shiny Shinyはスマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプトです。モバイルデバイスで加速度センサーの値を取得し、コンテンツにリフレクションエフェクトを付与する、というもの。上gifはデスクトップブラウザのシ...2019.01.17 | 10時10分53秒
オープンソースのコラボレーションメモツール・「wolkenkit-boards」 wolkenkit-boards wolkenkit-boardsはオープンソースのコラボレーションメモツールです。複数ユーザー間で付箋ライクなメモコンテンツを共同管理できる、というもの。UIは少し異なりますがTrelloライクな使い...2019.01.15 | 9時42分48秒
three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」 Shree.js Shree.jsは3D描画ライブラリの代表ともいえるthree.jsよりも軽量な3Dライブラリです。豊かな機能性の代償にサイズが大きくなりがちですが、もう少し機能を抑えても良いので軽くしてほしい、というニーズは少なく...2019.01.08 | 10時09分16秒
Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」 rrweb rrwebはWebサイトに訪問したユーザーの行動を記録、再生する為のWebセッションリプレイライブラリです。主に行動分析やバグの再現によるフィードバック向上、Webサイト上におけるユーザーとの対話(チャット等)の記録などを...2019.01.04 | 8時59分25秒
Webサイト制作におけるワークフローを邪魔しない超シンプルなCSSデバッグ・「DebuCSSer」 DebuCSSer See the Pen DebuCSSer by Lucagez (@lucagez) on CodePen. DebuCSSerは超シンプルなCSSデバッグツールです。Webサイト制作時のワークフローを邪魔しな...2018.12.14 | 9時07分38秒
SRPGのようなターン制のシミュレーションゲームフレームワーク・「Zemeroth」 Zemeroth ZemerothはSRPGのようなターン制のシミュレーションゲームを構築する為のフレームワークです。Rustで書かれているそう。FEシリーズとかディスガイアのようにマスを進めて相手の陣地を得る、みたいなもの。マスはヘ...2018.12.09 | 9時00分56秒
Markdownで書けるシンプルなナレッジベース構築の為のソフトウェア・「Raneto」 Raneto RanetoはMarkdownで書けるシンプルなナレッジベースです。軽量で高速、DB不要で動作します。レイアウトはBootstrapベースでRWDにも対応、Highlight.jsによるハイライト、Lunrで全文検索に対...2018.11.28 | 9時30分29秒
任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」 Translater.JS See the Pen WYJevW by kachibito (@kachibito) on CodePen. Translater.JSはWebページ内の任意のコンテンツを他言語対応にするためのライブ...2018.11.24 | 9時20分55秒
モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」 Glider.js Glider.jsはモバイルフレンドリーなコンテンツスライダーを実装できる軽量で高速なスクリプトです。使い方も簡単で動作も軽量(圧縮版で2.5kbほど)、マークアップもシンプルな状態を保てますので使い勝手も良い印象...2018.11.21 | 10時15分14秒
軽量で使いやすい非依存のオートコンプリートライブラリ・「autoComplete.js」 autoComplete.js autoComplete.jsはinput要素で自動補完を実装するためのシンプルなスクリプトです。非依存で軽量、高速なのが特徴みたいです。自動補完用のリストも簡単に作れますので個人的にも扱いやすそうとい...2018.11.20 | 8時23分01秒
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」 Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...2018.11.17 | 10時12分31秒
MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」 Slate Slateはリッチテキストエディタを作るためのフレームワークです。MediumやDropbox PaperやGoogle Docsといった、性質の異なる様々なリッチテキストエディタの構築をサポートしてくれます。Draft....2018.11.16 | 8時41分33秒
レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」 GrapesJS GrapesJSはWebページを簡単な操作で作成できるWebページビルダーを構築する為のスクリプトです。CMS等に内蔵させて管理画面内で動作させるのが主な目的のようです。以前からありましたが、非依存型になる等かなり改...2018.11.14 | 8時43分04秒
コードサンプルをアニメーションしながら表示させるOSS・「GLORIOUS」 GLORIOUS GLORIOUSはコードサンプルをブラウザでアニメーション表示させるソフトウェアです。上図デモのように、書いたコードをタイプアニメーションで表示できる、というもの。ユニークなURLが発行され、共有できるようになってい...2018.11.06 | 10時10分08秒
ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」 ScrollOut See the Pen Cascading text effects w/ Splitting + ScrollOut ✍️🤓 by kachibito (@kachibito) on CodePen. Scro...2018.10.31 | 8時51分42秒
シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」 beerslider beersliderは上記のようなbefore/afterコンテンツを作成できるスクリプトです。他スクリプトに依存せず、単体で動作しますが、jQueryやZeptoとの併用も可能です。25kbほどの軽サイズで扱い...2018.10.30 | 10時14分20秒
各UIコンポーネントも兼ね備えたオープンソースのモバイルアプリ向けフレームワーク・「Galio」 Galio Galioはモバイル向けアプリの為に作られたReact Nativeベースのフレームワークです。一般的に使用される各UIコンポーネントが用意されています。こちらは一から構築していくためのスターターキットの類ではなく、デザイ...2018.10.24 | 8時48分27秒
非依存型のミニマルなプレゼンテーションライブラリ・「presentr」 presentr presentrは他ライブラリに依存せず単体で動作するミニマルなプレゼンライブラリです。圧縮版で1.8kbほどと軽量でシンプル、BootstrapやVueとの併用などにも対応できるそうです。近年ではさほど高い需要は無...2018.10.20 | 9時43分57秒
ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」 cPlayer cPlayerはHTML5製のミニマルなミュージックプレイヤーライブラリです。上図のように省スペースでミニマルなスタイルのプレイヤーを実装できる、というもので見た目のシンプルさとは異なり、リピート機能やプレイリスト、連...2018.10.18 | 9時13分15秒
音に合わせて要素をアニメーションさせるスクリプト・「Rythm.js」 Rythm.js Rythm.jsは音に合わせて任意の要素をアニメーションさせるためのスクリプトです。動作や色の変化など、要素に対して様々なエフェクトを、音源に応じて変化させることが出来る、というもの。エフェクトはたくさん用意されてい...2018.10.11 | 8時49分07秒
スクロールアニメーションを実装できる超軽量且つ非依存のライブラリ・「Sal.js」 Sal.js Sal.jsはページのスクロールに応じて動作するアニメーションエフェクトを実装出来る非依存型のJavaScriptライブラリです。軽量で他ライブラリ不要で動作、導入も簡単と、良い仕様な印象でした。エフェクトはカスタムデー...2018.10.09 | 9時17分27秒
要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」 GRT Youtube Popup GRT Youtube Popupは任意のHTML要素に動画IDを含めるだけでポップアップ再生できるようにするスクリプトです。jQueryに依存します。下記のような書き方で上デモのようにポップアップ...2018.10.07 | 9時24分34秒