タグ

2013年9月11日のブックマーク (7件)

  • 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

    AnimateScroll - jQuery Plugin
    ytkwsm
    ytkwsm 2013/09/11
    easingつけられるスクロールプラグイン
  • jQuery Wheel Menu by Pete R. | The Pete Design

    Add a fully customisable Path-like wheel menu button to your website Created by Pete R., Founder of Travelistly & BucketListly

    jQuery Wheel Menu by Pete R. | The Pete Design
    ytkwsm
    ytkwsm 2013/09/11
    聖剣伝説っぽいナビゲーション。
  • Web Design, Interface Design, User Experience | Simple Focus

    What does FlowType.JS do? Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width. Addi

    Web Design, Interface Design, User Experience | Simple Focus
    ytkwsm
    ytkwsm 2013/09/11
    レスポンシブタイプセッティングに似てるけど、メディアクエリではないぽい
  • Offreg - A jQuery plugin that turns your images into a screen print.

    A JQUERY PLUGIN - THAT TURNS YOUR IMAGES INTO RGB "PRINTS" VERY CMYK - SO STEREOPHONIC

    ytkwsm
    ytkwsm 2013/09/11
    よくわからないけどかっこよい。canvasで色hogehoge系?
  • About SPARKFUL | SPARKFUL

    打造伴隨人們多年、一同成長的有趣產品從每日補水到每日走路、從記帳理財到待辦事項,我們的產品都是從生活中的小事情開始,讓小小的樂趣在生活中發芽。我們相信好的產品可以伴隨人們多年,進而影響大家的生活習慣。 我們的工作核心,就是將「樂趣」帶到每一個人的身邊。無論是外地工作的女兒,透過《Walkr》收到父母的能量記錄來確認彼此健康;《植物保姆》陪伴小女孩在醫院裡枯燥的治療時光;或是透過《記帳城市》學習理財,真實地在現實生活完成了夢想。 我們知道,一定還有很多有趣又動人的故事默默發生在這千萬人中。 一個充滿樂趣的產品,伴隨著人們長大,成為回憶的重要核心。我們都相信,這些故事都是這千萬使用者中,最重要的那些體驗,是我們和我們的使用者們共同擁有的回憶。

    About SPARKFUL | SPARKFUL
  • jQuery : キューの stop とfadeIn / fadeOut の謎 - tacamy--blog

    超大作は書くのが大変すぎて続かないので、どうでもいいエントリも織り交ぜつつ、ゆるく続けていくことにしました。 今回は、jQuery の勉強でツールチップ書いたときに、謎の現象で困ったのでメモ。 つくったもの jQueryStudy/jquery.tooltip - GitHub 謎の現象その1 - チカチカする アニメーションする速度より速く、複数のリスト上を通るようにマウスを高速に動かすと、ツールチップが点滅する・・。 .fadeIn() / .fadeOut() を .show() / .hide() にすれば大丈夫なんだけど・・ん・・? 「あっ!これ、zudo で出た問題だ!」 複数の命令を順番に処理するしくみを、キュー(待ち行列)と言います。 キューに貯まった吹き出しの表示・非表示アニメーションの処理は、マウスの操作に追いつきません。 その結果、マウスの動きを止めてからも順番に処

    jQuery : キューの stop とfadeIn / fadeOut の謎 - tacamy--blog
    ytkwsm
    ytkwsm 2013/09/11
  • jQuery Easing - jQuery 日本語リファレンス

    Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。(下記サンプル参照) そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ