Skip to content

Instantly share code, notes, and snippets.

View renatocarvalho's full-sized avatar
💭
🤘✨

Renato Carvalho renatocarvalho

💭
🤘✨
View GitHub Profile
@renatocarvalho
renatocarvalho / _footer.slim
Created October 8, 2014 14:12
Frontend Responsa: Implementando código modular: _footer.slim
@renatocarvalho
renatocarvalho / SassMeister-input.scss
Created October 15, 2014 18:22
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----
@import "susy";
// Loop!
@renatocarvalho
renatocarvalho / SassMeister-input.scss
Created October 23, 2014 14:52
Generated by SassMeister.com.
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
// ---------- //
// Sass stuff //
// ---------- //
<!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
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
renatocarvalho / mobile-meta-links.html
Created April 24, 2012 04:13
iOS Web App Configuration
@renatocarvalho
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
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
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;
<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" />