CSS Content Filter | CodyHouse
Content Filter A slide-in filter panel powered by CSS and jQuery. A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he's looking for. Building this kind
Reading Position Indicator | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Lately I’ve seen quite a few websites that have some kind of an indicator to display the current reading position (how much you have “read”, depending on how far you have scrolled down an article). Generally, such indicators are used on blog posts or long form articles and h
Improving UI Animation Workflow with Velocity.js | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator 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 thi
[JS]これスゴイよ！スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic
スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロールなどにも対応しています。
RowGrid.js Demo by brunjo
A small, lightweight jQuery plugin for placing items in straight rows Tweet View the Project on GitHub brunjo/rowGrid.js Download ZIP File Download TAR Ball View On GitHub RowGrid.js Demos Installation <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.row-grid.min.js"></script> Simple Example Responsive: Resize your browser. HTML: <div class="container"> <div class="item">
Draggable Elements That Push Others Out Of Way | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Aside from a few esoteric tricks involving stuff like the resize handle on textareas, draggable elements is JavaScript territory on the web. E.g. click on element, hold down mouse button, drag mouse cursor, element drags with the mouse, release mouse button to release elemen
Codeblock.js by Ink
Editable, runnable javascript code blocks Download .zip Download .tar.gz View on GitHub Why? Humans learn better when they can play with what they're working with, when they can poke at it and understand what happens to B when you change A. The browser provides a wonderful place where examples can be interactive, and yet most documentation for javascript APIs doesn't make use of these capabilities
Presenting: Fluidbox
Author’s note: the most recent version, 1.3, is published on January 4th, 2014. I love writing on Medium. The typography is nothing short of fantastic. The editor is simple, minimalist and distraction-free. The handling of images is perfectly done. The last point has especially piqued my interest. I adore the smooth transition offered by Medium’s lightbox module — no disruptive modal window, and o
My Favorite jQuery Plugin Template - Moshe's Blog
I’ve dabbled quite a bit in jQuery and writing plugins for it. I’ve played around with quite a few different ways to start a plugin, and now I’ve got a new favorite: ;(function($) { // multiple plugins can go here (function(pluginName) { var defaults = { color: 'black', testFor: function(div) { return true; } }; $.fn[pluginName] = function(options) { options = $.extend(true, {}, defaults, options)
Echo.js, simple JavaScript image lazy loading - Ultimate Courses
I’m currently working on a project for Intel’s HTML5 Hub in which I require some image lazy-loading for an HTML5 showcase piece that’s high in image content. After a quick Google search for an existing lazy-load solution there was yet another mass of outdated scripts or jQuery plugins that were too time consuming to search through or modify for the project - so I ended up writing my own. Echo.js i
Demos
jQuery Lazy Load XT plugin Lazy Load XT is a jQuery plugin for images, videos and other media.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Image Lightbox, Responsive and Touch‑friendly by Osvaldas Valutis
MixItUp | KunkaLabs
Fluidbox, a jQuery plugin for beautiful lightboxes
rppld.co
GitHub - germanysbestkeptsecret/Wookmark-jQuery: A jQuery plugin to create a dynamic, multi-column layout.
CodePen - Fluidbox (v1.3)
keyframesandcode.com
cmsauve.com
http://apps.stupid-studio.com/
