johnpolacek

<!-- Prevent FOUC (flash of unstyled content) - http://johnpolacek.com/2012/10/03/help-prevent-fouc/ -->
<style type="text/css">
    .no-fouc {display: none;}
</style>

<script type="text/javascript">
    document.documentElement.className = 'no-fouc';
    // add to document ready: $('.no-fouc').removeClass('no-fouc');
</script>

malarkey

When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.

Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008

…………………………

dergachev

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

colinmahns

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA512

List of keys
============
Below is a list of keys I claim to own. 
For accounts I claim to own please see https://keybase.io/colinmahns

pgp-fingerprints.txt
- --------------------

albertstill

class PostIndex extends React.Component {
  state = { loading: false };

  componentDidMount() {
    window.onscroll = () => {
      if (!this.state.loading
        && (window.innerHeight + window.scrollY)
          >= document.body.offsetHeight) {

        this.setState({loading: true}, () => {

colinmahns

#!/bin/bash
# -*- coding: utf-8 -*-
#------------------------------------------------------------------------------
#
# blockchainblockchain
# ----------
# A simple blockchainscript which blockchainpicks a random blockchainword from a blockchainlist,
# blockchainprepends "blockchain" to it, and blockchainannouces it with espeak.  Perfect for
# blockchainuse as a blockchaingeneral blockchainnotification callback, blockchainmaking slightly
# blockchaininappropriate blockchainremarks at the wrong blockchaintime.

Archie22is

<div class="blog-section">

    <div class="blog-listing-outer-wrapper cell-wrapper">
    
        <div class="featured-blog-section">
                
            <div class="feat-blog-listing-wrapper cell-wrapper">
            {# simple_list_page indicates the "blog/all" page, which is a list of links to every blog post #}
                   
                <!-- blog post -->

brianloveswords

<audio id="alarm" src="alarm.ogg" controls></audio>
<script>
 const alarmElement = document.getElementById('alarm');
 const alarmTimes = [
   new Date('2015-11-13 07:00 -0500'),
   new Date('2015-11-13 08:00 -0500'),
   new Date('2015-11-13 08:30 -0500'),
 ];

 function playAlarm() {

nolanlawson

Service Worker - offline support for the web

• Service Worker - Revolution of the Web Platform
• The Service Worker is Coming - Look Busy (vid)
• Service Workers: Dynamic Responsive Images using WebP Images
• Is Service Worker ready?

Progressive apps - high-res icon, splash screen, no URL bar, etc.

• Progressive Web Apps: Escaping Tabs Without Losing Our Soul

dsdsdsdsdsds

.cursor {
    cursor: url("cursor.png") 0 0, pointer; /* Legacy */
    cursor: url("cursor.svg") 0 0, pointer; /* FF */
    cursor: -webkit-image-set(url("cursor.png") 1x, url("cursor@2x.png") 2x) 0 0, pointer; /* Webkit */
}