AvraamMavridis

{
    "furniture_type": "shelf",
    "furniture_id": null,
    "is_label": false,
    "camera": {
        "angle": 0
    },
    "structure": {
        "columns": [
            {

AvraamMavridis

{
  "is_label": false,
  "camera": {
    "angle": 0
  },
  "furniture_type": "shelf",
  "structure": {
    "columns": [
      {
        "position": 0,

AvraamMavridis

CSS Clip-path pen

A Pen by AvraamMavridis on CodePen.

License.

AvraamMavridis

[
    {
        "city": "New York", 
        "growth_from_2000_to_2013": "4.8%", 
        "latitude": 40.7127837, 
        "longitude": -74.0059413, 
        "population": "8405837", 
        "rank": "1", 
        "state": "New York"
    }, 

AvraamMavridis

bindkey "\e\e[D" backward-word
bindkey "\e\e[C" forward-word
bindkey "^[a" beginning-of-line
bindkey "^[e" end-of-line

# Path to your oh-my-zsh installation.
export ZSH=/Users/avraammavridis/.oh-my-zsh

# Set name of the theme to load.
# Look in ~/.oh-my-zsh/themes/

AvraamMavridis

3 hidden HTML tips

1. Click label to auto-focus on input:

A big plus for a good UX that all modern browsers support. Note that the pairing happens between the label’s for attribute and the input’s id attribute, not its name.

<label for="username">Fiscal Year</label>
<input type="name" name="username" id="username" />

AvraamMavridis

3 hidden CSS tips

1. Use empty-cells to style table empty cells:

Surprisingly the browser support is quite good and extends back to IE8. Convenient to give less visual predominance to empty cells.

table {
  empty-cells: hide;
}

AvraamMavridis

[].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})

AvraamMavridis

[
{ "key": "cmd+o",                 "command": "editor.action.outdentLines",
                                     "when": "editorTextFocus && !editorReadonly" },
{ "key": "cmd+k",                 "command": "workbench.action.terminal.kill" },
{ "key": "ctrl+t",                "command": "workbench.action.terminal.toggleTerminal" }
]

AvraamMavridis

importScripts('./cachepolyfill.js');

var CACHE_VERSION = 1;
var CACHE = `cache-v${ CACHE_VERSION }`;

const assetsToCache = [
  // CDNs AND 3rd parties
  '//cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.2/socket.io.min.js',
  '//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js',
  '//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css',