RUBY_VERSION
has never changed within major Mac OS X releases.
Mac OS X version* | Mac OS X release date |
---|
RUBY_VERSION
has never changed within major Mac OS X releases.
Mac OS X version* | Mac OS X release date |
---|
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft
, elem.offsetTop
, elem.offsetWidth
, elem.offsetHeight
, elem.offsetParent
I was playing with GitHub Archive recently. Out of curiosity I ran this query:
SELECT COUNT(repository_owner) as totalStars, repository_owner
FROM [githubarchive:github.timeline]
WHERE type = 'WatchEvent'
GROUP BY repository_owner
ORDER BY totalStars DESC
LIMIT 1000
I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.
TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/
For async JavaScript file requests, we have the async
attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).
Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:
<?php | |
error_reporting( E_ALL ^ E_STRICT ); // le sigh | |
require __DIR__ . '/wordpress/tools/i18n/makepot.php'; | |
/** | |
* Additionally scans for localized strings in Mustache templates. | |
*/ | |
class MustachePOT extends MakePOT { |
var relationEvents = ['add', 'change', 'remove', 'reset', 'sort', 'destroy', 'request', 'sync']; | |
var Model = exports.Model = Backbone.Model.extend({ | |
hasMany: { | |
// Subclasses can override to set relations like this: | |
// | |
// key: function () { return new Collection([], options); }, | |
}, | |
hasOne: { |
Are you dashing? Are you hot? Then you need the Dashing Hotness Widget!
See the blog post for more details.
This widget is similar to the basic Number widget, except that the entire widget changes colour based on the value displayed. It is designed to draw attention to
javascript:(function(){var p=document.createElement("p");p.innerHTML="<strong>Loading…</strong>";p.id="loadingp";p.style.padding="20px";p.style.background="#fff";p.style.left="20px";p.style.top=0;p.style.position="fixed";p.style.zIndex="9999999";p.style.opacity=".85";document.body.appendChild(p);document.body.appendChild(document.createElement("script")).src="https://cdn.rawgit.com/ttscoff/6109434/raw/Bullseye.js?x="+(Math.random());})(); |
Dashing widget to show the status of builds from CircleCI. Also shows the avatar of the person who is running/breaking/passing the current build.
CIRCLE_CI_AUTH_TOKEN
httparty
to your Gemfile and run bundle install
Then: