yakuzaaaa

document.addEventListener("DOMContentLoaded", function() {
  const images = [].slice.call(document.querySelectorAll("lazy-image"));
  if ("IntersectionObserver" in window) {
    /**
      We first check if API in available and then continue to create a simple IntersectionObserver
    */
    let lazyImageObserver = new IntersectionObserver((entries, observer) => {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          let image = entry.target;

yakuzaaaa

/*
  A very inefficient but with best browser support way would be to check if the
  clientBoundingRect of the image is currently inside the viewport or not on every
  scroll event, damn! it's costly!
*/

/* 
  
 Let's say the images in HTML are:

yakuzaaaa

const image = document.getElementById('lazy-image');
image.src = image.dataset.src;

yakuzaaaa

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

yakuzaaaa

import android.content.Context;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.util.AttributeSet;
import android.view.View;

public class FABMoveWithSnackBarBehaviour extends CoordinatorLayout.Behavior<FloatingActionButton> {

yakuzaaaa

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <color name="white">#FFFFFFFF</color>
    <color name="black">#FF000000</color>

    <!--reds-->
    <color name="material_red_50">#FFEBEE</color>
    <color name="material_red_100">#FFCDD2</color>
    <color name="material_red_200">#EF9A9A</color>

yakuzaaaa

import android.content.Context;
import android.support.v7.widget.CardView;
import android.util.AttributeSet;
import android.view.ViewGroup;

public class LemonadeCardView extends CardView {

    public LemonadeCardView(Context context) {
        super(context);
        init();

yakuzaaaa

import android.database.Cursor;
import android.database.DataSetObserver;
import android.support.v7.widget.RecyclerView;

/**
 * Created by nilarnab on 7/8/16.
 */
public abstract class GenericRecyclerViewCursorAdapter<Vh extends RecyclerView.ViewHolder> extends RecyclerView.Adapter<Vh> {
    private Cursor mCursor;
    private DataSetObserver mDataSetObserver;