amitabhaghosh197

@include keyframe(fadeout) {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

amitabhaghosh197

/* 1. write it out for older browsers */
/* 2. use the vendor prefix for webkit */
/* 3. use the vendor prefix for moz */
/* 4. include the un-prefixed version last */

#foo {
	width: 200px;
	width: -webkit-calc(50% - 100px);
	width: -moz-calc(50% - 100px);
	width: calc(50% - 100px);

amitabhaghosh197

/* -------------------------------------------------------- */
/*                                                          */
/* A media query that captures:                             */
/*                                                          */
/* - Retina iOS devices                                     */
/* - Retina Macs running Safari                             */
/* - High DPI Windows PCs running IE 8 and above            */
/* - Low DPI Windows PCs with IE zoomed in                  */
/* - Android hdpi devices and above                         */
/* - Android tvdpi devices, including Google Nexus 7        */

amitabhaghosh197

// Remove all P tags from shortcodes
<?php

add_filter("the_content", "the_content_filter");

function the_content_filter($content) {

	// array of custom shortcodes requiring the fix 
	$block = join("|",array("col","shortcode2","shortcode3"));

amitabhaghosh197

• React on ES6+
• Why this.setState is undefined in React ES6 class
• Isomorphic flux implementation
• Tabs to spaces
• EditorConfig
• JavaScript at Shopify
• Automattic/wp-calypso eslint
• Netflix/eslint
• React.js Tutorial 1.5: Utilizing Webpack and Babel to build a React.js App
• React Demos

amitabhaghosh197

Angular Resources

General Learning

• https://github.com/jmcunningham/AngularJS-Learning
• http://www.designyourway.net/blog/resources/so-you-want-to-learn-angularjs-start-with-these-tutorials-and-resources/
• https://thinkster.io/a-better-way-to-learn-angularjs/
• ##http://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day/
• http://www.ng-newsletter.com/posts/beginner2expert-how_to_start.html
• http://lostechies.com/gabrielschenker/2014/02/26/angular-js-blog-series-table-of-content/
• https://leanpub.com/recipes-with-angular-js/read

amitabhaghosh197

/* Smooth Back to Top, Get This functionality from: http://wordpress.org/extend/plugins/cudazi-scroll-to-top/ */

jQuery.noConflict();
jQuery(function($) {
	
	// When to show the scroll link
	// higher number = scroll link appears further down the page	
	var upperLimit = 100; 
		
	// Our scroll link element

amitabhaghosh197

$(document).ready(function() {
    $('.story-small img').each(function() {
        var maxWidth = 100; // Max width for the image
        var maxHeight = 100;    // Max height for the image
        var ratio = 0;  // Used for aspect ratio
        var width = $(this).width();    // Current image width
        var height = $(this).height();  // Current image height

        // Check if the current width is larger than the max
        if(width > maxWidth){

amitabhaghosh197

Javascript Interview Questions

General interview questions for a front-end JS developer.

Questions

• What is the spec Javascript implements and what versions of it are you most current with?

• Does JavaScript support the use of classes?

amitabhaghosh197

jQuery plugin: .deepest()

Get the deepest descendants matching an optional selector of each element in the set of matched elements.

A Pen by Gerald on CodePen.

License.

Installation