| package_assets: on # (on, off, always) | |
| embed_assets: on # (on, off, datauri) | |
| compress_assets: on # (on, off) | |
| gzip_assets: on # (on, off) | |
| template_function: _.template # (defaults to the built-in micro-templating) | |
| package_path: packages # (defaults to assets) | |
| javascript_compressor: closure # (yui, closure) | |
| compressor_options: | |
| compilation_level: ADVANCED_OPTIMIZATIONS |
| <!DOCTYPE HTML> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| <style> | |
| ul { float:left; margin-right:20px; } | |
| body { color:white; font-family:Helvetica, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,0.2); } | |
| ul { width:512px; overflow:hidden; border-radius:6px; } |
| #!/usr/bin/env ruby | |
| # Libraries::::::::::::::::::::::::::::::::::::::::::::::::::::::: | |
| require 'rubygems' | |
| require 'sinatra/base' | |
| require 'slim' | |
| require 'sass' | |
| require 'coffee-script' | |
| # Application::::::::::::::::::::::::::::::::::::::::::::::::::: |
| class Thumb extends Backbone.Model | |
| defaults: | |
| uri: '' | |
| state: '' | |
| select: (state) -> | |
| st = '' | |
| st = 'selected' if state | |
| @set('state' : st) |
| app.get('/', function(req, res){ | |
| var ua = req.header('user-agent'); | |
| if(/mobile/i.test(ua)) { | |
| res.render('mobile.html'); | |
| } else { | |
| res.render('desktop.html'); | |
| } | |
| }); |
| /******************************** | |
| * UPDATE: I have crated a plugin to do this: https://github.com/jboesch/jQuery-fullCalendar-iPad-drag-drop/ | |
| *********************************/ | |
| /*These are the brief steps that it takes to get fullCalendar (http://arshaw.com/fullcalendar/) up and running with drag/drop support on the iPad. This assumes you already have fullCalendar setup.*/ | |
| //1. Include a copy of jQuery touch punch in your project, you can find it here: https://github.com/furf/jquery-ui-touch-punch | |
| //2. Go into jquery-touch-punch.js and right after this line (around line 57 - mouseProto._mouseDown = function (event) {) add this: this._mouseDownEvent = event; | |
| //3. Add this function somewhere in your global.js file or wherever you want: |
| # | |
| # Module Dependencies | |
| # | |
| {exec} = require 'child_process' | |
| fs = require 'fs' | |
| path = require 'path' | |
| jade = require 'jade' | |
| stylus = require 'stylus' | |
| nib = require 'nib' |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
At the top of the file there should be a short introduction and/ or overview that explains what the project is. This description should match descriptions added for package managers (Gemspec, package.json, etc.)
Show what the library does as concisely as possible, developers should be able to figure out how your project solves their problem by looking at the code example. Make sure the API you are showing off is obvious, and that your code is short and concise.
| /** | |
| * See: http://www.css-101.org/articles/ken-burns_effect/css-transition.php | |
| */ | |
| /** | |
| * Styling the container (the wrapper) | |
| * | |
| * position is used to make this box a containing block (it becomes a reference for its absolutely positioned children). overflow will hide part of the images moving outside of the box. | |
| */ |
