- 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
- Compass - Open source CSS Authoring Framework.
- Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
- Font Awesome - The iconic font designed for Bootstrap.
- Zurb Foundation - Framework for writing responsive web sites.
- SASS - CSS extension language which allows variables, mixins and rules nesting.
- Skeleton - Boilerplate for responsive, mobile-friendly development.
Javier Sánchez - Marín vieron
vieron
/ css_resources.md
Created
June 1, 2014 01:41
— forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.
vieron
/ simulate.js
Created
August 1, 2014 19:55
This file contains hidden or 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
| (function($) { | |
| $.fn.simulateDragDrop = function (options) { | |
| return this.each(function () { | |
| new $.simulateDragDrop(this, options); | |
| }); | |
| }; | |
| $.simulateDragDrop = function (elem, options) { | |
| this.options = options; |
vieron
/ post-checkout
Last active
August 29, 2015 14:14
post-checkout hook to notify breaking changes
This file contains hidden or 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
| #!/usr/bin/env node | |
| var PREV_HEAD = process.argv[2]; | |
| var NEW_HEAD = process.argv[3]; | |
| var sys = require('sys'), | |
| exec = require('child_process').exec, | |
| FgRed = "\x1b[31m", FgGreen = "\x1b[32m", FgYellow = "\x1b[33m", | |
| FgBlue = "\x1b[34m", FgMagenta = "\x1b[35m", FgCyan = "\x1b[36m", | |
| FgWhite = "\x1b[37m", |
This file contains hidden or 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .grid {w | |
| width: 100%; | |
| height: 300px; | |
| border: 1px solid red; | |
| background: linear-gradient(90deg, white 1px, white 4px, transparent 0), |
vieron
/ dabblet.css
Last active
August 31, 2015 08:45
The first commented line is your dabblet’s title
This file contains hidden or 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .grid { | |
| width: 100%; | |
| height: 300px; | |
| border: 1px solid red; | |
| background: radial-gradient(at 5px 5px, red 1px, red 5px, transparent 0), | |
| radial-gradient(at 45px 5px, red 1px, red 5px, transparent 0), |
vieron
/ dabblet.css
Last active
August 31, 2015 09:03
The first commented line is your dabblet’s title
This file contains hidden or 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .grid { | |
| width: 100%; | |
| height: 300px; | |
| border: 1px solid red; | |
| padding: 2px; | |
| background: |
Grid layout demo.
This file contains hidden or 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
| <!-- BOX MODEL --> | |
| <style> | |
| body h1 { | |
| background: transparent; | |
| border: 30px solid transparent; | |
| border-top-width: 60px; | |
| color: #333; | |
| } | |
This file contains hidden or 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
| diff --git a/src/framework/icons/svg/traffic.svg b/src/framework/icons/svg/traffic.svg | |
| index e4452fe..4eacf33 100644 | |
| --- a/src/framework/icons/svg/traffic.svg | |
| +++ b/src/framework/icons/svg/traffic.svg | |
| @@ -1,12 +1,17 @@ | |
| <?xml version="1.0" encoding="UTF-8"?> | |
| <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| - <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch --> | |
| + <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch --> | |
| <title>Icon/traffic</title> |
vieron
/ auto_git_file.md
Created
January 30, 2022 21:35
— forked from darencard/auto_git_file.md
Automatic file git commit/push upon change
Please see the most up-to-date version of this protocol on my blog at https://darencard.net/blog/.
- Make sure
inotify-toolsis installed (https://github.com/rvoicilas/inotify-tools) - Configure git as usual
- Clone the git repository of interest from github and, if necessary, add file you want to monitor
- Allow username/password to be cached so you aren't asked everytime