Skip to content

Instantly share code, notes, and snippets.

View danalmeida's full-sized avatar

Dan Almeida danalmeida

7 followers · 1 following
View GitHub Profile
@danalmeida
danalmeida / generate-gifs.bash
Last active November 21, 2016 16:33
Create and optmize gif files through command line, requires ImageMagick and gifsicle
#!/bin/bash
# Generate gifs from jpg sequence
convert +repage -fuzz 0.0%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-00.gif"
convert +repage -fuzz 0.5%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-05.gif"
convert +repage -fuzz 1.0%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-10.gif"
convert +repage -fuzz 1.5%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-15.gif"
convert +repage -fuzz 2.0%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-20.gif"
convert +repage -fuzz 2.5%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-25.gif"
convert +repage -fuzz 3.0%% -delay 4 -loop 0 *.jpg -layers OptimizePlus -layers OptimizeTransparency "gif-30.gif"
@danalmeida
danalmeida / _grid.scss
Last active December 26, 2015 09:28
responsive breakpoint grid, uses SASS mixin for media queries: @include breakpoint(mobile) { }
/* # Grid Settings
--------------------------------------------- */
/* Base Size */
$font-size: 18px;
/* Gutters */
$gutter: 1em;
/* Breakpoint Widths (ems) */
@danalmeida
danalmeida / dom-based-routing.js
Last active December 23, 2015 05:49
DOM-based Routinghttp://www.paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/
var UTIL = {
fire : function(func,funcname, args){
var namespace = SCRIPTS; // indicate your obj literal namespace here
funcname = (funcname === undefined) ? 'init' : funcname;
if (func !== '' && namespace[func] && typeof namespace[func][funcname] == 'function'){
namespace[func][funcname](args);
}
@danalmeida
danalmeida / functions-typekit.php
Last active December 23, 2015 00:19
Wordpress enqueue Typekit scripts directly from your theme
<?php
/**
* TypeKit Fonts
*
* @since Theme 1.0
*/
function theme_typekit($kit_id) {
wp_enqueue_script( 'theme_typekit', "//use.typekit.net/$kit_id.js");
add_action( 'wp_head', 'theme_typekit_inline' );
}
@danalmeida
danalmeida / fragment_cache.php
Last active December 22, 2015 15:08
Fragment caching takes the output of a code block and stores it so for a predetermined amount of time. http://css-tricks.com/wordpress-fragment-caching-revisited/
<?php
function fragment_cache($key, $ttl, $function) {
if ( is_user_logged_in() ) {
call_user_func($function);
return;
}
$key = apply_filters('fragment_cache_prefix','fragment_cache_').$key;
$output = get_transient($key);
if ( empty($output) ) {
ob_start();
@danalmeida
danalmeida / _retina.scss
Created August 27, 2013 02:41 — forked from ddemaree/_retina.scss
@mixin retina($ratio: 1.5) {
$dpi: $ratio * 96;
$opera-ratio: $ratio * 100;
@media only screen and (-webkit-min-device-pixel-ratio: #{$ratio}),
only screen and ( -o-min-device-pixel-ratio: '#{$opera-ratio}/100'),
only screen and ( min-resolution: #{$dpi}dpi),
only screen and ( min-resolution: #{$ratio}dppx) {
@content;
}
@danalmeida
danalmeida / font_stacks.md
Last active December 20, 2015 23:18
CSS Font Stacks

Common CSS font-stacks

Serif font-stacks

GARAMOND (23.84% on Mac, 86.24% on Windows)

Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;

LUCIDA BRIGHT (64.90% on Mac, 33.84% on Windows) Huge x-height

@danalmeida
danalmeida / wp_nav_menu_dropdown.php
Created August 12, 2013 14:51
Generates Wordpress wp_nav_menu() as a select field, for small screens
<div class="drop-down">
<?php
// Get the nav menu based on $menu_name (same as 'theme_location' or 'menu' arg to wp_nav_menu)
// This code based on wp_nav_menu's code to get Menu ID from menu slug
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_name ] ) ) {
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
$menu_items = wp_get_nav_menu_items($menu->term_id);
$wrapper = 'select';
$menu_list = '<' . $wrapper . ' id="menu-' . $menu_name . '">';
@danalmeida
danalmeida / texteditor
Created August 12, 2013 14:47
Turn a browser into a plain text editor
data:text/html, <html contenteditable>
@danalmeida
danalmeida / add_class_to_first_paragraph.php
Last active December 18, 2015 14:49
Adds a class to the first instance of the specified HTML element.
<?php preg_replace('/<p([^>]+)?>/', '<p$1 class="first">', $content, 1); ?>