展示会で見せるデモ用アプリの「べからず」集 - Qiita
いわゆる完成度やユーザビリティ、セキュリティと相容れないところもあるが、不安定な環境で不特定多数の人にスピーディに理解してもらうためのノウハウというのも確立されるべきだと思ったので。 手で入力しないといけない項目が多い セッション・タイムアウトが短い（デモをしようとしたらログインしなおし） メニューが動的に生成され、待たされる 見せたい画面に辿り着くのに時間が掛かる 「この内容でよろしいですか？」とか、画面遷移がやけに多い ２カラムとか３カラムで、どこを見たらいいかわかりにくい 広告が掲載されてる とか書いてみたけど、じゃあ、これらの逆を書けばデモ対策集になるかというと微妙なところ。 ただ、デフォルト値とかセッションタイムアウト、広告の有無は外部ファイルで制御できるようにしておくと、ちょっとは便利かな。 Register as a new user and use Qiita more c
JavaScript OCR demo
Step #1 - MediaDevices.getUserMedia() MediaDevices.getUserMedia is a browser API that allows web apps to access user's camera and microphone. Read more on MDN. Step #2 - glfx.js, JCrop glfx.js was used for image effects (sharpening, contrast, etc.). Cropping functionality (with touch support) is provided by jQuery plugin Jcrop. Step #3 - Tesseract.js Tesseract.js was used for OCR (Optical Characte
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery
Introduction Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Demo Single images Image set These are pictures I took during a journey through India and Nepal. Features F
Ben Plum / Formstone / Boxer
To display a single image simply link to the source. Also, 'title' attributes will automatically populate the caption field: $(".boxer").boxer(); <a href="image.jpg" class="boxer" title="Caption"> <img src="thumbnail.jpg" alt="Thumbnail" /> </a> Demo To display a gallery of images attach a common 'rel' attribute to each item: <a href="image_1.jpg" class="boxer" title="Caption One" rel="gallery"> <
jQueryでシンプルなループスライダーを作る
JavaScriptというかjQueryのお勉強。 練習がてらコンテンツスライダーを作ってみました。 この手のものはチュートリアルもプラグインも山ほどありますが、必要な機能だけあって好きに使えるものが欲しかったので1から作りました。 プラグインをお求めの方は「jQuery.simpleLoopSlider.js」をどうぞ。 欲しかった機能シンプルに動くコンテンツスライダー。ループ機能。最後の次は最初、最初の前は最後、という感じで動く。進む、戻るナビゲーション。自動でページネーションを設置。これをやります。 デモとダウンロードは以下からどうぞ。 jQuery Simple Loop Slider DEMO デモファイルをダウンロード HTMLとCSS<div id="slider"> <div class="slider-view"> <div class="slider-container
AnimateScroll - jQuery Plugin
What is it exactly? AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to. Basic usage: $('body').animatescroll(); Click for a Demo It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogs and tutorials on Angular, NGRX, TypeScript, RxJS, React and everything web!