Plyr - A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player
DraftJS Plugins - High quality plugins with great UX
The documentation currently represents the 4.0.0 release. For troubleshooting please checkout theFAQ Slack-like emoji autocompletion, Facebook-like stickers & mentions, and many more features out of the box to enhance your web application. Wait, but why?Facebook's rich-text editor framework DraftJS built on top of React allows you to create powerful editors. We're building a plugin architecture on
Trix: A rich text editor for everyday writing
A rich text editor for everyday writing. Compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML. View on GitHub ❤️ Made by 37signals.
lazysizes - the ultimate lazyloader for responsive images, iframes and widget
lazySizes lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images (picture/srcset)), iframes and scripts. It is written in VanillaJS and with high performance in mind. Simply add the JS to your website and put the class lazyload to all elements, which should be lazy loaded. For a short API description go to the readme.md. Image with LQIP technique
Notify.js - A handy wrapper for the Web Notifications API – Alex Gibson
February 20 2013 3 min read. I recently spent some time getting to grips with the Web Notifications API, which is currently supported in Chrome, Safari 6, and just recently in Firefox. It enables you to create growl-style notifications for web applications, and if you’re on OSX it integrates really nicely with Notification Centre. I wanted to create something that I could easily reuse in different
[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
React Native ファーストインプレッション - Qiita
React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデータバインディングとか、諸々が一緒。従って React.js でアプリケーションを作ったことがあれば、学習コストをほとんどかけずにアプリが作れる･･･かも 例えば以下のように、入力値をそのまま画面にエコーするアプリケーション。 これはこんな感じのコードになる。 var React = require('react-native'); var { AppRegistry, StyleSheet, T
is.js - micro check library
Checks if the given value type is arguments. var getArguments = function() { return arguments; }; var arguments = getArguments(); is.arguments(arguments); => true is.not.arguments({foo: 'bar'}); => true is.all.arguments(arguments, 'bar'); => false is.any.arguments(['foo'], arguments); => true // 'all' and 'any' interfaces can also take array parameter is.all.arguments([arguments, 'foo', 'bar']); =
VOYAGE GROUP エンジニアブログ : Web Notification をサービスに実装するにはどうしたらいいか妄想してみた
2014年07月31日22:28 カテゴリ Web Notification をサービスに実装するにはどうしたらいいか妄想してみた こんにちは。 VOYAGE GROUP でエンジニアをしています tatenosystem です。 最近、社内で slack というサービスを良く使っているのです。 しかし、結構書き込みを見逃しがちで 「定期的に確認するのはめんどくさいなぁ」 と思ったら、なんとデスクトップ上に通知をしてくれる 「Web Notification」 に対応しているじゃないですか。これは便利！ WEBページからの通知があると、PC画面上に 「通知ウィンドウ」 が出てきます。こんな感じ。 しかもブラウザの機能で行っているので、特別なプログラムはいらないです。まぁ、対応しているブラウザでないとダメなんですが。。。 かなり前（たしか2010年くらい？）から 「Web Notificat
Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! -
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
flipsnap.jsで表示中のページ数を取得 - Qiita
flipsnap.jsはフリックによるページャーを実装するための軽量なjavascrpt pluginです。 ドキュメントも簡潔で、とても使いやすい。 ですが、フリックで表示ページを変更後した時のイベントで、表示ページ番号を取得する方法が公式ドキュメントに書かれていなかったので覚書。 var flipsnap = Flipsnap('.flipsnap'); // フリックではなく、前/次表示をボタンでもする $('prev_button').on('click', function(){ flipsnap.toPrev(); }); $('next_button').on('click', function(){ flipsnap.toNext(); }); // フリック後のイベント定義。toPrev/toNextによるページ移動時には**発火しない** flipsnap.elemen
[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity
デモページ: ナビゲーション Flickityの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※jQueryのプラグインとして利用する時は、jquery.jsを加えます。 <head> ... <link rel="stylesheet" href="/path/to/flickity.css" media="screen"> <script src="/path/to/flickity.pkgd.min.js"></script> </head> Step 2: HTML 各スライドをdiv要素などで実装し、ラッパーで内包します。 <div id="main-gallery"> <div class="gallery-cell">...</div> <div class="gallery-cell">...</div> <div cl
![[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5475b2160c621bb7e866a6e614ec3326ad2769/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012901.png)
jQuery Sidebar
Usage This library depends on jQuery. Include the script file in your HTML page: ... <script src="path/to/jQuery-sidebar.min.js"></script> ... <div class="sidebar left">Hello World</div> <div class="sidebar right">I am on right!</div> <div class="sidebar top">I am on top!</div> <div class="sidebar bottom">I am on bottom!</div> ... <script> // Sidebar on left (default) $(".sidebar.left").sidebar().
Flow | A static type checker for JavaScript
Code Faster.Tired of having to run your code to find bugs? Flow identifies problems as you code. Stop wasting your time guessing and checking. Code Smarter.It's hard to build smart tools for dynamic languages like JavaScript. Flow understands your code and makes its knowledge available, enabling other smart tools to be built on top of Flow. Code Confidently.Making major changes to large codebases
jQuery Super Easy Text Rotator by Pete R. | The Pete Design
jQuery Super Simple Text Rotator by Pete R. Add a super simple rotating text to your website with little to no markup Created by Pete R., Founder of Travelistly & BucketListly Turn this: Super <span class="rotate">Simple, Customizable, Light Weight, Easy</span> Text Rotator with Style into these.. Super Simple, Customizable, Light Weight, Easy Text Rotator with Style Super Simple, Customizable, Li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - facebook/react-native: A framework for building native applications using React
GitHub - iSimar/HackerNews-React-Native: Hacker News iOS and Android App - Made with React Native.
GitHub - abeisgoat/Olly.js: Translate URLs into Rich Media
