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

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

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

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

AvraamMavridis

CSS Clip-path pen

A Pen by AvraamMavridis on CodePen.

License.

AvraamMavridis

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

AvraamMavridis

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