Skip to content

Instantly share code, notes, and snippets.

@chanified
chanified / README.md
Created Nov 5, 2015 — forked from magnetikonline/README.md
IE 7/8/9/10/11 Virtual machines from Microsoft - Linux w/VirtualBox installation notes.
View README.md
View Bootstrap 3 - Media Queries
@media (max-width: @screen-xs-max) {}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {}
@media (min-width: @screen-lg-min) {}
View JS Array Remove by John Resig (Creator of JQuery)
// Array Remove - By John Resig (MIT Licensed)
//http://ejohn.org/blog/javascript-array-remove/
Array.prototype.remove = function(from, to) {
var rest = this.slice((to || from) + 1 || this.length);
this.length = from < 0 ? this.length + from : from;
return this.push.apply(this, rest);
};
and here's some examples of how it could be used:
View gist:adfbe6a26d2232972b93
.hClass (@index) when (@index > 0) {
h@{index} {
font: 32px/42px trajan-pro-1,trajan-pro-2;
}
.hClass(@index - 1);
}
.hClass(6);
@chanified
chanified / CSS placeholder text styles
Created Nov 23, 2014
CSS Placeholder Text (cross-browser)
View CSS placeholder text styles
::-webkit-input-placeholder { /* WebKit browsers */
color: #f80;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f80;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f80;
opacity: 1;
@chanified
chanified / Twitter Bootstrap 3.2 - CSS Media Queries
Last active Aug 29, 2015
Twitter Bootstrap 3.2 - CSS Media Queries
View Twitter Bootstrap 3.2 - CSS Media Queries
/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {}
/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}
/* Large Devices, .visible-lg-* */
@chanified
chanified / gist:eb8e18520c472468742f
Created Nov 4, 2014
AngularJS inbuilt pretty print JSON
View gist:eb8e18520c472468742f
<pre>{{jsonOutput | json}}</pre>
@chanified
chanified / twbs-grid-xl
Created Oct 15, 2014
Twitter Bootstrap col-xl less file
View twbs-grid-xl
// XL screen
@screen-xl: 1600px;
@screen-xl-min: @screen-xl;
@screen-xl-hughdesktop: @screen-xl-min;
// So media queries don't overlap when required, provide a maximum
@screen-lg-max: (@screen-xl-min - 1);
//Container sizes
// Large screen / wide desktop
@chanified
chanified / less-chanified-padding-and-margin-helpers
Created Jul 26, 2014
Chanifed Padding and Margin Less Helper Classes
View less-chanified-padding-and-margin-helpers
.chanified-size-loop (@i) when (@i >= 0) {
/* Margins */
.p@{i} {
padding:~"@{i}px" !important;
}
.pt@{i} {
padding-top:~"@{i}px" !important;
}
.pr@{i} {
padding-right:~"@{i}px" !important;
@chanified
chanified / 0_reuse_code.js
Created Jun 6, 2014
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console