Julio Talavera JulioTalavera

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

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.');

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.

CSS Gooey Menu (Version 1)

Gooey menu with CSS and SVG filters. Version 1

A Pen by Lucas Bebber on CodePen.

License.

Material Design - Sidebar (Profile menu)

Based on: Material Design by Google (http://www.google.com/design/)

Material Design Iconic Font (http://zavoloklom.github.io/material-design-iconic-font)

Tested on Win8.1 with browsers: Chrome 37, Firefox 32, Opera 25, IE 11, Safari 5.1.7

A Pen by Sergey Kupletsky on CodePen.

	/* 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');

	/*
	* Author: David Bamber <[email protected]>
	* 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

	@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 {