Skip to content

Instantly share code, notes, and snippets.

// fetch the menus, show the menus and init the touch UI
var menuRequest = Application.Api.fetchMenus();
menuRequest.success(function (data) {
this.addMenus(data);
}.bind(this));
...
Application.Api.fetchMenus = function () {
return $.ajax({
@Darep
Darep / dabblet.css
Created October 1, 2012 22:50 — forked from daneden/dabblet.css
<i> Cloud
/* <i> Cloud
* by Dan Eden (http://dabblet.com/gist/2945570)
* I just made it scale via font-size on .cloud
*/
html {
min-height: 100%;
background: linear-gradient(#b4bcbf, #fff);
}
@Darep
Darep / item.rb
Created January 24, 2013 19:15
Ruby on Rails concern example: making an ActiveRecord item sortable. Adapted from: http://say26.com/show-us-your-production-code-1-concerns
# app/models/item.rb
require 'concerns/sortable'
class Item < ActiveRecord::Base
include Sortable
attr_accessible :title
end
@Darep
Darep / .htaccess
Last active April 23, 2024 07:16
PHP CSS&JS auto-versioning function.
# CSS/JS auto-versioning
RewriteEngine On
RewriteRule ^(.*)\.[\d]{10}\.(css|js)$ $1.$2 [L]
@Darep
Darep / _breakpoints.scss
Created January 27, 2013 10:45
Copy-paste breakpoints.scss from an enterprise project
// Breakpoints
$breakpoint-1: 320px;
$breakpoint-2: 601px;
$breakpoint-3: 801px; // Desktop min-width. Stuff starts to look like it's in the PSDs
$breakpoint-4: 1000px; // Typical desktop min-width
$breakpoint-5: 1201px; // Maximum width. Nothing should be happening beyond this point
$breakpoint-1-max-width: 460px;
$breakpoint-2-max-width: 580px;
$breakpoint-3-max-width: 999px;
$breakpoint-4-max-width: 1200px;
<!doctype html>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="jquery.parseParams.js"></script>
</head>
<body>
<script>
@Darep
Darep / _breakpoints.scss
Last active December 13, 2015 16:48
_breakpoints.scss from a small project with support for old IE. This requires that when declaring the media-queries, you declare them from smallest to widest. Note: mixin can only be used inside a CSS declaration block.
// Breakpoints for responsive design ($cols are from Frameless Grid)
$breakpoint-1: $cols5;
$breakpoint-2: $cols7;
$breakpoint-3: $cols9;
@mixin breakpoint($point) {
@if $point == wide {
@media (min-width: $breakpoint-3) { @content; }
.oldie & { @content; }
}
<!-- source/layouts/layout.html.erb -->
<ul class="nav-float products">
<% for cat in data.products.main_categories do %>
<li>
<h4>
<% link_to cat.url do %>
<%= cat.name %>
<% end %>
</h4>
<ul>
@Darep
Darep / someModule.js
Last active December 14, 2015 18:19
buildData: function () {
var newData, data = api.getSongs();
// Fix paths
var transformPath = this.transformPath.bind(this);
newData = data.map(function (row) {
row.path = transformSongPath(row.path);
return row;
});
@Darep
Darep / Rakefile
Last active January 27, 2018 22:39
Super simple Middleman deploy script, uses Rsync over SSH or plain SCP
SSH_USER = 'test'
SSH_HOST = 'example.com'
SSH_DIR = '/home/test/website/releases'
RSYNC = false
desc "Run the preview server at http://localhost:4567"
task :preview do
system("middleman server")
end