Skip to content

Instantly share code, notes, and snippets.

View JulioTalavera's full-sized avatar

Julio Talavera JulioTalavera

  • Gray Jedi Academy
View GitHub Profile
anonymous
anonymous / Material-Design---Sidebar-(Profile-menu).markdown
Created February 12, 2015 19:43
Material Design - Sidebar (Profile menu)
anonymous
anonymous / CSS-Gooey-Menu-(Version-1).markdown
Created February 12, 2015 19:29
CSS Gooey Menu (Version 1)
anonymous
anonymous / PNG-vs-SVG-for-sprites.markdown
Created February 12, 2015 19:26
PNG vs SVG for sprites

PNG vs SVG for sprites

Using SVGs for sprites results in much worse performance in browsers. Try changing between PNG and SVG in the box above and watch the framerate drop.

A Pen by Adrian Osmond on CodePen.

License.

@hatefulcrawdad
hatefulcrawdad / medium-grid.css
Created March 15, 2013 04:44
This should get your close to creating a custom grid for foundation within whatever media query you want. Just change the word "class" to whatever you want to use. I haven't tested this, just copied in the large-# classes as a base, but it should work.
@media only screen and (your-widths) {
.row .class-1 {
position: relative;
width: 8.33333%; }
.row .class-2 {
position: relative;
width: 16.66667%; }
.row .class-3 {
@mrsweaters
mrsweaters / pause_and_resume.md
Created August 22, 2012 23:36
Joyride 2 Pause and Resume Example

The below configuration will pause the tour after tooltip 2 has appeared (index of 1). In the postStepCallback we check to see if the tour has been paused and fire some code.

<script>
  $(window).load(function() {
    $('#joyRideTipContent').joyride({
      pauseAfter : [1],
      postStepCallback : function (index, tip) {
        if ($(this).joyride('paused')) {
 console.log('Hey there, you\'ve paused the tour.');
@coolaj86
coolaj86 / how-to-publish-to-npm.md
Last active April 2, 2024 20:18
How to publish packages to NPM

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!

Updated:

  • Aug, 08, 2022 update config docs for npm 8+
  • Jul 27, 2021 add private scopes
  • Jul 22, 2021 add dist tags
  • Jun 20, 2021 update for --access=public
  • Sep 07, 2020 update docs for npm version
@dbamber
dbamber / test.js
Created September 13, 2011 21:06
Testing GOogle document api support for tables
/*
* Author: David Bamber <dbamber@gmail.com>
* http://bmbr.co
*
* Usage: node test.js -u <googleuser> -p <googlepass>
* node test.js -u <googleuser> -p <googlepass> -regex -url /feeds/default/private/full
*
* Optional Fags:
* -url [url]: requests a different uri from docs api, defaults to /feeds/default/private/full/-/table
* -regex: applies a regex to try and sanitize output
@fwielstra
fwielstra / api.js
Created June 14, 2011 14:46
An example NodeJS / Mongoose / Express application based on their respective tutorials
/* The API controller
Exports 3 methods:
* post - Creates a new thread
* list - Returns a list of threads
* show - Displays a thread and its posts
*/
var Thread = require('../models/thread.js');
var Post = require('../models/post.js');