Renato Carvalho renatocarvalho

💭

🤘✨

I’m a digital designer, developer & entrepreneur. I’m the Co-founder & CTO at @startae, a venture studio that builds great digital products.

renatocarvalho / example.html

Created June 17, 2010 12:20 — forked from chriseppstein/example.html

	<!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

	/* 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) {

renatocarvalho / mobile-meta-links.html

Created April 24, 2012 04:13

iOS Web App Configuration

	<!-- 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

	<!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

	<!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

	// ---------------------------------------------------------------------------------
	// 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.

	/**
	* A "deeper" indented text effect with the :before and :after pseudo-elements.
	*/

	html, body {
	height: 100%;
	}

	body {
	margin: 0;

renatocarvalho / gist:3962409

Created October 27, 2012 00:25

	<html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta charset="utf-8" />
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
	<title>
	Fakebook - News Feed
	</title>
	<link href="/images/favicon.png" rel="icon" type="image/png" />
	<link href="/images/favicon.ico" rel="shortcut icon" />
	<link href="../stylesheets/application.css" media="all" rel="stylesheet" type="text/css" />

renatocarvalho / Preferences.sublime-settings

Last active September 15, 2017 02:22

My User Settings for Sublime Text

renatocarvalho / gist:4250910

Created December 10, 2012 14:39 — forked from boriskaiser/gist:3908158

Easy retina-ready images using SASS + Compass

	=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”