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
// 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 { |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
body { background: #fff; height: 100%; } | |
.icon { | |
position: absolute; | |
top: 50%; | |
left: 50%; |
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
/** | |
* 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%; |
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
/** | |
* 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; |
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
/** | |
* Hello Dribbble! | |
*/ | |
* { box-sizing: border-box; } | |
html { | |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
background: #fff; | |
min-height:100%; |
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
/** | |
* Tumblr-ish | |
*/ | |
* { box-sizing: border-box; } | |
html { | |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
font-size: 14px; |
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
/** | |
* Corner Ribbon - http://jsfiddle.net/chriscoyier/H6rQ6/1/ | |
*/ | |
.wrapper { | |
margin: 50px auto; | |
width: 280px; | |
height: 370px; | |
background: white; |
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
/** | |
* 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; |
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
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++) { |
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
// 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 { |
OlderNewer