Kiwi-slider by loethen
How to use kiwi slider Include kiwi.css <link rel="stylesheet" type="text/css" href="stylesheets/kiwi.css"> Include jQuery and kiwi-slide <script src="//code.jquery.com/jquery-latest.min.js"></script> <script src="javascripts/kiwi-slider.js"></script> new KiwiSlider('kiwi-slider'); There are some options below options { trigger: 'click', //click or mouseover direction: 'H' //Horizontal or Vertical
GitHub - gildas-lormeau/zip.js: JavaScript library to zip and unzip files supporting multi-core compression, compression streams, zip64, split files and encryption.
import { BlobReader, BlobWriter, TextReader, TextWriter, ZipReader, ZipWriter, } from "https://deno.land/x/zipjs/index.js"; // ---- // Write the zip file // ---- // Creates a BlobWriter object where the zip content will be written. const zipFileWriter = new BlobWriter(); // Creates a TextReader object storing the text of the entry to add in the zip // (i.e. "Hello world!"). const helloWorldReader
Face⁺⁺ - Face⁺⁺ Cognitive Services
Technologies Facial Recognition Face Detection Face Comparing Face Searching Face Landmarks Dense Facial Landmarks Face Attributes Emotion Recognition Beauty Score Gaze Estimation Facial Skin Status Analyze 3D Face Model Reconstruction Human Body Recognition Body Detection Skeleton Detection Body Outlining Body Attributes Gesture Recognition Image Beautify Face Merging Text Recognition Universal T
Face Detection - Face⁺⁺ Cognitive Services
Technologies Facial Recognition Face Detection Face Comparing Face Searching Face Landmarks Dense Facial Landmarks Face Attributes Emotion Recognition Beauty Score Gaze Estimation Facial Skin Status Analyze 3D Face Model Reconstruction Human Body Recognition Body Detection Skeleton Detection Body Outlining Body Attributes Gesture Recognition Image Beautify Face Merging Text Recognition Universal T
近日リリース予定の「jQuery 3.0」は2種類のパッケージで提供
The jQuery Foundationは、JavaScriptライブラリjQueryの最新版として、バージョン1.11.1の後継となる「jQuery Compat 3.0」、バージョン2.1.1の後継となる「jQuery 3.0」をリリースすることを、公式ブログの10月29日（現地時間）付けの投稿で発表した。 jQueryは、WebブラウザのAPI互換性に対応すべく、2013年に互換性を最大限に重視したバージョン1.x系列と、Internet Explorer 8以前の古いブラウザをサポートしないバージョン2.x系列とに分かれている。 ただし、1.x系列と2.x系列では、内部実装こそ異なるものの、APIとしての動作は同じであり、それは「jQuery Compat 3.0」と「jQuery 3.0」でも引き継がれる。 なお、メインパッケージの「jQuery」は、最新バージョンおよび1つ前
AngularJSでMVCプログラミングをはじめよう
対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome（36.0）、IE11、Firefox（31.0）、Safari（7.0.5）の環境で確認を行っています。 サンプルアプリケーションの概要 今回作成するアプリケーションは、単純な「タスク管理」のアプリケーションです。次のような3つの画面を作ります。 タスク（件名とメモ）を登録する画面 登録したタスク一覧を表示する画面 登録したタスクを参照する画面と、削除する為の画面 ページ遷移はシングルページアプリケーション形式で作成します。シングルページアプリケーションとは、jQuery Mobileなどでも使われている方式であ
pagePiling.js plugin | Create a stack of scrolling pages
jQuery plugin Pile your sections one over another and access them scrolling or by URL!
scrollイベントが呼ばれすぎることへの対処 - 素人がプログラミングを勉強していたブログ
onscrollを監視していると大量にeventが来てパフォーマンスが劣化するというのはよく聞く話で、 underscore.jsなどでイベントをthrottleやdebounceさせて対処していることが多い。 ただ、scrollに応じてスタイルを変更させたりする場合は、0.1秒くらい遅れがあると視覚的にカクカクしがちで、仕方なくsetTimeout(fn, 0)でthrottleさせることも多いと思う。 scrollイベントは画面のフラッシュレートと同期していないので、マウスやトラックパッドの動きに応じて大量に呼ばれていて、setTimeoutも画面のフレッシュレートとは関係なく内部の実行タイマーに応じて動いている。よって、setTimeout(fn, 0)でthrottleしてもまだ無駄が多い。実験してみたところ、requestAnimationFrameを使うと少しだけマシになること
JavaScriptを1行書くだけで、バックエンド専業エンジニアが不要になるAPI「Milkcocoa」 - BRIDGE（ブリッジ）
JavaScriptを1行書くだけで、バックエンド専業エンジニアが不要になるAPI「Milkcocoa」 （左から）Technical Rockstars CEO 部谷修平氏、CMO 川野洋平氏 ウェブ開発のスキルだけでモバイルアプリが作れる Monaca、デザインのスキルだけでモバイルアプリのプロトタイプが作れる Prott など、自分が持ち合わせているスキルで、アウトプットを出せるようにしてくれる開発環境は増えてきた。最近、サムライベンチャーサミットで見かけた ZUGYUUUN! などは、HTML や JavaScript だけで、ネットにつながるハードウェアの構築を可能にし、すべての人にとって可能性を広げる環境として注目される。 今日紹介するのは、バックエンドの操作が不要になるAPI「Milkcocoa」だ。クラウドサービスの普及により、サーバのセットアップやチューニングのために、デ
SweetAlert – alertに代わって使いたいダイアログライブラリ
HTML5ではdialogという要素が追加され、これまで悪名高かったalertに代わる技術が生み出されています。しかしdialogはデザインやエフェクトを含め、全て自分で実装する必要があるため普及はまだしばらくかかりそうです。 そこで使ってみたいのがSweetAlertです。alertに代わるライブラリで、見た目も上品で格好いい仕上がりになっています。 SweetAlertの使い方 SweetAlertは通常使っているアラートを置き換えて使える存在になるでしょう。反応しなければ何もできなくなってしまうalertとは違いますし、デザイン上のカスタマイズ幅も大きそうです。 SweetAlertはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 t4t5/sweetalert SweetAlert
<script async>でJavaScriptの非同期読み込みを - fragmentary
JavaScriptファイルをスクリプトから非同期で読み込むパターンは古い、という話を目にしたのはもう半年前のこと。 言ったのはIlya Grigorik。月末のGoogle Japanでのイベント、月初のHTTP2ConferenceにくるWebパフォーマンス界のすごいひとですよ。 Script-injected "async scripts" considered harmful - igvita.com 件のパターンは、スクリプトで動的に script を生成して、そこに読み込みたいJavaScriptファイルをぶっこんで読み込むというもの。 <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
CodeCombat - Coding games to learn Python and JavaScript
Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.
SVGにはどのようにしてスクリプトが混入するのか
SVGが他の画像形式と一線を画している点として，javascript等によるスクリプトを挿入することが出来ることが挙げられます．この特徴により特別なツールを必要とせずにダイナミックに内容を書き換えることが出来るのがウリの一つです．しかしスクリプトが全て善意から成り立っているとは限らず，ウィルス等の良からぬ内容が含まれている可能性を否定できません． ではSVGに対するスクリプトの混入有無を確認するにはどうすればよいのでしょうか? ※少し追記 ※10/10追記 補足はアンチパターンとして紹介していますから，そのようなものだと勘違いしないでくださいね． SVGにおけるスクリプトの記述場所 SVGではjavascript等によるスクリプトの実行をサポートしており，この仕組みによりアニメーションなどの動的なグラフィックを表現することが可能です． この時，SVGにおけるスクリプトは主に次の4箇所で定義
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
FocusPoint·レスポンシブの画像表示に。注目して欲しいポイントを残して表示。 MOONGIFT
レスポンシブWebデザインを取り入れたサイトは増えていますが、HTMLはフレキシブルに変更できても画像リソースはそう簡単ではありません。そのため幅ごとに数パターン画像を用意しているケースもあります。 同じ画像の場合、単にサイズを小さくしてしまうと見るべき場所も小さくなって分かりづらくなります。そこで使ってみたいのがFocusPointです。 FocusPointの使い方 デモです。フォーカスポイントは白い線で囲まれた部分になります。 幅を変更してもフォーカスポイントが中央になっています。画像の大きさ自体は変わっていないですよね。 縦を縮めました。画像が小さくなっていますが白い線で囲まれた部分は残っています。 多数の幅でまとめて表示。全てちゃんと白く囲まれた部分はなるべく多く表示されます。 こちらはカンガルー。 FocusPointは自動的に画像の良い場所を選んでくれる訳ではなく、自分でどの
Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグイン・Sheetrock - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Googleスプレッドシートに書いた内容をtableで実装するjQueryプラグインのご紹介です。データを手軽にWebサイトに表示出来るのは楽でいいですね。 Googleスプレッドシートをtableで表示するスクリプトです。以前にも似たスクリプトをご紹介しているので選択肢の一つとして。 空のtableにスプレッドシートに書かれた内容が挿入されています。 var mySpreadsheet = 'https://docs.google.com/spreadsheet/foo?key=bar#gid=0'; 読み込みたいスプレッドシートを指定します。 $('#hoge').sheetrock({ url: mySpreadsheet }); tableをセレクタに設定し
Building OS X Apps with JavaScript
OS X Yosemite introduced JavaScript for Automation. This makes it possible to access native OS X frameworks with JavaScript. I’ve been digging in to this new world and putting together examples along the way. In this post I’ll explain the basics and step through building a small example app. WWDC 2014 included a session on JavaScript for Automation. The session explained that you would be able to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fullPage scroll snapping. Create full screen pages fast and simple
GitHub - mikefowler/crossfade.js: A tiny (~3kb) jQuery plugin for crossfading images as you scroll down a page.
https://qiita.com/geta6/items/1d6a7d973fb120aca0eb