This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
Jeff Kamo jeffkamo
rondevera
/ css-to-select-range-of-children.html
Last active
February 8, 2023 11:29
CSS selector for a range of children
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| /* How to select a range of children | |
| * (Here, 3rd-7th children, inclusive): | |
| */ | |
| ul li:nth-child(n+3):nth-child(-n+7) { | |
| outline: 1px solid #0f0; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # This is a template .gitignore file for git-managed WordPress projects. | |
| # | |
| # Fact: you don't want WordPress core files, or your server-specific | |
| # configuration files etc., in your project's repository. You just don't. | |
| # | |
| # Solution: stick this file up your repository root (which it assumes is | |
| # also the WordPress root directory) and add exceptions for any plugins, | |
| # themes, and other directories that should be under version control. | |
| # | |
| # See the comments below for more info on how to add exceptions for your |
mathiasbynens
/ ios-viewport-scaling-bug-fix-original.js
Created
April 4, 2011 08:30
Improved version of JavaScript fix for the iOS viewport scaling bug. See http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
| var metas = document.getElementsByTagName('meta'); | |
| var i; | |
| if (navigator.userAgent.match(/iPhone/i)) { | |
| for (i=0; i<metas.length; i++) { | |
| if (metas[i].name == "viewport") { | |
| metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module Jekyll | |
| # Sass plugin to convert .scss to .css | |
| # | |
| # Note: This is configured to use the new css like syntax available in sass. | |
| require 'sass' | |
| class SassConverter < Converter | |
| safe true | |
| priority :low | |
| def matches(ext) |
jayj
/ gist:1189642
Created
September 2, 2011 19:33
Custom "Download" metabox for tutorial on Jayj.dk
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /** | |
| * Custom "Download" custom type metabox for tutorial on Jayj.dk | |
| * | |
| * @link http://jayj.dk/ | |
| */ | |
| /** | |
| * Adds the download meta box for the download post type | |
| */ |
kpeatt
/ gist:5154680
Last active
November 7, 2019 23:29
— forked from tvandervossen/gist:1231476
Viewport sizes for iPad, iPhone 4 and under, and iPhone 5 and up.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| iPad (Actual pixels in brackets) | |
| 1024 × 690 (2048 x 1380) In landscape on iOS 4.3 | |
| 1024 × 672 (2048 x 1344) In landscape on iOS 5 | |
| 768 × 946 (1536 x 1892) In portrait on iOS 4.3 | |
| 768 × 928 (1536 x 1856) In portrait on iOS 5 | |
| 1024 × 660 (2048 x 1320) Always showing bookmarks bar in landscape on iOS 4.3 | |
| 1024 × 644 (2048 x 1288) Always showing bookmarks bar in landscape on iOS 5 | |
| 768 × 916 (1536 x 1832) Always showing bookmarks bar in portrait on iOS 4.3 |
PaulKinlan
/ criticalcss-bookmarklet-devtool-snippet.js
Last active
April 2, 2024 02:45
CriticalCSS Bookmarklet and Devtool Snippet.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function() { | |
| var CSSCriticalPath = function(w, d, opts) { | |
| var opt = opts || {}; | |
| var css = {}; | |
| var pushCSS = function(r) { | |
| if(!!css[r.selectorText] === false) css[r.selectorText] = {}; | |
| var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/); | |
| for(var i = 0; i < styles.length; i++) { | |
| if(!!styles[i] === false) continue; | |
| var pair = styles[i].split(": "); |
@akhleung is working on hcatlin/libsass and was wondering how @extend is
implemented in the Ruby implementation of Sass. Rather than just tell him, I
thought I'd write up a public document about it so anyone who's porting Sass or
is just curious about how it works can see.
Note that this explanation is simplified in numerous ways. It's intended to
explain the most complex parts of a basic correct @extend transformation, but
it leaves out numerous details that will be important if full Sass compatibility
bomberstudios
/ sketch-plugins.md
Last active
February 26, 2024 07:02
A list of Sketch plugins hosted at GitHub, in no particular order.
NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory
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.
OlderNewer