- Make sure you have yo installed:
npm install -g yo
- Run:
yo webapp
- Install grunt-contrib-jade:
npm install grunt-contrib-jade --save-dev
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "compass/css3/box-sizing"; | |
@import "compass/utilities/general/clearfix"; | |
$colwidth: 67px; | |
$gutterwith: 10px; | |
$columns: 12; | |
.column { | |
@include box-sizing(border-box); | |
padding: 0 $gutterwith; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Button base | |
// ------------ | |
%button { | |
@inlude inline-block; | |
&:hover { | |
text-decoration: none; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>Trigram for heaven icon</title> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<meta name="viewport" content="width=device-width" /> | |
<style type="text/css"> | |
#menu{ | |
position: relative; | |
} | |
#menu a{ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"bold_folder_labels": true, | |
"color_scheme": "Packages/User/Espresso Soda.tmTheme", | |
"ensure_newline_at_eof_on_save": true, | |
"file_exclude_patterns": [ | |
".DS_Store", | |
"dump.rdb" | |
], | |
"folder_exclude_patterns": [ | |
".git", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
function swap(array &$array, $k1, $k2) { | |
$temp = $array[$k1]; | |
$array[$k1] = $array[$k2]; | |
$array[$k2] = $temp; | |
} | |
function partition(array &$array, $left, $right, $pivot) { | |
$pValue = $array[$pivot]; |
Below is a collection of my favourite responses I gathered from Guardian engineers when asked the question: What have you learnt starting from scratch and building a mobile-first next generation web platform for the Guardian?
- Work with great people.
- Deploy like crazy. This means the team has to control the infrastructure as well as code.
- Design is not a service. Designers have to sit in the team.
- Infrastructure is intrinsically unreliable. Discard and replace is the robust strategy.
- Use your CDN for HTML too.
- Don't always do as you are told.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<article class="calendar"> | |
<header class="calendar"> | |
<ul class="weekdays"> | |
<li class="weekday mon"><span class="weekday">Mon</span></li> | |
<li class="weekday tue"><span class="weekday">Tue</span></li> | |
<li class="weekday wed"><span class="weekday">Wed</span></li> | |
<li class="weekday thu"><span class="weekday">Thu</span></li> | |
<li class="weekday fri"><span class="weekday">Fri</span></li> | |
<li class="weekday sat"><span class="weekday">Sat</span></li> | |
<li class="weekday sun"><span class="weekday">Sun</span></li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Imports zip.sass, zip.scss, or zip.css *nontransitively* with a "zip" prefix. | |
@use "zip"; | |
// Uses the "foo" mixin from zip. | |
@include zip-foo; | |
// The prefix is now "zap". | |
@use "zip" as zap; | |
// Everything is in the global namespace. |
OlderNewer