Skip to content

Instantly share code, notes, and snippets.

View ricardozea's full-sized avatar

Ricardo Zea ricardozea

4 followers · 0 following
View GitHub Profile
@ricardozea
ricardozea / Sublime Text 2 Snippet Installation and How to use
Created November 27, 2012 15:37
Sublime Text 2: Snippet Installation and How to use
**INSTALLATION**
In Sublime Text 2 go to:
1. Tools » New Snippet...
2. Delete everything in that file
3. Copy the "Advanced version" snippet and Paste it
4. Save the file
Repeat same steps for "Basic version" snippet.
@ricardozea
ricardozea / Emmet - user defined
Created November 27, 2012 15:55
Sublime Text 2 -- User Defined instructions
Emmet:
https://github.com/emmetio/emmet/issues/114
Emmet » Settings - User:
{
"preferences": {
//Removes the space after the colon
"css.valueSeparator": ":",
//Adds a space after the semicolon
"css.propertyEnd": "; "
@ricardozea
ricardozea / HTML5: Snippet (Advanced).html
Last active October 13, 2015 06:47
HTML5: Snippet (Advanced)
<!DOCTYPE html>
<!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>title</title>
<meta name="description" content="description">
@ricardozea
ricardozea / html5advanced.html
Last active December 17, 2015 01:17
Sublime Text 2 Snippet: HTML5 (Advanced)
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ricardozea
ricardozea / html5basic.html
Last active December 17, 2015 01:12
Sublime Text 2 Snippet: HTML5 (Basic)
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@ricardozea
ricardozea / st2-jquery-function-snippet.txt
Last active October 13, 2015 08:48
Sublime Text 2 Snippet: jQuery shorthand function
<snippet>
<content><![CDATA[
\$(function() {
\$('$1').('$2');
});
]]></content>
<tabTrigger>jq</tabTrigger>
</snippet>
@ricardozea
ricardozea / st2-jquery-effect-snippet.txt
Last active October 13, 2015 09:18
Sublime Text 2 snippet: jQuery effect
<snippet>
<content><![CDATA[
\$('$1').${2:method}();
]]></content>
<tabTrigger>jqe</tabTrigger>
</snippet>
@ricardozea
ricardozea / xhtml-file-for-epub-files.html
Last active October 13, 2015 15:37
HTML: XHTML file for ePub files
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<title>Title</title>
<link rel="stylesheet" href="css/file.css" type="text/css" />
</head>
<body>
...
@ricardozea
ricardozea / aqua-style-buttons-mixin.scss
Last active June 23, 2020 11:58
SCSS: Aqua style buttons mixin
/* Aqua style buttons mixin
Demo on Codepen:
http://codepen.io/rzea/pen/CgIzG/
*/
//Variables
$solidColor: #000; // Change this color to anything you want, leave everything else as is
$gradientFilters: rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 50.01%;
//Usage
@ricardozea
ricardozea / _media-queries
Created January 7, 2013 21:27
SCSS: Media queries mixin
=respond-to($device)
@if $device == handheld
@media only screen and (min-width : 320px)
@content
@if $device == tablet
@media only screen and (min-width : 600px)
@content
@if $device == tablet-landscape