leemeichin

Modulo Liquid filter for Jekyll

Got nested columns in your grid-based Jekyll site?

Wondered why you didn't have a way to calculate the modulo inside your posts loop to open and close your 'rows' containing those nested columns?

Add this filter to your _plugins directory, and use it like so:

{{ x | mod:y }}

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:

sskylar

require "siteleaf"
require "yaml"

# API settings
Siteleaf.api_key = '...'
Siteleaf.api_secret = '...'

# site settings
site_id = '...'
page_id = '...' # blog page to import posts into

kyleaparker

<div id="inventory">
  <h3>Inventory Available</h3>
	{% assign options1 = product.variants | map: "option1" %}
  	 <table>          
		<tr>
			{% if product.options.size > 1 %}<th>&nbsp;</th>{% endif %}
			{% assign options1Filtered = '' %}
			{% for option1 in options1 %}
			{% assign option1Space = option1 | prepend: ', ' %}
			{% unless options1Filtered  contains option1Space %}

bomberstudios

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

• brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
• sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
• FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
• almonk/SketchGit A simple Git client built right into Sketch.

pedrogpimenta

sass-convert -R ./ -F sass -T scss && rm *.sass

pankajparashar-zz

.random-color {
    border-top-color: "LightCoral";
    border-right-color: #a44b58;
    border-bottom-color: rgb(108, 188, 134);
    border-left-color: rgb(24%, 88%, 5%);
    outline-top-color: hsl(88, 69%, 69%);
    outline-right-color: rgba(220, 71, 132, 0.69);
    outline-bottom-color: rgba(79%, 47%, 14%, 0.37);
    outline-left-color: hsla(111, 31%, 38%, 0.86);
}

bobbygrace

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

---

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

dylanmckay

#! /usr/bin/env ruby

# NOTE: Requires Ruby 2.1 or greater.

# This script can be used to parse and dump the information from
# the 'html/contact_info.htm' file in a Facebook user data ZIP download.
#
# It prints all cell phone call + SMS message + MMS records, plus a summary of each.
#
# It also dumps all of the records into CSV files inside a 'CSV' folder, that is created