ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない！？という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。
ALPSLAB scroll
ALPSLAB scrollは次世代の地図スクロール実験です。 よりリッチな地図操作インタフェースをご提供します。 もう普通のフリースクロールじゃつまらない！？という方、 8種類の普通じゃない地図の移動方法を是非試してみてください。
2010年のデブサミが、自分にとってこれまでと違うデブサミになりそうだと最初に考えたのは、DevLOVEコミュニティで97本の読書会を開いた時だった。 読書会後の懇親会で、この本の監修者であるyusukeさんに、「デブサミで話してみないか」という誘いを受けた。私はその時、yusukeさんが冗談を言っているのだと思った。 そもそも、デブサミは私にとって特別なイベントであり、その特別な場所で私が壇上に立って、話すというのは、好きなプロ野球球団から、バッターボックスに立ってみないかと言われているのと同じことを意味した。 ところが、yusukeさんの次の一言が深く自分に突き刺さり、「デブサミで話す」ということがリアリティのある話として感じられるようになった。 「聞きに来る人が、たとえ10人でも1人でもいいではないか。何を考えているのか、少なくとも私は聞いてみたい。」 こんな嬉しい言葉を一体人生で何
指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」:phpspot開発日誌
指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 2012年02月14日- jQuery Scroll Path 指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 考えた人はなかなか凄いと思うのですが、予めついっておいたパスをベースにテキストをアニメーションさせられます。 単純にホイールでスクロールしてもいいですし、スライドショー風にページを送ることも出来ます。 文字列の回転なんかはCSS3によりなせる技だと思うんですが、こんな面白いことが出来るんだなぁと改めて関心です。 マークアップは次のようにシンプルに記述できるみたいです 肝心のパスも難しそうかなと思ったんですが次のようなメソッドを使って超簡単に設定できます。 関連エントリ 画像切替が超カッコいいスライドショーが実装できるj
日本の組織を芯からアジャイルにする「シン・アジャイル」というコミュニティを立ち上げます。 - The Dragon Scroll
「組織を芯からアジャイルにする」の発刊に際して、新たなコミュニティを立ち上げます。 長らく組織というもの向き合ってきました。特に、この数年はデジタルトランスフォーメーションの名の元に行われる、組織の数々の取り組み支援を続けてきました。そこで垣間見たのは、日本の組織が直面する「組織的負債」とでも言うべき根本課題です。 次の話で示しているとおり、日本の組織はそれまでの判断基準、価値観である「効率への最適化」だけでは勝負にならなくなっている。しかも、その事実に気づいていながら、これまでのモメンタムに抗うことができずにいる。 www.docswell.com 多くの組織が「最適化」に代わるすべを必要としているのではないでしょうか。効率への最適化だけではなく、組織を取り巻く環境、状況の変化に対応できるようにする。それは、変化への適応力のことです。 変化への適応こそ、ソフトウェア開発の世界が先行して取
jQuery Smooth Div Scroll by Thomas Kahn - smooth content scrolling using jQuery
If you’re looking for the best male sex toy, your hunt ends here. With a simple google search, you will be served with thousands of male masturbators in the form of strokers, fleshlights, blowjob simulators, and sex dolls. Practically speaking, no one can try out the vast assortments of products to know which one would be the best. After so many years of scanning the internet and getting our hands
サブスクリプションアプリの場合：アドビは各アプリの現在のバージョンと以前のメジャーバージョンのインストーラーのみを提供しています。詳しい内容については、「アドビソフトウェアサポートガイドライン」を参照してください。 非サブスクリプションアプリの場合：お客様のアカウントがまだ有効で、アプリをアドビから直接購入または登録している場合、お客様のアカウントからダウンロードできる可能性があります。 サポートリソース：サポート期間が終了している製品の場合、サポートリソースを利用できないことがあります。「製品とテクニカルサポート期間」を参照してください。
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
Really simple concept today folks! A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. We’ll cover two: CSS and JavaScript (jQuery) with a bonus CSS trick. View Demo Download Files The easiest way to handle this is just to use CSS fixed positioning. Our sidebar is within a #page-wrap div with relative positioning, so the sidebar will set inside there, t
ギルドワークスの代表を2020年6月でもって退任いたします。 2014年4月からつとめてきたギルドワークス社の代表を退任することにいたしました。丸6年のつとめとなります。 「自分の会社を退任するってどういうこと？」と思われる方もおられると思います。ギルドワークスは創業メンバーおよびその設立を後押しして下さった事業会社の出資によって成り立っています。ここまで会社の代表としてその任を果たして参りましたが、ギルドワークス自体は私の個人会社ということではありません。後任についても定めております。その周知については、ギルドワークスの会社サイトで案内します。 退任を決めた理由は、自分の時間の使い方、優先度を変えるためとなります。具体的には2つあります。一つは、家族に向けた時間の優先度を上げることです。私は2006年に転職のため大阪から東京に出てきました。15年近い歳月が流れたことになります。この間、家
<div data-aos="fade-up" data-aos-duration="3000"> </div> <div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"> </div>
Scroll Back: The Theory and Practice of Cameras in Side-Scrollers
Scroll Back: The Theory and Practice of Cameras in Side-Scrollers Scroll Back The Theory and Practice of Cameras in Side-Scrollers By Itay Keren, owner of studio Untame, creator of upcoming game Mushroom 11 [This post is a modified version of a talk I gave at the Independent Games Summit, GDC 2015. It contains some background information on 2D scrolling, along with plenty of classic gaming nostalg
scrollイベントが呼ばれすぎることへの対処 - 素人がプログラミングを勉強していたブログ
onscrollを監視していると大量にeventが来てパフォーマンスが劣化するというのはよく聞く話で、 underscore.jsなどでイベントをthrottleやdebounceさせて対処していることが多い。 ただ、scrollに応じてスタイルを変更させたりする場合は、0.1秒くらい遅れがあると視覚的にカクカクしがちで、仕方なくsetTimeout(fn, 0)でthrottleさせることも多いと思う。 scrollイベントは画面のフラッシュレートと同期していないので、マウスやトラックパッドの動きに応じて大量に呼ばれていて、setTimeoutも画面のフレッシュレートとは関係なく内部の実行タイマーに応じて動いている。よって、setTimeout(fn, 0)でthrottleしてもまだ無駄が多い。実験してみたところ、requestAnimationFrameを使うと少しだけマシになること
twitter facebook hatena google pocket ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src
無限スクロールを実装する jQueryプラグインの［Infinite Scroll］を紹介します。 スクロールしてページの最下部まで移動すると、次のページの情報を自動で読み込み、ページの遷移無しで次々とコンテンツを表示してくれます。 ご存知のとおりFacebookのフィードやTwitterのタイムライン、TumblrのUIなど、超有名SNSサイトやモバイル版のアプリケーションでも導入されているので、その挙動は誰もが一度は体験しているでしょう。 最近ではクリエイティブ系のブログでも比較的多く実装されていて、需要も高まっているので、ウェブクリエイターの方々はマスターしておくべき技術の1つだと言えます。 さて。今日は、単に［Infinite Scroll］の実装方法を紹介するだけでなく、弊社オンズが実際に行った極限カスタマイズの方法も伝授します。 以下より本編をどうぞ。 基本の導入方法［Infi
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path
過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので、滑らかな曲線を描いて動作してくれ ます。 タイトル意味分かりませんねｗちょっと説明がしにくいのでデモ見ていただきたいんですが、ペンツール等で描くパスのような曲線を定義できる、というもので、スクロールすると、設定したパスに沿って動いてくれます。 以下デモです。Webkit系推奨。 Sample 設定したパスの確認 右下に確認用のオンオフの切り替えボタンが付いていますのでこれでパスの確認が出来ます。 パスを設定する為のコードスクロールの軌道となるパスの設定は以下のようにします。 path.moveTo(400, 50, {name: "start"});moveTo
[JS]スライダーなどのさまざまなUIエレメントのスクロール操作をスマホ対応・無限スクロール対応にするスクリプト -eco Scroll
コンテンツスライダー、画像ギャラリー、カルーセル、ウォールなど、スクロールするさまざまなUIエレメントを無限スクロール対応にするjQueryのプラグインを紹介します。 スクロール操作はデスクトップのドラッグやスマホのスワイプやフリックにも対応しており、非常に快適に動作します。 eco Scroll eco Scroll -GitHub eco Scrollのデモ eco Scrollの使い方 eco Scrollのデモ デモではWebページやアプリで見かけるさまざまなスクロールするUIエレメントを無限スクロール対応にしています。 操作はデスクトップのドラッグ、スマホのスワイプやフリックでもOKです。
![[JS]スライダーなどのさまざまなUIエレメントのスクロール操作をスマホ対応・無限スクロール対応にするスクリプト -eco Scroll](https://cdn-ak-scissors.b.st-hatena.com/image/square/a56e31e3e2effd7ccab786bc05874d94bd57bdec/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015032605.png)
Scroll Of Dub
個人的にこつこつ日本語に訳していたが、これは他の日本人”Dubbists”もぜひ一読する価値ありと考え、この度Interruptorの承諾を得て公開するものである。
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news first Much to my disappointment, browser-based file uploads are still not supported (input type=“file”)
Xcode の Storyboard で Scroll View（UIScrollView）を使おうとしたところ、Scroll View に対する AutoLayout の設定が難しくてちょっとはまったので備忘録メモです。Constraints（制約）の警告が消えなかったり、ビルドしたらスクロールしなかったりと、色々試行錯誤してしまいました。 以下のエントリー等のおかげで解決できました。ありがとうございます。 【UIScrollView × Autolayout 問題】Appleエンジニア直伝のファイナルアンサー – Over&Out その後 iOS: How To Make AutoLayout Work On A ScrollView UIScrollView and Autolayout – Xcode 6 – YouTube 3番目 Youtube リンク先が、Xcode での操作
History API - Scroll restoration | Blog | Chrome for Developers
Using the History API to manage your URLs is awesome and, as it happens, a crucial feature of good web apps. One of its downsides, however, is that scroll positions are stored and then, more importantly, restored whenever you traverse the history. This often means unsightly jumps as the scroll position changes automatically, and especially so if your app does transitions, or changes the contents o
nehan（縦書き文庫の組版エンジン）をWebAssembly化することで、約3倍の高速化を達成しました - anti scroll
縦書き文庫の組版エンジンであるnehan（js製）をRustで書き換え、WebAssemblyで実行したところ、約3倍の高速化に成功しました。 現時点ですでに運用されています。 感想としては「本当は10倍ぐらい速くなって欲しかったけど、そこまでは速度が出ずにトホホ…」という感じです。 3倍なら良いではないか、と思われる方もいるかもしれませんが、青空文庫の長編小説なんかは、だいたい40万字ぐらいあり、そのjsでの組版時間は（すごく遅い端末だと）27秒に達することもあります。 ちなみに手元のノートPC（メモリ8G）でjsに組版させると5秒ぐらいです。 この5秒が1.7秒ぐらいになるのは嬉しくても、27秒が9秒になっても、あんまり嬉しくないですよね。 だから、ずっと10倍を目標にしてきたのですが… まあこれから頑張って、Rust側のソースを最適化していこうと思います。 ビューアーの変更点 全ペー
Scroll To アニメーションスクロールをデフォルト化できるjQueryプラグイン「Scroll To」。 ページ内に沢山の<a name="***">や<a href="#***">があっても自動で初期化されるのでデフォルトでアニメーションスクロール化できます。 一瞬で飛んでしまうスクロールより便利なのは誰が見ても明らかということでデフォルト化しちゃうのもよさそう。 アニメーションの速度やスクロール位置のオフセット、アニメーションエフェクトのカスタマイズ等も可能 関連エントリ Flashみたいに美しいCSSテキストアニメーションデモ canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」 美しいアニメーションを使ったフィルタ＆ソートが可能なjQueryプラグイン「MixItUp」 Canvasベースの読込中アニメーションデモ「Sonic」 スプ
すべてのページに「最上部へ戻る」のボタンを追加できるChrome拡張機能「Scroll to Top Button」 | ライフハッカー・ジャパン
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか？ ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張がリリースされたので、紹介します。 参考: Scroll-Driven Animations Debugger by Bramus! 記事の掲載にあたり、元サイト様にライセンスを得ています。 まずは、さっそく機能拡張のインストールから。 下記のページにChromeでアクセスし、「Chromeに追加」をクリックするだけです。起動方法や使い方は後述します。 Scroll-Driven Animations Debugger -Chrome ウェブストア この機能
Webサイトでメニューの項目が少なく、コンテンツが長い場合には読み終わった後メニューまで戻るのが大変な作業になる。代表的なメニューに即アクセスできると便利だ。そんな時に使えるのがスクロールに追従するメニューになる。 スクロールに追従してボックスが移動する とは言え、実装するとなると意外と面倒だ。ブラウザ間による互換性を保つのも大変だ。そこで使いたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはScroll Follow、スクロールをフォローするボックスを作成するjQueryプラグインだ。 Scroll Followはスクロールに応じて上下するボックスを作成することができるjQueryプラグインだ。ただ追従するだけもできるが、指定範囲まで降りると停止するものも作成できる。 指定範囲でのみ移動と言うこともできる オプションも幾つか用意されており、クリックで追従を停止するよ
こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
Dynamic Drive DHTML scripts- jQuery Scroll to Top Control
Note: April 7th, 09'. Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. Also fixes scroll animation not working in Opera. Description: If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary co
jQuery Scrollify - Power steering for your scroll wheel
Basic Setup Scrollify requires jQuery 1.7+. <! doctype html> <html> <head> <script> $(function() { $.scrollify({ section : ".example-classname", }); }); </script> </head> <body> <div class="example-classname"></div> <div class="example-classname"></div> </body> </html> Configuration $.scrollify({ section : "section", sectionName : "section-name", interstitialSection : "", easing: "easeOutExpo", sc
ページを下に進むと現れて、クリックするとページ上部までスクロールするスクリプトを紹介します。結構ありがちですが、さりげなくCSS3を使っているところや、現れるタイミングやスクロールの早さなどカスタマイズしやすそうなところがおすすめポイントです。 Animated Scroll to Top - web designer wall ソースもダウンロードできるようになっているので、カスタマイズできそうなところを簡単に説明していきます。 次にjavascriptのところを。jQueryをGoogleから読み込んで、以下の部分を記述しています。 <script> $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); // fade in #back-top $(function () { $(win
Block Scroll レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」。 divでくくればスライドのようにページ送りができる流行りのあのUIを実現するためのjQueryプラグイン。 スマホでも動くみたいです 関連エントリ 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」 フルスクリーンでかつスクロールする迫力あるギャラリー実装が可能になる「Intense Images」 入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」
Demo Scroll through these elements by clicking on the items clicking on the arrows and those small round buttons using left and right arrow keys from your keyboard scrolling with your mousewheel 1. An example title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a. 60 sec 2. An example title Lorem
パララックスでのイベントの考察。scroll / throttle / debounce / touchmove / mousewheel | codechord
Posted 12月 17th, 2012 by codechord. 0 Comments Tweet Tweet [追記：2015/05] 2012年12月の投稿なので情報がかなり古いです。iOS7ではスクロールイベントが取りやすくなってます。とはいえ、スマホのパララックスは要注意。 こんにちは。Advent Calendar 2012 軽めのjQuery の17日目を担当します。 http://www.adventar.org/calendars/29 パララックスエフェクトを実装するためのイベントについて少し触れてみたいと思います。 パララックスエフェクトで考えること パララックスエフェクトのような動きを考える時、いくつかの項目を考慮する必要があるとおもうんですが、例えば イベント発火のタイミング パララックスエフェクトの実装 スマホで動作する際の妥協点。 如何に心地よくぬるぬると
At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends kee
# Introduction Scroll-driven animations are a common UX pattern on the web. These are animations that are linked to the scroll position of a scroll container. This means that as you scroll up or down, the linked animation scrubs forward or backward in direct response. Think of interesting effects such as parallax background images or reading indicators which move as you scroll. A similar type of s
「Web Scroll Capture」は、ウェブサイトの画面のキャプチャを撮ることができるアプリだ。iPhone標準の「電源ボタン＋ホームボタン」でのキャプチャと異なり、ウェブページの上から下までのスクロールショットを1回の操作で撮れるのがメリットだ。 使い方は簡単で、まず対象サイトのURLを本アプリのアドレス欄に貼り付けてページを表示させ、「CAPTURE」をタップ。表示される選択肢から「Photos」を選べば、スクロールショットが取得されてフォトロールに保存される。完了したことを知らせるメッセージが表示されるので、あとはフォトロールを開いて正しく保存されているか確認すればよい。このほか、メールに直接添付することも可能だ。 1回の操作でスクロールショットを撮ることができるので、プレゼン資料などでサイトの全容がわかる画像が必要な場合も、画像編集アプリでキャプチャ画像をつぎはぎする必要がな
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
This extension has been deprecated and can be safely removed.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デブサミからもらったものをデブサミに返してきました。 - The Dragon Scroll
scroll-effects-opacity-slideshow-animate.html
Scroll/Follow Sidebar, Multiple Techniques | CSS-Tricks
ギルドワークスの代表を退任します。 - The Dragon Scroll
AOS - Animate on scroll library
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
【jQuery】無限スクロール［Infinite Scroll］を極限までカスタマイズ。 - ONZE
Scroll View（UIScrollView）でのAutoLayout設定
アニメーションスクロールをデフォルト化できるjQueryプラグイン「Scroll To」:phpspot開発日誌
MOONGIFT: » スクロールに追従するボックス「Scroll Follow」:オープンソースを毎日紹介
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
ページ上部までスクロールするAnimated Scroll to Top
レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」:phpspot開発日誌
Scroll your HTML with jquery scrollable
「Microsoft Edge」にいつの間にか追加された［強調表示するリンクのコピー］コマンドって？／Google検索でも活用されているText Fragment/Scroll to Text Fragment【やじうまの杜】
On Scroll Header Effects with CSS Transitions
ゲームのDRMが第12世代CoreのEコアを別システムと誤認。Scroll LockキーでEコアオフの暫定対策
Scroll-driven Animations
ウェブページのスクロールショットが撮れるiPhoneアプリ「Web Scroll Capture」
Scroll RSS Icon - スクロールに連動するRSSアイコンの作り方 - youmos
Google Chrome Extensions: Google Quick Scroll