Delete important stuff? That doesn't seem like a good idea. Are you sure you want to do that?
巨大なファイルをアップロードする際に欲しくなるのがリジューム機能です。万一途中でネットワークエラーになったりして最初からやり直し、なんてことになったらもはや二度とアップロードする気にならなくなるでしょう。 今後Webの利用範囲が広がっていく中で、動画をはじめサイズの大きいファイルをアップロードしようと思ったらリジューム機能は欠かせなくなります。そこで使ってみたいのがFlow.jsです。 Flow.jsの使い方 Flow.jsは通常のファイルアップロードの代わりに使えるようになっています。 デモです。ボックスにファイルを追加します。 アップロード中… 途中で止めたり、一つだけ再開もできます。 タネを明かすと、Flow.jsではFile APIを使ってファイルを読み込み、小さく分割(チャンク)してアップロードを行っています。その分ネットワーク接続の回数が多くなりますが、巨大なファイルによるネッ
_.chunk(array, [size=1])source npm package Creates an array of elements split into groups the length of size. If array can't be split evenly, the final chunk will be the remaining elements. Since3.0.0 Argumentsarray (Array): The array to process.[size=1] (number): The length of each chunkReturns(Array): Returns the new array of chunks. Example
React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery. As one of the oldest React libraries, React-Bootstrap has evolved and grown alongside React, making it an excellent choice as your UI foundation. Built with compatibility in mind, we embrace our bootstrap core and strive to be compatibl
Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoint = new Waypoint({ element: document.getElementById('waypoint'), handler: function(direction) { console.log('Scrolled to waypoint!') } }) Builds are available for multiple DOM libraries. jQuery 1.8+ Zepto 1.1+ No Framework IE 9+ npm install waypoints or bower install waypoints or GitHub Download Get Help
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サイトにちょっとした仕掛けをつけたり、使い方によっては面白い表現を与えてくれるjQueryプラグインをいくつか紹介します。 案件とかだと難しいですけど、例えば個人ブログのように自分でサイトを運営しているなら、こういった遊び心を取り入れても面白いですね :) サイトにコナミコマンドを埋め込む「Cheat Code」 サイトで↑↑↓↓←→←→BAのようなコナミコマンドを入力するとメッセージを表示できるプラグイン。 使い方は「Cheat Code」よりjquery.cheat-code.jsをダウンロードし、jQueryと合わせて読み込みます。 例としてコードは下記のようになります。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.c
Getting startedAn overview of React-Bootstrap and how to install and use. SetupYou can import the lib with as AMD modules, CommonJS modules as a global JS script.First add the Bootstrap CSS to your project; check here if you have not already done that. Then:CommonJS $ npm install react@v0.10.0 $ npm install react-bootstrap var Alert = require('react-bootstrap/lib/Alert'); // or var Alert = require
Trelloは、https://www.trello.com で提供されているオンラインのタスク管理サービスで、利用している人も多いと思います。僕自身も以前書いたSCRUM BOOT CAMP THE BOOKの執筆の進捗管理や、Regional Scrum Gathering Tokyoのタスク管理などで使っていました。 このTrelloのオープンソース版のクローンが登場したので紹介します。 LibreboardLibreboardは、こちらで開発が進められているオープンソースソフトウェアでMITライセンスで提供されています。2014年の頭に開発が始まり、最初の開発ペースは早くありませんでしたが、昨年末くらいから急激に開発速度が上がってきているようです。 技術的には、NodejsのフレームワークであるMeteor(メテオ)を利用しています。 Meteorの詳細については以下を参照すると良
Stackbox.js Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」 次のような、Bootstrapデザインのモーダル実装ができます。表示方法にもアニメーションをさせたりカスタマイズオプションが豊富 demo1 | demo2 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」 移動、拡縮、最小化、最大化が可能なBootstrap用モーダルダイアログ実装jQueryプラグイン「jsPanel」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 Bootstrapのポップアップ
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']); =
Lightweight (< 3kb), dependency-free javascript library to dynamically show the number of unread notifications in your webpage title. View project onGitHub Try it Now! Play around with the buttons below and check the title of the page changing. +1 Notification -1 Notification Reset Notification Getting Started Download the project and include the js file before </body> <script src="title_notifier.
jQueryを使ったアニメーションではCSSのプロパティ値を操作することによって ページ上に様々なバリエーションのアニメーションを簡単に実装することが可能になりますが 現状(ver.1.8)のデフォルト状態でのjQueryファイルでは CSS3のTransform系の回転「rotate」や拡大縮小「scale」といった アニメーション値を操作することはできません。 そんなCSS3のTransform関連のプロパティ値を jQueryアニメーションとして操作させることを可能とするプラグインがいくつかあったので 使いやすかったものをサンプルアニメーションを交えて紹介してみます。 jquery-css-transform.js / jquery-animate-css-rotate-scale.js jQueryでCSS3のTransformアニメーションを操作させるプラグインはいくつかあります
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く