Skip to content

Instantly share code, notes, and snippets.

@GavinJoyce
GavinJoyce / gist:4f81d0bf879dad6b203e
Last active Nov 20, 2020
speeding up `npm install` by disabling the progress bar
View gist:4f81d0bf879dad6b203e
with `react-native`:
npm set progress=false && rm -rf ~/.npm && rm -rf node_modules && npm cache clean && time npm install
npm install 83.72s user 26.03s system 100% cpu 1:49.32 total
npm set progress=true && rm -rf ~/.npm && rm -rf node_modules && npm cache clean && time npm install
npm install 199.30s user 27.32s system 91% cpu 4:08.29 total
--
@Layzie
Layzie / chrome-tech-night-8.md
Last active Aug 29, 2015
Chrome Tech Night #8 メモ
View chrome-tech-night-8.md
@DavidReinberger
DavidReinberger / MeteorOcean.md
Last active Dec 16, 2020
Running Meteor.js apps on Digital Ocean with Phusion Passenger and NGNIX
View MeteorOcean.md

How to setup Meteor.js with Phusion Passenger and ngnix

Introduction

This article will guide you thru running a production ready meteor.js app on Digital Ocean with Phusion Passenger and ngnix.

Quick Summary

  1. Create a droplet
  2. Install Phusion Passanger with NGNIX
  3. Install node.js
  4. Configure NGNIX
@AllThingsSmitty
AllThingsSmitty / resources.md
Created Feb 2, 2015
SassConf 2014 resource round-up
@p3t3r67x0
p3t3r67x0 / pseudo_elements.md
Last active Mar 16, 2021
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.
View pseudo_elements.md

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {
@chriscoyier
chriscoyier / frontendplugins.md
Last active Mar 3, 2021
How WordPress Plugins Should Handle Front End Resources
View frontendplugins.md

How WordPress Plugins Should Handle Front End Resources

This is a WORK IN PROGRESS intended for fleshing out and feedback

It's very common for people to be unhappy with how a WordPress plugin adds front end resources to their site. If a plugin needs CSS, the plugin will add a <link> element to that CSS. If the plugin needs JavaScript, it will add a <script> to that JavaScript.

Plugins do this because it works. It's damn important for a WordPress plugin to work, even in adverse conditions. They rightfully want good ratings and little customer support.

But this comes at the cost of additional HTTP requests. In optimizing front end performance of a site, reducing the number of HTTP requests is a huge thing. Front end developers want to decide and control how front end resources are being handled, and WordPress plugins don't typically make this easy on them.

View gist:9622e6e09ca6be63f98f
{
"cssconf": {
"location": {
"date": "September 12, 2014",
"country": "Germany",
"city": "Berlin",
"venue": "Radialsystem V",
"lat": 52.51039,
"long": 13.42864
},
@nikcorg
nikcorg / berlin-jsconf-2014.md
Last active Aug 2, 2020
Slide decks of JSConf 2014
View berlin-jsconf-2014.md
@idleberg
idleberg / fish_shell.md
Last active May 3, 2021
Instructions on how to install Fish shell on Mac OS X, including Oh My Fish!. Also includes several useful functions.
View fish_shell.md

Installation

  1. Install fish via Brew
  2. Optionally install Oh My Fish!
  3. Add fish to known shells
  4. Set default shell to fish
brew install fish  
curl -L https://get.oh-my.fish | fish