gokulkrishh

made with esnextbin

gokulkrishh

{
	"always_show_minimap_viewport": true,
	"auto_complete": true,
	"bold_folder_labels": false,
	"caret_extra_width": 2,
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
	"folder_exclude_patterns":
	[
		".svn",
		".git",

gokulkrishh

//First, check if service worker is supported or not
  if ("serviceWorker" in navigator) {
    navigator.serviceWorker.register("./serviceWorker.js", {scope: "./"}) //Passing serviceWorker file and scope
    .then(function (event) {
      console.log("Service Worker is registered ", event);
    })
    .catch(function (error) {
      console.error("Service Worker is failed to register ", error);
    });
  }

gokulkrishh

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

gokulkrishh

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

---

Given the code

gokulkrishh

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

gokulkrishh

BEM - Block, Element, Modifier

1. Block
----------------------------------------------

Eg: menu

<ul class="menu"></ul>

2. Elements

gokulkrishh

Done:

In Progress:

Browser Tested:

gokulkrishh

1. Clone your fork:

git clone [email protected]:YOUR-USERNAME/YOUR-FORKED-REPO.git

2. Add remote from original repository in your forked repository:

cd into/cloned/fork-repo
git remote add upstream git://github.com/ORIGINAL-DEV-USERNAME/REPO-YOU-FORKED-FROM.git
git fetch upstream

gokulkrishh

// Add any library to application
((library = 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js') => {
	var element = document.createElement('script');
	element.src = library;
	element.type = 'text/javascript';
	document.head.appendChild(element);
})();

// Trace any properties
const traceProperty = (object, property) => {