elrumordelaluz

<h3 class="item my-shake shake-constant">Shake</h3>

elrumordelaluz

@define --my-theme {
  color: var(--main-color, #bada55);
  font-size: 1em;
  /* ... */
};

.hero {
  apply: var(--my-theme);
  width: 100vw;
  /* ... */

elrumordelaluz

A story of ice, fire, and vendor prefixes

In standards development, there is always a big catch-22: standards groups need input from developers to create specifications that address real development needs. However, developers are generally not interested in trying out things they can’t use in production. When experimental technologies get widely used in production, the WG is forced to stick with the early, experimental version of the technology, to avoid breaking several existing websites if they change it. Obviously, this completely negates the benefits of getting developers to try out early standards.

Over the years, many solutions have been proposed to address this conundrum, none of them perfect. The universally despised vendor prefixes were one of them. The idea was that every browser would be able to implement experimental (or even proprietary) features with their own prefix prepended to its name. The most common prefixes are -moz- for Firefox, -ms- for IE, -o- for Opera, and -webkit- for Sa

elrumordelaluz

import React from 'react'
import { CodepenIcon } from '../icons'

const CodepenButton = ({ code, className }) => {
  const codepenObject = {
    title: 'Title',
    description: 'Some description',
    editors: '100',
    ...code,
  }

elrumordelaluz

elrumordelaluz

#!/bin/bash

# source https://github.com/feathericons/feather/pull/608/commits/bc3040710dfdbff3d0a849ae0ac6990d7884b9d4

# This script uses:
#   - Inkscape to convert every icon from strokes to paths
#   - Fontcustom to convert all svg icons to TTF font
#   - GNU Parallel to speedup process
#   - Xvfb (X11 virtual frame buffer) to prevent show Inkscape window for
#     every icon. Its not necessary, but highly recommended