furzeface
/ grunt-pugpig-contents-usage.js
Created
September 23, 2014 11:13
Grunt Pugpig contents XML usage.
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
| grunt.initConfig({ | |
| pugpig_contents_xml: { | |
| default_options: { | |
| options: { | |
| author: pkg.author.name, | |
| dest: 'dist/', | |
| id: 'com.building-blocks.publication1', | |
| fileName: 'content', | |
| title: 'My first publication' | |
| }, |
furzeface
/ grunt-pugpig-editions-usage.js
Created
September 23, 2014 11:13
Grunt Pugpig editions XML usage.
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
| grunt.initConfig({ | |
| pugpig_editions_xml: { | |
| default_options: { | |
| options: { | |
| author: 'Building Blocks', | |
| coverSrc: 'our_cover.jpg', | |
| dest: 'deploy/', | |
| editionName: 'publication1', | |
| fileName: 'editions', | |
| id: 'com.building-blocks.publication1', |
furzeface
/ grunt-pugpig-issues-usage.js
Created
September 23, 2014 11:14
Grunt Pugpig issues XML usage.
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
| grunt.initConfig({ | |
| pugpig_issues_xml: { | |
| custom_options: { | |
| options: { | |
| root: 'content.xml', | |
| dest: 'deploy/', | |
| fileName: 'issues', | |
| partName: 'all', | |
| partSrc: 'publication1.zip' | |
| }, |
furzeface
/ sample-bower-template.json
Created
September 28, 2014 09:53
Sample bower.json template for Yeoman generator.
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
| { | |
| "name": "<%= _.slugify(projectName) %>", | |
| "version": "0.0.0", | |
| "dependencies": { | |
| }, | |
| "devDependencies": { | |
| "sassface": "~1.2.0" | |
| } | |
| } |
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
| { | |
| "name": "myProject", | |
| "version": "1.0.0", | |
| "authors": [ | |
| "Daniel Furze <daniel@furzeface.com>" | |
| ], | |
| "description": "My awesome project.", | |
| "main": "index.html", | |
| "keywords": [ | |
| "Bower" |
furzeface
/ Gruntfile.js
Last active
August 29, 2015 14:07
Sample Gruntfile.js file for Yeoman generator.
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
| /** | |
| * @file Gruntfile | |
| * @version <%= projectVersion %> | |
| * @author {@link https://github.com/<%= yourGitHub %> <%= yourName %>} | |
| */ | |
| module.exports = function (grunt) { | |
| // Time all the things | |
| require('time-grunt')(grunt); | |
| // Load all NPM tasks |
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
| // Show which media query you’re using | |
| body { | |
| padding-bottom: 4rem; | |
| &:after { | |
| position: fixed; | |
| bottom: 0; | |
| left: 0; |
furzeface
/ text overflow ellipsis
Last active
December 29, 2015 16:19
Yeah so I'm ALWAYS forgetting how to do this, and end up trawling through code to find where I've done it before and copy pasting. So I'm basically writing this for myself to have a centralised copy paste place.
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 (the easy part)*/ | |
| <ul> | |
| <li>Daniel Furze</li> | |
| <li class="ellipsis">Mc Testerson Longname IV</li> | |
| </ul> | |
| /*CSS (still a pretty easy part)*/ | |
| .ellipsis{ | |
| overflow: hidden; | |
| text-overflow: ellipsis; |
furzeface
/ show-which-media-query.css
Last active
December 29, 2015 16:19
A quick little tip to help me see which query a device is using, adding an element on the page and in each media query, adding a string via the content attribute.
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
| .query { | |
| position:absolute; | |
| top: 5px; | |
| left: 5px; | |
| } | |
| .query:after{ | |
| content: "[YOUR MEDIA QUERY HERE]"; | |
| } |
furzeface
/ lovely-media-queries.css
Last active
December 31, 2015 02:19
An example of my new set of media queries. Flexible, more fluid media queries.
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
| //=Variables | |
| //=Media Queries | |
| $breakpoint-tiny: 20em; | |
| $breakpoint-small: 30em; | |
| $breakpoint-medium: 50em; | |
| $breakpoint-extra-medium: 65em; //lol | |
| $breakpoint-large: 80em; | |
| $breakpoint-extra-large: 100em; | |
| //=Global Styles |
OlderNewer