PuruVJ

import { h } from "@stencil/core";
import { IUser } from "../interfaces/user.interface";

export const UserAvatar = ({ user, size = 36 }: {user: IUser, size: number}) => {
  const {name, luminosity, name} = user;
  const [r, g, b] = themeColor
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 100 100"

mlynch

const Heading = (props: Props) => {
  const ref = useRef<HTMLHeadingElement>();
  const ScrollSpy = useContext(ScrollSpyContext);
  if (
    ref.current &&
    ["H1", "H2", "H3"].indexOf(ref.current.tagName) >= 0
  ) {
    value?.observer!.observe(ref.current);
  }

wybiral

// Tracking cursor position in real-time without JavaScript
// Demo: https://twitter.com/davywtf/status/1124146339259002881

package main

import (
	"fmt"
	"net/http"
	"strings"
)

ebidel

Moved to https://github.com/ebidel/puppeteer-examples

anschaef

/* -------------------------------------------------------------------------- */
// All Bootstrap 4 Sass Mixins [Cheat sheet]
// Updated to Bootstrap v4.5.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/master/scss/mixins
/* -------------------------------------------------------------------------- */

/*
// ########################################################################## */
// New cheat sheet for Bootstrap 5:

rhysd

// https://wicg.github.io/IntersectionObserver/#intersection-observer-private-slots

/*
    callback IntersectionObserverCallback = void (sequence<IntersectionObserverEntry> entries, IntersectionObserver observer)

    [Constructor(IntersectionObserverCallback callback, optional IntersectionObserverInit options),
     Exposed=Window]
    interface IntersectionObserver {
      readonly attribute Element? root;
      readonly attribute DOMString rootMargin;

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

telekosmos

var uniqueArray = function(arrArg) {
  return arrArg.filter(function(elem, pos,arr) {
    return arr.indexOf(elem) == pos;
  });
};

var uniqEs6 = (arrArg) => {
  return arrArg.filter((elem, pos, arr) => {
    return arr.indexOf(elem) == pos;
  });

evandbrown

• Evan Brown - @evandbrown
• @aws_eb
• The AWS Application Management Blog - http://blogs.aws.amazon.com/application-management
• Dockerizing a Python Web App - http://blogs.aws.amazon.com/application-management/post/Tx1ZLAHMVBEDCOC/Dockerizing-a-Python-Web-App
• A PHP Sample App - https://github.com/awslabs/eb-demo-php-simple-app/tree/docker-apache
• A Python Sample App - https://github.com/awslabs/eb-py-flask-signup/tree/docker
• 5-Part Blog/Hangout Series - Develop, Deploy, and Manage with Elastic Beanstalk - http://blogs.aws.amazon.com/application-management/blog/tag/DDMSeries
• Dockerru

thoop

# Change YOUR_TOKEN to your prerender token
# Change http://example.com (at the end of the last RewriteRule) to your website url

<IfModule mod_headers.c>
    RequestHeader set X-Prerender-Token "YOUR_TOKEN"
</IfModule>

<IfModule mod_rewrite.c>
    RewriteEngine On