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
jquery.pep.js | kinetic drag for mobile & desktop
jquery.pep.js is a lightweight jQuery plugin which turns any DOM element into a draggable object. It works across mostly all browsers, from old to new, from touch to click. I built it to serve a need in which jQuery UI’s draggable was not fulfilling, since it didn’t work on touch devices (without some hackery). All of Pep’s options are outlined on Github, so take a look. Feel free to email me with
Vim Advent Calendar 2013 175日目: 横幅が統一ではない矩形をヤンクしたり削除したりするプラグインをつくった - C++でゲームプログラミング
この記事は Vim Advent Calendar 2013 175日目の記事になります。 さて、以前、矩形なオブジェクトを対象とする textobj をつくりました。 Vim Advent Calendar 2013 107日目: Vim で矩形なオブジェクトを対象とする為の textobj を書いた - C++でゲームプログラミング 上記で作った textobj は、 : カーソル位置 : 範囲 NeoBundle "Shougo/vimproc.vim" NeoBundle "Shougo/unite.vim" NeoBundle "Shougo/unite-outline" NeoBundle "Shougo/vimfiler.vim" の用に幅が同じオブジェクトに対しては有効なのですが、幅が違うオブジェクトの場合には対処できません。 " アカウント名のみヤンクしたい NeoBun
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
Japan Map ( jQuery plugin )
Quick Start Include jquery-japan-map.js after jQuery. Then $(selector).japanMap(options) method will create most simple clickable canvas map of prefectures of Japan. The $.japanMap method take an object as argument which defines options. At least, you may have to implement onSelect event handler, which runs when a prefecture of the map is clicked or touched. Here is most simple example. <!DOCTYPE
multiscroll.js - split multi-scrolling pages plugin
Powerful jQuery plugin Create split pages with two vertical scrolling panels. Compatible with mobile phones and devices and old browsers such as IE 11. <div id="multiscroll"> <div class="ms-left"> <div class="ms-section">Section 1 left</div> <div class="ms-section">Section 2 left</div> <div class="ms-section">Section 3 left</div> </div> <div class="ms-right"> <div class="ms-section">Section 1 righ
Improving UI Animation Workflow With Velocity.js | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The following is a guest post by Julian Shapiro. Julian recently released Velocity.js, a more performant jQuery replacement for .animate(). He recently wrote about how JavaScript animations can be so fast over on David Walsh’s blog, a topic we’ve covered here as well. In this article, Julian introd
Rubyのローカル変数をシンタクスハイライトするVimプラグインを書いた - TODESKING
Rubyはローカル変数への参照と無引数のメソッド呼び出しを同じ記法で書けるので、コードを読むときに混乱したりtypoでNoMethodErrorを出してがっかりすることが多々あります。 幸いなことにこれらは静的に解析することができるので、ローカル変数への参照を色付けするVimプラグインを書いた。 Github/ruby_hl_lvar.vim すごく便利な気がする！！！！！！！ Rubyインタフェース(>=1.9)が有効になったVimが必要なのでご注意ください。MacVim 7.4 KaoriYa 20140107で動作確認しました。 しくみ Ruby1.9以降に標準添付されているripperというライブラリで、Rubyの構文解析をしてローカル変数への参照を取り出しています。 require 'ripper' Ripper.sexp(<<EOS) a = 10 b = 20 c = a +
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
Vim の operator プラグインをまとめた - Qiita
この記事はVim Advent Calendar 2012 : ATND 292日目の記事になります。 今回はoperatorプラグインのまとめ記事です。 以前に、@manga_osyoによるVim の textobj プラグインをまとめたもありました。 まぁなので、その相方をまとめてみようかと思います。 operatorプラグイン 以下、すべてmapとしてますが、実際にはnmapだったりvmapだったりします。 この辺はそのhelpなどを読んでうまく調整してください。mapをそのまま使用するのは危険です。 また、{lhs}は任意の文字列に書き換えて使ってください。 1. emonkak/vim-operator-comment これは選択したテキストオブジェクトをコメント/アンコメントするオペレーターです。 NeoBundle 'emonkak/vim-operator-comment'
neosnippet.vim を活用しよう - C++でゲームプログラミング
この記事は Vim Advent Calendar 2012 320日目の記事になります。 さて、今回は neosnippet.vim の便利そげな使い方でも簡単に書いてみます。 [neosnippet.vim とは] neosnippet.vim とは Shougo 氏が作成されたスニペット補完を行うためのプラグインです。 予め設定しておいた定型文を簡単に挿入する事ができます。 Shougo/neosnippet.vim - github NeoBundle 'Shougo/neosnippet' また、単体でも使用する事は可能ですが、neocomplete.vim または neocomplcache と併用して使用するとよいでしょう。 Shoug/neocomplete.vim - github NeoBundle 'Shougo/neocomplete.vim' [スニペットを定義す
dev7studios
⚠️ Nivo Slider Nivo Slider – is not scheduled to receive new features going forward. Only security updates and critical fixes will be provided for the plugin. If you’re looking for the JavaScript library, you can find it here: https://github.com/Codeinwp/Nivo-Slider-jQuery Here’s what this means for you: You can do either of two things if you really like Nivo Slider: Download the last version This
Unheap - A tidy Repository of jQuery Plugins & JavaScripts
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
timeago: a jQuery plugin
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). Download, view the examples, and enjoy. You opened this page when you opened the page. (This will update every minute. Wait for it.) This page was last modified sometime before now [browser might not support document.lastModified]. Ryan was born Dec 18
魔法！Webレイアウトを数回のクリックで『Velositey』#Photoshop
さっさと仕事を終えて帰宅に向かいたいWebデザイナーさんへ朗報ですよ！ Photoshopと合わせて使える便利機能を見つけたので紹介します。 Velositeyは、Webレイアウトを数回のクリックで完成できるPhotoshop用のプラグインです。例えば、以下のようなレイアウト。Photoshopを起動してから、わずか4回のクリックで完成です。 ワイヤーフレームにも使えますし、ここからさらに作り込んでWebデザインとして完成させることも可能ですね。 それでは実際に上のレイアウト作成にかかった『4クリック』を振り返ってみます。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
Vim-EasyMotionでカーソル移動を爆速にして生産性をもっと向上させる - haya14busa
この記事はVim Advent Calendar 2013 : ATNDの 113 日目の記事になります。 また『EasyMotionか!』と思う方も中にはいるかもしれませんが、実は誕生日VACだったりするので許してください。 Happy Vimming to me. カーソル移動がエディット時間の80%を占める Vimでエディットしている時間の中で、カーソル移動の割合は恐らく80%以上を占めてます[当社比][要出典] 何をするにしても基本的にはカーソルを移動させ、それからVimの強力なoperatorやtextobjectを駆使してテキストをエディットしたり、Insertモードに入って文字を入力するでしょう。またtagジャンプや、*,#などでカーソル下の単語を検索して移動するために、そこまでカーソルを移動させるという『カーソル移動のためのカーソル移動』をするケースだってあります。 多くの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HADASHI RaterBug.com - Building a Respectful Video Community
画像からカラーを取得して背景に適用するjQueryのプラグイン。
スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」
