Skip to content

Instantly share code, notes, and snippets.

View azzcatdesign's full-sized avatar

Catherine Azzarello azzcatdesign

12 followers · 36 following
View GitHub Profile
@nateps
nateps / gist:1172490
Created August 26, 2011 01:38
Hide the address bar in a fullscreen iPhone or Android web app
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<title>Test fullscreen</title>
<style>
html, body {
margin: 0;
padding: 0;
@fastdivision
fastdivision / font-family-mixin.sass
Last active October 8, 2015 14:18
Useful Sass Mixins
=font-family($family: "proxima-nova")
@if $family == "proxima-nova"
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
@if $family == "freight-sans"
font-family: "freight-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif
@azzcatdesign
azzcatdesign / index.html
Created April 9, 2013 19:49
A CodePen by Catherine Azzarello. SVG background image demo - Rebuilding old site with image background. I adjusted the white/gray texture to match client's colors and use on new site.
<!-- Yo, edit me! -->
<!-- This SVG will be encoded as a base64 -->
<!-- image for cross-browser compatibility -->
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6'>
<rect width='6' height='6' fill='#ded8cc'/>
<g id='c'>
<rect width='3' height='3' fill='#bfab91'/>
<rect y='1' width='3' height='2' fill='#eee'/>
</g>
<use xlink:href='#c' x='3' y='3'/>
@azzcatdesign
azzcatdesign / index.html
Created July 4, 2013 19:00
A CodePen by Chris Coyier. Percentage sized and still centered - Translate() has to be used instead of negative top margin, because that is based on width which doesn't work.
<div>
Percentage sized and still centered.
</div>
@charleslouis
charleslouis / Gruntfile-reverie.js
Last active December 22, 2015 08:58
#Gruntfile #grunt #configuration #foundation #basement - gruntfile for basement wordpress theme (foundation + roots for wordpress)
'use strict';
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
jshint: {
options: {
jshintrc: '.jshintrc'
},
all: [
@spaceninja
spaceninja / flex-resources.md
Last active October 10, 2021 05:46
Flexbox Resources