Skip to content

Instantly share code, notes, and snippets.

@davidmerrique
davidmerrique / ios-test.css
Created January 13, 2012 20:50 — forked from tonywok/ios-test.css
iOS Media Queries
// iOS Media Queries
// Goal: capture styles for iPhone, iPhone 3G, iPhone 3GS, iPhone 4, iPhone 4S, iPad, and iPad 2
//
// Author: Tony Schneider (@tonywok)
// Please tell me where I fail. :)
// iPhone v(4,4S) portrait
// test: black text (overwritten by v* portrait) with blue background
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
a {
@davidmerrique
davidmerrique / dabblet.css
Created January 25, 2012 15:48
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body { background: #fff; height: 100%; }
.icon {
position: absolute;
top: 50%;
left: 50%;
@davidmerrique
davidmerrique / dabblet.css
Created January 25, 2012 16:49
Path Icon Hover - Thanks to Dan Eden
/**
* Path Icon Hover - Thanks to Dan Eden
* Original here: http://dabblet.com/gist/1670215
*
* Dan did a great job emulating the Path icon, so I tried to emulate it without peeking at his code too much.
*/
body {
background: #636864;
height: 100%;
@davidmerrique
davidmerrique / dabblet.css
Created January 27, 2012 04:54
Radial Gradients - David Merrique
/**
* Radial Gradients - David Merrique
*/
body {
background: #fff;
min-height:100%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
padding-top: 140px;
text-align: center;
@davidmerrique
davidmerrique / dabblet.css
Created February 4, 2012 16:02
Hello Dribbble!
/**
* Hello Dribbble!
*/
* { box-sizing: border-box; }
html {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background: #fff;
min-height:100%;
@davidmerrique
davidmerrique / dabblet.css
Created February 4, 2012 21:28
Tumblr-ish
/**
* Tumblr-ish
*/
* { box-sizing: border-box; }
html {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
/**
* Corner Ribbon - http://jsfiddle.net/chriscoyier/H6rQ6/1/
*/
.wrapper {
margin: 50px auto;
width: 280px;
height: 370px;
background: white;
@davidmerrique
davidmerrique / dabblet.css
Created February 23, 2012 22:41
Paper Stack
/**
* Paper Stack
*/
* { box-sizing: border-box; }
a { text-decoration: none; color: #AC190C; }
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background: url("http://subtlepatterns.com/patterns/wood_pattern.png");
background-color: #fff;
@davidmerrique
davidmerrique / zoomify.jsx
Last active April 14, 2017 06:17
Photoshop Script to save multiple sizes of an image. I use it for work.
var inFolder = Folder.selectDialog("Please select folder to process");
if(inFolder !== null) {
var fileList = inFolder.getFiles(/\.(jpg|tif|psd|)$/i);
var outfolderName = prompt('Folder name', 'zoom');
var outfolder = new Folder(decodeURI(inFolder) + "/" + outfolderName);
if (!outfolder.exists) outfolder.create();
for(var a = 0; a < fileList.length; a++) {
@davidmerrique
davidmerrique / gist:4363870
Created December 23, 2012 15:10
Apply-to media query.
// Custom media Query
// Use: If you want to a media query to apply to anything less-than or greater-than a specific width.
// Example:
// @include apply-to(less-than, 1200px) {}
// Will apply to anything smaller than 1200px
@mixin apply-to($maxmin, $size) {
$extrema: null;
@if $maxmin == less-than {
$extrema: max;
} @if $maxmin == greater-than {