Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート
Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート 現在、Firefox Nightly としてリリースされている、Firefox 36 で、scroll-behavior: smooth; が実験的ながらサポートされました。CSS のみでスムーズスクロールを実現することができます。 現在、Firefox Nightly としてリリースされている、Firefox 36 で、scroll-behavior プロパティ、およびその値、smooth が実験的ながらサポートされました。 現状では、デフォルトで無効になっているため、about:config から layout.css.scroll-behavior.enabled、および layout.css.scroll-behavior.property-en
GitHub - mciastek/sal: 🚀 Performance focused, lightweight scroll animation library 🚀
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Dreamcatcher american apparel typewriter polaroid, Pinterest hoodie tousled vegan pickled gastropub iPhone VHS sartorial. Fanny pack vinyl fingerstache whatever, raw denim Carles literally next level fashion axe photo booth pour-over Echo Park. Raw denim selvage typewriter, thundercats viral craft beer beard keffiyeh meh. 3 wolf moon american apparel mlkshk street art single-origin coffee. Semioti
昨日はRubyKaigiに行ってきた。 RubyKaigiも、つくばも初めてだった。 いやー、とにかく凄い刺激を受けてきましたよ！ という言葉が湧いてこない。 実に何も腹に残っていない。 昨日、本当に私はRubyKaigiに行ったんだろうかと。 いや、確かに行った。基調講演も聴いてきた。 でも、明日から何か変わるかというと、そうはなりそうもない。 決して、RubyKaigiを批判するわけではない。 あれだけのギーク、Rubyistを集め、あれだけ熱くなれる カンファレンスは、他に類をみないだろう。 普通じゃない熱さを発していた。 あそこに居た人々は、例えば今年のデブサミよりもはるかに強い 刺激と楽しさを感じていたのではないだろうか。 たくさんの聴衆を集め、カンファレンスとして、きっと 成功したんだと思う。 あれだけのカンファレンスを、成し遂げるRubyコミュニティは 素晴らしいと思う。 で
Go Back Demo for Auto Scroll News Ticker with jQuery CLOSE
This is just a simple trick. I had this breadcrumbs component made of a ‘LinkBar’, sometimes it gotten so long that a horizontal scrollbar was needed. But when this horizontal scroll bar appeared he obscured the links (crumbs) underneath it. So here comes the “scroll without scrollbars”. Add some items so a scrollbar is needed, you’ll see the scroll buttons appear. Click them to scroll. The mouse
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
GitHub - civiccc/react-waypoint: A React component to execute a function whenever you scroll to an element.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Release: [jQuery Plugin] Endless Scroll | Beyond Coding
Please check the GitHub repository for the latest release. If you don’t already know, endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end. I have developed a jQuery plugin to easil
スクロールでじわーっと煙のように消えていく不思議エフェクト - MagicShtick Scroll - | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです！ ダンサー兼フロントエンドエンジニアのシスコです！ 最近、コンビニのメロンパンにハマっています！ なぜかは自分でもさっぱりわかりません。。。無性に食べたくなるときがあるんです。 でも、そうゆうときもありますよね。あるはずです。あってほしい。 という余談でした。。。 今回は、これいいなっ！ と思ったJavaScriptエフェクトを紹介しますー！ ぜひ参考にしてみてください！ ※JavaScriptのライブラリではありません。 MagicShtickとは？ http://lab.shtick.be/scroll/?do=adjust ShtickというWebサイトで見られるスクロールエフェクトです！ スクロールしていくと、じんわりと画像、ロゴがフェードアウトしていく仕様となっています。 指定のプロパティを変更することで、縦横のゆらぎの強弱などを設定することができます！ 上に記述した
あなたの記事どこまで読まれてる？読了率を計測できるwordpress プラグイン「WP Scroll Depth」
あなたの記事どこまで読まれてる？読了率を計測できるwordpress プラグイン「WP Scroll Depth」 本日も”Webledge“をご覧いただきありがとうございます。管理人のけーすけ(@webledge_blog)です。 唐突ですが、あなたのブログ・サイトってどのくらい読まれていますか？「直帰率が50%だから僕のサイトはめっちゃ読まれている！」なんて考えはちょっと短絡的すぎるような気がします。 僕の意見ですが、大事なのはその記事のことが好きでちゃんと最後まで読んでくれているか。それを示す指標が読了率です。読了率とは「記事がどのくらいまでちゃんと読まれているか」を知る指標。 そんな大事な指標なのに、Google Analyticsでデフォルトでは計測できないんですよね・・・ 今回はその読了率をちゃんとGoogle Analyticsで計測するためのwordpressプラグイン「W
Mozillaが特定のウェブサイトの広告を非表示にするサブスクリプションサービス「Scroll」とのパートナーシップの締結を発表しました。 Firefox Better Web with Scroll https://firstlook.firefox.com/betterweb/ Scrollを導入した場合のビフォー・アフターが以下。広告だらけだったウェブサイトから、広告が一掃されていることがわかります。これだけの広告を排除すると、読み込み速度も格段に向上するとのこと。 Scrollは、Scroll自体が契約を結んだ「パートナーサイト」の広告が非表示になりトラッキングが無効になるというサブスクリプションサービスで、いわゆる「広告ブロッカー」とは別物。Scrollの主目的は「パートナーサイトの収益を助けること」といえるもので、購読者がパートナーサイトを訪問すればするほどパートナーサイトが得
Luxy.js｜Inertia scroll and parallax effect plugin in Vanilla.js
Usage Wrap the entire content with the element specified in the wrapper option. Please exclude fixed elements.
Scroll Drawing | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! We’ve taken an in-depth look at how SVG line drawing works before. It’s a clever trick where you use dashed lines for the stroke, but the gap in the dash is so long it covers the entire path. Then you can move it such that it covers the entire path again, which makes it appear as if it’s dra
Google Chrome 61で追加されたscroll-behaviorを考える | フロントエンドBlog | ミツエーリンクス
2017年9月26日 Google Chrome 61で追加されたscroll-behaviorを考える UI開発者 泉口 9月21日にStable ChannelのGoogle Chromeがバージョン61にアップデートされました。 Webサイト開発において嬉しい機能はwindow.visualViewportによるビューポートの数値取得や、<script type="module">によるJavaScriptモジュールのネイティブサポート、JavaScriptからAndroidネイティブアプリへのURL共有が可能になるWeb Share APIなどがありますが、Chrome 61ではWebアプリケーションからUSBデバイスを直接操作するWebUSB APIが搭載され、外部デバイスの操作までできるとなると、もはやブラウザの範囲を超えた印象を持ちます。 今回はscroll-behavior
スクロールに連動して画像が立体的に現れるようにできるjQueryプラグイン「Tilted Page Scroll」:phpspot開発日誌
jQuery Tilted Page Scroll by Pete R. | The Pete Design スクロールに連動して画像が立体的に現れるようにできるjQueryプラグイン「Tilted Page Scroll」 カバーフローのようなおしゃれ感がでて、単に画像を並べるよりもカッコよくなるかも。 スクロールに連動したアニメーションを入れるだけでこうも変わるものだな、という１例でした。 関連エントリ レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 線を描きながらギャラリーの画像を選択できるようにするjQueryプラグイン
By Ole Begemann More about me and contact info May 21, 2014 Last update: June 30, 2014 Update June 30, 2014: Updated to reflect changes I made to OLEContainerScrollView’s public interface. The container scroll view now exposes a read-only contentView property. You should add any subviews you want managed by the container scroll view directly to its content view. In this article, I am introducing O
Hi There Designed by Sam Strick, 2013 imadethisthing.com Tweet Follow @imadethisthing Share what?
最近もちらほら見るパララックス効果を実装できるjQuery scroll parallax pluginを触ってみました。 下記サイトのDownload the plugin from githubからプラグイン一式をダウンロード jQuery scroll parallax plugin 基本、サンプルを踏襲しつつ進めていきます。 →DEMO1 【html header内】 以下3つのjsを読み込みます。 <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.inview.min.js"></script> <script src="js/jquery.scrollParallax.min.js"></script> <script type="text/javascript"> $(function(
CSS only scroll indicator
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-
ホーム > FMVキッズ > なるほど！パソコン研究室 > パソコンのホントコ > キーボードにある「Num Lock」「Caps Lock」「Scroll Lock」のランプの意味は？ キーボードの数字キーを押（お）したのに、数字が表示（ひょうじ）されなくてこまったことはない？ そんなときには、キーボードの「Num Lock」（ナムロック）と書かれたランプが点（つ）いているかどうか確認（かくにん）してみよう。これは、数字キーを押（お）したときに、数字が入力されることを表すランプだよ。キーボードのNum Lockキーを押（お）すことで、オン／オフを切りかえられるよ。 ほかにも、キーボードのランプには、Caps Lock（キャプスロック）があるよ。ランプが付いているとき、アルファベットを入力すると、「A」のように大文字になるんだ。ランプが消えていると「a」のように小文字になるよ。オン／オフを
notepad++ allow me to increase the font size when I hold the Ctrl Key and rotate the mouse middle scroll button to forward. In the same way, the when I hold Ctrl and rotate the mouse middle scroll button backward, the fond size reduces. How can I get the same with Emacs?
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
僕は、社内SNSなんて、会社という村社会の中に、さらに 壁を作ってできた、町内会くらいに思っていた。 僕は、社内SNSという存在について、酷く懐疑的だった。 会社という世界の中で、僕らはどんな手段で互いにコミュケーション しているだろうか。 メール？IM？ 案外、貧弱な手段しか有していないことに気付く。 リアルな会話をするにこしたことはないが、 せいぜい、自分の周辺にいる人々に限られる。 プロジェクトが異なれば、ほとんど会話をする機会はない。 違うフロアや、違う建物にいる人々とは、全く関わることなく 一年を過ごす。 ましてや、東京にいる社員が、大阪の社員と日常的にコンタクトを 取ることなんてない。 大きな組織ほど、社内のネットワークは断絶している。 そう考えると、会社の中の、自分の世界は、なんて閉じられた ものなんだろうと思う。 少なくとも喫煙をしている頃は違った。 喫煙室に行けば、普段、
jQuery MasonryでInfinite Scroll
Brenta is like Maldive but more romantic. / Miles Heller
var target = $('html, body'); target.animate({ scrollTop: ***, 'slow' }); // *** にスクロールする座標を指定します 追記: 2011/01/31 if (jQuery.support.checkOn) { var target = $(‘html’); } else { var target = $(‘body’); } という書き方を var target = $(‘html, body’) に変更しました。 指定のタグの位置に移動するなどの場合は動的に座標取得したりします。
GitHub - camobile/ScrollTween.js: Parallax scroll animation library which can run on mobile.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
КОМИКСОЛЁТ, сетевой журнал комиксов : СТАЛИН ПРОТИВ ГИТЛЕРА (Scroll down for English texts)
СТАЛИН ПРОТИВ ГИТЛЕРА (Scroll down for English texts) © 2000, Алексей Липатов (сюжет, графика)
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
「仕事に追われない仕事術」これは、なかなか良い本。 仕事に追われない仕事術 マニャーナの法則・完全版 作者: マーク・フォースター 出版社/メーカー: ディスカヴァー・トゥエンティワン 発売日: 2016/10/22 メディア: Kindle版 この商品を含むブログ (1件) を見る 仕事術系の本はとんと読まなくなったけども、知人が紹介しているのを見て久々に手に取る。マニャーナの法則とは、新しく発生した仕事は「明日やる」と決めること。なぜそれで上手く仕事がはかどるのかは、本書を読んでいただくとして、刺さったワードをあげてみる。 ・効率 = 創造力 ☓ 整理 ・忙しいだけの仕事、本当の仕事(目標に近づくための仕事) ・「すぐやる」と忙しいだけの仕事ばかりが進む ・新しく発生した仕事は「明日やる」 ・タスク・ダイアリー ・緊急度の低いタスクからとりかかる ・仕事を片付けることと、仕事に向き合う
東京に出てきて、初めて参加したXP祭り2006。 そもそも、私は、XPというのは、開発者の自己満足だと思っていた。 開発を楽しいものとしたいのは分かる。そうありたいと思う。 しかし、それだけでは何か置き去りにしてはいないかと感じていた。 最初、XP祭り2006は、私のその思いを拭い去るどころか その疑念を助長させた。 流れるような関西弁を操る、fkinoさんの話を聞くまでは。 fkinoさんは、 「開発者が楽しいだけでは、ＸＰごっご」、 そして「顧客重要」と言った。 この日、直接会話することはなかったが、fkinoという名前は 深く脳裏に刻まれることになった。 やがて、私は、XPJUGの門を叩くことになる。 2007年2月15日。 この日が、自分にとっては何の日だったか。 思えば、この日こそが、この日以降の自分の行動の原点となったんだ。 私の大切なデブサミを台無しにしてくれた、セッション、
SCROLL SHOP
スクロールのオンラインショップはネット・カタログ通販のスクロールがお届けする通販ショッピングサイトです。 Copyright 2017 Scroll Corporation. All Rights Reserved
::-webkit-scrollbar使っただけです。 一応、1世代のiPod TouchのSafariでも表示できた。 でもスクロールはやっぱり2本指なのね；orz [追記:1] iOS5からの新機能で、-webkit-overflow-scrolling: touch;と追加すると、1本指でスクロールできるようです。 俺、iPhone持ってないので確認できない（ToT） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>[CSS]iPhoneでもoverflow-y:scrollでバーを表示する</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" /> <meta http
chromium + j/k scroll + autopagerize - White scenery @showyou, hatena
http://build.chromium.org/buildbot/snapshots/chromium-rel-xp/ 開発者版最新ビルド。当然ながら運用は自己責任 http://silentpower2.blogspot.com/2009/09/chromevim.html ChromeをVim風にキーボード操作する拡張 chromeでvimっぽい動きをさせるプラグイン今のとこjkスクロールが可能 http://d.hatena.ne.jp/swdyh/20090525/1243232130 Autopagerize for chrome 現状だとfocus外れると？jkスクロールできなくなるのが辛いですね。FxのVimperatorでもたまに起きるけど、ESCキーとかでなんとかなったりするし。
CSS Number Scroll
download .ZIPdownload .TGZ Demostration Source Code HTML <span id="timestamp"></span> CSS .num { display:inline-block;position:relative;overflow:hidden;width:1em;font-size:28px;text-indent:-1.5em; } .num:before { content:attr(b);position:absolute;left:1.2em;top:-1.5em; } .num:after { content:attr(a);position:absolute;left:1.2em;top:0px; } .num.anim200:before { transition: top 0.2s; } .num.anim200:
jQuery Smooth Scroll – ページトップに戻るボタンを追加できるWordPressプラグイン ｜ ねたわん
jQuery Smooth Scrollは、画面の右下に「ページトップに戻るボタン」を追加できるWordPressプラグインです。ボタンをクリックすると滑らかに画面がスクロールします。 また、同じページ内のアンカーリンクをクリックしても滑らかに画面がスクロールします。 このプラグインはインストールして有効にするだけで利用できます。初期設定不要です。管理画面もありません。シンプルですが役に立つプラグインです。 はじめに このプラグインが優れていること 画面の右下にページトップに戻るボタンを追加できる。 ページトップに戻るボタンをクリックすると滑らかに画面がスクロールする。 同じページ内のアンカーリンクをクリックしても滑らかに画面がスクロールする。 プラグインをインストールして有効にするだけで利用できる。 スクロールボタンの見本 下記画像は、ページトップに戻るボタンの見本です。画面の右下に表示
常々、主催者の岩切さんが言っていた「デブサミは10年続けようと思って始めた。」の10年目を迎えるということで何とか全力で打ち返せるよう、今年もコンテンツ委員を務めました。思い起こせば、私がデブサミに初めて参加したのは、まさにその初回にあたるデブサミ2003なのである。驚いたことに、デブサミ2003のサイトが今も残っている。 Developers Summit 2003 デブサミとは何だろうか。10年前は今ほど勉強会のような場は無かった。それが今やカンファレンスのような大規模イベントが月に何回も開催されたりしている。こういう状況で、講演者が基本的に一方的に話す、デブサミはどういう役割を持っているのだろうと何度となく考えてきた。コミュニティの立場で参加するようになってからは、そんなことに考えを巡らすことも少なくなっていた("コミュニティとして参加する"という理由があるから)。 ところが、今年の
GitHub - eduardomb/scroll-up-bar: The scroll up bar plugin (jQuery) hides the top bar when scrolling down, and show it when scrolling up. It's specially useful on mobile interfaces to save some precious space.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Mozilla Re-Mix: Googleで検索して訪問したページ内で検索文が含まれた箇所を素早く見つけることができるGoogle Chrome拡張機能「Google Quick Scroll」
Googleにちょっと長めのキーワードを入れて検索を実行し、結果に表示されたページにアクセスすると、そのページ内のどこに目的の箇所があるのかがわかりにくい場合があります。 Google ChromeやFirefoxでは、こんな時でもCtrl+Fでページ内検索を呼び出せばそのテキストが含まれた位置を探すことができますが、これでは2度も検索を行うことになり、非常に効率が悪いですね。 検索後に開いたページでその検索文が含まれている場所を探し回ったり、再度ページ内検索を行ったことがある方なら、もっと簡単に見つけることができればと思ったことがあると思います。 GoogleがリリースしたGoogle Chrome用拡張機能「Google Quick Scroll」というものを使えば、こんなシーンでもアクセスしたページ内から該当箇所を簡単に見つけることができるようになります。 「Google Quick
絶対に挫折しないiPhoneアプリ開発入門Part.19 ~xcode4.2のScroll Viewで画面をスクロールしてみよう(Storyboard編)~ - 三千世界のインターネットで烏と共に
前回：絶対に挫折しないiPhoneアプリ開発入門Part.18 ~Objective-Cのalloc,initとお花見~ StoryboardでのScroll Viewの使い方を教えてほしいとのご要望がありましたので、書きたいと思います。 適当な選択ですが、とりあえず SingleViewApplication でプロジェクトを作りましょう。 プロジェクト名はぼくはScrollStoryboardと名付けました。 そして、Storyboardを使うようにチェックをいれてくださいね さて、MainStoryboard.storyboardを開いてください。 今回使うのは、 Scroll View ですね。 これをViewに配置してください。 まず、ScrollViewというものをなぜみなさん必要になったのかといえば、ただのViewサイズにおさまらないサイズのViewがほしいから。Viewをス
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blueprint: On-Scroll Animated Header
本当にRubyKaigiに行ったんだろうか。 - The Dragon Scroll
Demo for Auto Scroll News Ticker with jQuery
Flex: scroll without scrollbars
Mozillaがウェブサイトの広告を非表示にするサブスクリプションサービス「Scroll」との連携強化を発表
Scroll Views Inside Scroll Views
Scroll Down to Riker
jQuery scroll parallax pluginを使ってみた
キーボードにある「Num Lock」「Caps Lock」「Scroll Lock」のランプの意味は？
Emacs font sizing with Ctrl key and mouse scroll
社内SNSが持つ二つの可能性。 - The Dragon Scroll
jQueryゼロから / scroll (指定位置にオートスクロールさせる) | ゆるぶ | ページ 349
日常的に忙しさの限界を越えている人向け「マニャーナの法則」 - The Dragon Scroll
アジャイルプラクティスは2回、奇跡を起こす。 - The Dragon Scroll
[CSS]iPhoneでもoverflow-y:scrollでスクロールバーを表示する - jsdo.it - Share JavaScript, HTML5 and CSS
10回目のデブサミ - The Dragon Scroll