はてなブックマーク

rscss Styling CSS without losing your sanity Reasonable System for CSS Stylesheet Structure. A set of simple ideas to guide your process of building maintainable CSS. Introduction Any CSS greater than 1000 lines will get unwieldy. You'll eventually run into these common pitfalls: "What does this class mean?" "Is this class still being used?" "If I make a new class green, will there be a clash?" rs

NProgress.start() — shows the progress bar NProgress.set(0.4) — sets a percentage NProgress.inc() — increments by a little NProgress.done() — completes the progress Download v Perfect for Turbolinks, Pjax, and other Ajax-heavy apps. HN

Drag it, or swipe it! Best experienced on a touch-enabled device. Download v: JS CSS How to use ›

Sinatra-backbone Neat integration of Backbone.js with SinatraDo you like Backbone.js? Do you like Sinatra? Did you ever wish you can use them together? Well now you can, with the new Sinatra Backbone! Usage This is a Ruby gem. $ gem install sinatra-backbone --pre Or do you use Bundler? gem 'sinatra-backbone', :require => 'sinatra/backbone' Contents Sinatra-backbone is comprised of two Sinatra plug

Sinatra AssetPack The most convenient way to manage your assets in Sinatra. Installation # Gemfile gem 'sinatra-assetpack', :require => 'sinatra/assetpack' Setup Register the extension and set your assets configuration. require 'sinatra/base' require 'sinatra/assetpack' class App < Sinatra::Base set :root, File.dirname(__FILE__) # You must set app root register Sinatra::AssetPack assets { serve '/

Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf

I am a web developer helping make the world a better place through JavaScript, Ruby, and UI design. I write about web development.