任意のWebサイトへのアクセスを不可にするChromeエクステンション・「Just Focus」
Just Focus Just Focusは任意のWebサイトへのアクセスを禁止してくれるChrome拡張です。非常にシンプルなもので、アクセスを自分自身に禁止したいURLを入力すれば自動でJust FocusのWebページにリダイレ...
Resource - フロントエンドエンジニア向け
ブラウザで動作するクラウドベースのIDE・「Devmind.io」
Devmind.io Devmind.ioはクラウドベースのIDEです。FTP/SFTPサーバーに接続して、Webブラウザで開発する事が出来ます。複数デバイス、各言語もサポート、バックアップや認証、バージョン管理はDropboxで行い...
クリーンで見やすいチーム向けタスク管理ツール・「Cirkus」
Cirkus Cirkusはチーム向けのタスク管理ツールです。タスク管理ツールとしての基本的な機能からコラボレーション機能、デスクトップとモバイルアプリの提供などやフリーランサー等、外部のスタッフを含んだ際に欲しい権限機能などなどチー...
音に合わせて要素をアニメーションさせるスクリプト・「Rythm.js」
Rythm.js Rythm.jsは音に合わせて任意の要素をアニメーションさせるためのスクリプトです。動作や色の変化など、要素に対して様々なエフェクトを、音源に応じて変化させることが出来る、というもの。エフェクトはたくさん用意されてい...
OSSで公開されているeBay製のテンプレートエンジン・「Marko」
Marko Markoはオークションサービスを展開するeBayが開発、公開したJavaScript製のテンプレートエンジンです。HTML/CSS/JSの知識があれば少ない学習コストで使用できるようになるシンプルな設計だそうです。主にe...
TEDが公開するオープンソースのAtomic CSSライブラリ・「shed.css」
shed.css shed.cssはTED.comが公開しているOSSのCSSライブラリです。「CSSの終わりの始まり」をキャッチコピーとしています。詳細はまだ調べていませんが、ユーティリティファーストを元に設計されており、それぞれの...
Alibabaが開発、公開しているオープンソースのHTML5製ゲームソリューション・「Hilo」
Hilo HiloはOSSとして公開されているHTML5製ゲームエンジンです。中国のAmazonと言われるAlibabaグループが開発、公開しているようです。HTML5によるゲーム開発の速度向上をサポートする事が目的のよう。オブジェク...
テンプレート駆動型のオープンソースなCMS・「Vapid」
Vapid Vapidはテンプレート駆動型のOSSなCMSです。HTMLに特定のテンプレートタグを組み込む事でCMS化する、みたいなもの。静的サイトですが、しっかりダッシュボードも付いています。学習コストもかからず、よくあるCMSより...
Vue.jsをベースにしたオープンソースのUIデザインキット・「Shards Vue 」
Shards Vue Shards VueはVue.jsベースのUIデザインキットです。多数のコンポーネントも用意されています。また、パフォーマンスも重視し、必要最低限のコードで書くようにしたそうで軽量で高速な動作を実現しているとの事...
CSSやJavaScriptなどの技術を競い合うコード共有サイト・「Codier」
Codier CodierはCSSやJavaScript、HTMLのコード技術を競い合うコード共有コミュニティサイトです。基本的にはjsdo.itやcodepenのようなコード共有サイト同様、その場で書いて実行すると結果が表示、という...
Matter.jsを使ってスクロール時に背景をアニメーションさせる・「Floaty Bubbles」
Floaty Bubbles See the Pen Floaty Bubbles by Will Boyd (@lonekorean) on CodePen. 物理エンジンのMatter.jsを使って、背景をスクロールに応じてアニ...
Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」
Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテム...
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード...
ユーザー登録不要でブラウザで使えるシンプルなリアルタイムコラボレーションコードエディタ・「Snipper.io」
Snipper.io Snipper.ioはユーザー登録不要で手軽に使えるオンラインコードエディタです。多数言語に対応したシンタックスハイライターはもちろん、複数人によるリアルタイムコラボレーションコーディングも可能となっています。使...
Webアプリ開発をサポートするUI作成の為の軽量なDOMラッパースクリプト・「RE:DOM」
RE:DOM RE:DOMはWebアプリ等のUI作成をサポートする軽量なDOMラッパースクリプトです。分かりやすい使い方で学習コストも少なく済みそうです。また2kbと軽量で依存性も無いので軽量化にも貢献してくれそうです。 簡単な...
図形の作成やエフェクト実装をサポートするスクリプト・「Pts.js」
Pts.js Pts.jsは図形作成やエフェクト作成をサポートするスクリプトです。ドットを結ぶことで図形や色、エフェクトやインタラクションなど、さまざまなコンテンツ作成に役立つ、という考えの元で開発された・・・みたいなものだと思います...
任意のテキストを1文字ずつアニメーションさせるエフェクトを付与できるスクリプト・「Splitting」
Splitting Splittingは任意のテキストを１文字ずつ要素で包括し、アニメーションを付与できるスクリプトです。かなり昔に公開されたLETTERING.JSのように自動で包括し、アニメーションを与えてくれる、というもの。CS...
URLに書いたHTMLを解析してPDFにする・「html-to-pdf」
html-to-pdf html-to-pdfはURLに書いたURLを解析してPDFにするスクリプトです。うまく説明できないのでご覧頂いた方が早いかも。上SSは下記のようなURLで表示できます。 の先にHTMLタグを書く...
Webサイト開発スピードをサポートするモダンなCSSフレームワーク・「BuddyCSS」
BuddyCSS BuddyCSSはWebサイトの制作、開発スピードをサポートするモダンな設計のCSSフレームワークです。同梱されるすべてのコンポーネントはレスポンシブ、SassベースでタスクランナーにはGulpが用いられています。コ...
ブラウザで使える超シンプルでログインもユーザー登録も不要のタスク管理ツール・「Timo」
Timo Timoはブラウザベースのタスク管理アプリです。シンプルで使いやすく、ログインもユーザー登録も不要で利用できます。ウィークカレンダー式に1週間分のタスクを管理できて各タスクは時間もトラッキングするので、その日の全てのタスクに...
Webサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプト・「ihavecookies」
ihavecookies ihavecookiesはWebサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプトです。jQueryに依存しています。動作サンプルでは同意後30日の間はCookie削除しない...
書いたコードを画像化して保存できる・「CodeZen」
CodeZen CodeZenは書いたコードを画像化してダウンロードできるWebサービスです。以前書いたcarbonとほぼ同等のサービスですが、こちらはcarbonのようなツイート機能はありません。また、carbonはOSSである事か...