lukaszhanusik

Popover Component

Configuration

The list of SLDS components exceeds the LWC component library by a long distance. There are many awesome component blueprints defined in SLDS which are not available in LWC library. This comes in as a challenge during implementation. SLDS only provides the plain HTML without working implementation whereas LWC components are fully functional and can be used readily.

One such component in SLDS is Popover. This does not have a corresponding component in LWC library. As an attempt to create a working SLDS Popover, I have created this utility. The Popover would comprise of three sections i.e. header, body and footer. The component is built on LWC .

To keep the configuration about the component, it takes following parameters:

JoeyBurzynski

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

jcsteh

; SpotifyGlobalKeys.ahk:
; AutoHotkey script to control Spotify with global keyboard shortcuts
; Author: James Teh <jamie@jantrid.net>
; Copyright 2017-2018 James Teh
; License: GNU General Public License version 2.0

DetectHiddenWindows, On

; Get the HWND of the Spotify main window.
getSpotifyHwnd() {

Cerothen

/**
 * Advanced Window Snap (Extended
 * Snaps the Active Window to one of nine different window positions.
 *
 * @Editing author Jarrett Urech
 * @Original author Andrew Moore <andrew+github@awmoore.com>
 * @version 2.1
 *
**/

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

magicznyleszek

CSS Selectors Cheatsheet

Hi! If you see an error or something is missing (like :focus-within for few years :P) please let me know ❤️

Element selectors

Element -- selects all h2 elements on the page

h2 {

veganista

var arrayToTable = function (data, options) {

    "use strict";

    var table = $('<table />'),
        thead,
        tfoot,
        rows = [],
        row,
        i,

kellegous

(function() {

// NOTE: I have intentionally avoided the use of jQuery in
// the next two functions so as not to obscure any details.

// Updates the DOM in such a way that layout is constantly
// computed and thrown away.
var UpdateThrash = function(data) {
  // Get all the labels
  var spans = document.querySelectorAll('.item .lab');

victorb

This is an updated fork of the gist located here: https://gist.github.com/2254924

Backstory: I decided to crowdsource static site generator recommendations, so the following are actual real world suggested-to-me results. I then took those and sorted them by language/server and, just for a decent relative metric, their Github Watcher count. If you want a heap of other projects (including other languages like Haskell and Python) Nanoc has the mother of all site generator lists. If you recommend another one, by all means add a comment.

Ruby

• Jekyll 8,221
• Octopress 4,512
• Middleman 1,261
• toto 1,221

nahurst

Latency Comparison Numbers                      Time     Light Distance    Approximate Light Distance
--------------------------                      ----     --------------    --------------------------
L1 cache reference                            0.5 ns             0.15 m    Diagonal across your smartphone
Branch mispredict                             5   ns             1.5  m    Height of Natalie Portman
L2 cache reference                            7   ns             2.1  m    Height of Shaq   
Mutex lock/unlock                            25   ns             7.5  m    Height of a school flag pole
Main memory reference                       100   ns            30    m    Half a Manhattan city block (North/South)
Compress 1K bytes with Zippy              3,000   ns           900    m    Width of Central Park
Send 1K bytes over 1 Gbps network        10,000   ns         3,000    m    Width of Manhattan
Read 4K randomly from SSD*              150,000   ns        45,000    m    NYC to Hempstead on Long Island