Skip to content

Instantly share code, notes, and snippets.

View jitendravyas's full-sized avatar

Jitendra Vyas jitendravyas

View GitHub Profile
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
.new-sidebar-top-links {margin-bottom:10px;overflow: hidden;}
.new-sidebar-top-links a { display: block;float:left; border-right: 1px solid #ccc;padding-right:5px;; padding-left:5px;font-size: 11px;}
.new-sidebar-top-links .last {border:0;padding-right:0;}
.new-sidebar-top-links .first {padding-left:0;}
@jitendravyas
jitendravyas / gist:3910093
Created October 18, 2012 05:52 — forked from makingsnippets/gist:2991874
CSS: Reset Optin typography
// 1. Keeps page centred in all browsers regardless of content height
// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
html {
overflow-y: scroll; // 1
-webkit-text-size-adjust: 100%; // 2
-ms-text-size-adjust: 100%; // 2
text-size-adjust: 100%; // 2
}
@jitendravyas
jitendravyas / 456bereastreet
Created October 19, 2012 08:15
Useful snippets from 456bereastreet.com
/*http://www.456bereastreet.com/archive/201210/removing_whitespace_around_text_fields/
Removing whitespace around text fields */
input,
textarea {
margin:0;
vertical-align:bottom;
}
@jitendravyas
jitendravyas / gist:3917819
Created October 19, 2012 11:46 — forked from mattboon/gist:3637228
Opt-in Typography
/*----------------------------------------------------------------------------------------*/
/* Opt-in typography - http://goo.gl/H6sGd
* Zero off common semantic elements to stop re-definition
* Use .text class on the parent of anything requiring text styles
/*----------------------------------------------------------------------------------------*/
$baseline: 1.5em;
@mixin zero-text-elements {
h1, h2, h3, h4, h5, h6, blockquote, pre,
@jitendravyas
jitendravyas / SassMeister-input.scss
Created November 23, 2012 10:01
Generated by SassMeister.com, the Sass playground.
// Sass v3.2.3
// Compass v0.12.2
@import "compass";
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
@jitendravyas
jitendravyas / gist:31a22db17f9868506126
Created October 20, 2015 14:33
Nunjucks task with gulp
gulp.task('nunjucks', function() {
return gulp.src('./source/html/pages/*.html')
.pipe(data(function() {
return JSON.parse(fs.readFileSync('./source/data/data.json'));
}))
.pipe(nunjucks(nunjucksOpts))
.pipe(gulp.dest('build'))
.pipe(browserSync.stream());
});

What is the system Ruby?

What version of Ruby shipped by default on Mac OS X?

Default Ruby version * Refers to the fully patched version (e.g. 10.5.8, not 10.5.0). Earlier versions may have shipped with different Ruby patchlevels but the RUBY_VERSION has never changed within major Mac OS X releases.
Mac OS X version* Mac OS X release date
@jitendravyas
jitendravyas / SassMeister-input.scss
Created November 30, 2015 12:51
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
.form-signin {
max-width: 380px;
padding: 15px;
margin: 0 auto;
label {
font-weight: normal;
Mobile first Responsive Web Design and Development
Mobile first Responsive HTML Email Development
Designing in browser
Cross Browser Compatibility and Testing
Web Peformance
On-Page SEO
Web Typography
User Experience
Web Standards & Accessibility
Front-end and Design workflow automation