renatocarvalho
/ example.html
Created
June 17, 2010 12:20
— forked from chriseppstein/example.html
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <!-- saved from url=(0068)http://24ways.org/examples/compose-to-a-vertical-rhythm/example.html --> | |
| <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <TITLE>Compose a Vertical Rhythm example</TITLE> | |
| <LINK rel="stylesheet" type="text/css" href="sassy.css" title="sassy"> | |
| <LINK rel="alternate stylesheet" type="text/css" href="original.css" title="original"> | |
| </HEAD><BODY> | |
| <H1>Aboard Minerva off the Coast of New England</H1> |
renatocarvalho
/ gist:2384612
Created
April 14, 2012 13:55
— forked from jmwhittaker/gist:847243
Border-image CSS3 Mixin for Compass & SASS
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
| /* Mixin for Compass - border-image | |
| $border-image([$image-url], [$offsets], [$repeats]) | |
| Example: | |
| @include border-image(url(../my_image.png), 10, stretch) | |
| @include border-image(url(../my_image.png), 10 5 10 5, stretch repeat) | |
| ---------------------------------------- */ | |
| @mixin border-image($url, $offsets, $repeats) { |
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
| <!-- Mobile meta & links --> | |
| <!-- Reference | |
| Custom Icon and Image Creation Guidelines: | |
| http://developer.apple.com/library/safari/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html | |
| Configuring Web Applications: | |
| http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/configuringwebapplications/configuringwebapplications.html |
renatocarvalho
/ web-app.html
Created
April 24, 2012 04:37
— forked from tfausak/ios-8-web-app.html
Web app with icons and startup images for iOS
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="yes" name="apple-mobile-web-app-capable"> | |
| <!-- iPhone --> | |
| <link href="http://taylor.fausak.me/static/images/apple-touch-icon-57x57.png" | |
| sizes="57x57" |
renatocarvalho
/ url-scroll-fix
Created
May 3, 2012 05:46
— forked from foliomob/url-scroll-fix
iOS webkit hide url bar and native scrolling
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
| <!DOCTYPE html> | |
| <html> | |
| <!-- NOTES | |
| I've been looking for a simple way to persistently show a header and hide the url bar (beyond just position:fixed; top:0, which is only persistent until you scroll back home). I think this is it. Maybe there are better ways, but this sure is simple! One thing that's missing though is to have the URL bar disappear again once you scroll anywhere else on the page. | |
| It's based on the awesome work of mattsahr, bjrn, and bradbirdsall here: https://github.com/joelambert/ScrollFix/issues/2. It's not the problem they were trying to fix, but it's an awesome collateral benefit. To get what I was looking for, I tore a lot of their stuff out, and made the simplest starting file I could. | |
| I tested it on an iPhone running iOS 5.1 and it seems to do what I was looking for. |
renatocarvalho
/ _media-queries.scss
Created
June 19, 2012 23:34
— forked from anthonyshort/_media-queries.scss
Media Queries in Sass
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
| // --------------------------------------------------------------------------------- | |
| // Mixin for Media Queries | |
| // --------------------------------------------------------------------------------- | |
| // http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32 | |
| // Device Dimensions inpired on: http://css-tricks.com/snippets/css/media-queries-for-standard-devices | |
| // Usage | |
| // -------------------------------------------------- | |
| // .profile-pic |
renatocarvalho
/ dabblet.css
Created
September 19, 2012 22:46
— forked from Daniel-Hug/dabblet.css
A "deeper" indented text effect with the :before and :after pseudo-elements.
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
| /** | |
| * A "deeper" indented text effect with the :before and :after pseudo-elements. | |
| */ | |
| html, body { | |
| height: 100%; | |
| } | |
| body { | |
| margin: 0; |
renatocarvalho
/ gist:4250910
Created
December 10, 2012 14:39
— forked from boriskaiser/gist:3908158
Easy retina-ready images using SASS + Compass
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
| =background-2x($background, $file: 'png') | |
| $image: #{$background+"."+$file} | |
| $image2x: #{$background+"@2x."+$file} | |
| background: image-url($image) no-repeat | |
| @media (min--moz-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 2.6/2),(-webkit-min-device-pixel-ratio: 1.3),(min-device-pixel-ratio: 1.3),(min-resolution: 1.3dppx) | |
| background-image: image-url($image2x) | |
| background-size: image-width($image) image-height($image) | |
| // usage for „logo.png” + „logo2x.png” |
renatocarvalho
/ retina-mixin.sass
Last active
January 15, 2019 20:11
— forked from anonymous/retina-mixin.sass
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
| // Mixin: Automaticamente escreve | |
| // USO: | |
| // +background-2x(logo) | |
| // Com imagem jpg: | |
| // +background-2x(logo,jpg) | |
| // Obs: Obrigatório ter a imagem normal e retina no mesmo diretório - "imagem.png" e "imagem@2x.png" | |
| // OUTPUT CSS: | |
| // #logo { |
renatocarvalho
/ template.rb
Last active
September 5, 2018 07:51
— forked from julioprotzek/template.rb
Rails App template to create a custom rails app. Just run on terminal:
rails new myrailsapp -T -m https://gist.github.com/renatocarvalho/5147512/raw/
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
| remove_file 'Gemfile' | |
| create_file 'Gemfile' | |
| add_source "https://rubygems.org" | |
| gem 'rails', '~> 3.2.12' | |
| if yes?('PostgreSQL on development?') | |
| gem 'pg' |
OlderNewer