Photobooth.js
Photobooth.js #jquery
Interesting
Git: Twelve Curated Tips And Workflows From The Trenches - be present now
A 2012 roundup of git tips the author kept having to look up, mostly sourced from Stack Overflow, covering small config fixes (wrapping long diffs in less, setting a global proxy) and history-wrangling recipes. The more substantial ones include cloning a single branch, listing deleted files, finding which commit removed a string with `git log -S`, cherry-picking across unrelated repos via format-patch, making a branch the new master with the `ours` merge strategy, inserting an empty root commit so the whole branch can be rebased, zeroing a branch with `--orphan`, editing an older commit through interactive rebase, and splitting a commit using `stash --keep-index`. Several entries carry updates where commenters offered simpler methods than the author's original ones.
Responsive Email Templates - ZURB Playground - ZURB.com
This is ZURB's download page for five free responsive HTML email templates (Basic, Hero, Sidebar, Sidebar Hero, and Newsletter), which also promotes their newer Ink email framework. It explains the workflow: keep the CSS separate for editing, run it through an inliner like Premailer or MailChimp's, and send via a campaign tool such as Campaign Monitor, since you can't just paste the HTML into an email. Its compatibility table shows support across nearly every major client except Outlook 2007, 2010, and 2013, with minor quirks noted for Gmail mobile clipping, green Hotmail headers, and Hotmail mobile padding.
HTML5 Datalist
Introduces the HTML5 DATALIST element as a native replacement for the JavaScript autocomplete widgets every framework used to supply, comparing it to how the placeholder attribute moved a common script-based feature into markup. You define a DATALIST with an ID and OPTION children, then point an INPUT's list attribute at that ID to get basic suggestions matching the typed text. The author concedes its limits, namely that the options can't be styled and it can't pull suggestions from a server endpoint, but still sees it as a step in the right direction.
Bootbox.js—alert, confirm and flexible dialogs for Twitter's Bootstrap framework
Bootbox is a JavaScript library that wraps Bootstrap modals in three functions, alert(), confirm(), and prompt(), which mimic the native browser dialogs. The page's main argument is a code comparison: a one-line `bootbox.alert('Hello world!')` replaces a block of modal markup plus several jQuery handlers for showing, wiring the OK button, cleaning up listeners, and removing the DOM elements. It also mentions a fourth public function, dialog(), for building custom dialogs, and points to the Documentation and Getting Started pages for options and supported Bootstrap versions.
Alan Sepinwall on the origins of 'Lost' - Grantland
This is a chapter excerpt on how Lost got made, arguing that its success was a long shot only possible in the circumstances it came from. ABC chief Lloyd Braun conceived it after watching Cast Away, the first writer's script failed, and J.J. Abrams and Damon Lindelof built the pilot in about six to eight weeks with an unfamiliar cast and a record price tag. Braun was fired before it aired, and with everyone expecting a quick cancellation, Lindelof and Carlton Cuse had the freedom to make the show they wanted. They had almost no mythology mapped out at the start, and the first season's hatch cliffhanger drew a backlash they hadn't anticipated.
FooTable | Themergency
FooTable #jquery
Magna Charta examples
Magna Charta examples #jquery
Subcompact Publishing — by Craig Mod
This 2012 essay introduces "Subcompact Publishing," arguing that digital publishing should follow Honda's N360 path (small, simple, and unburdened by legacy) rather than porting print's monthly issues, big bundles, and complex paginated interfaces to tablets. It proposes a set of traits: three to seven articles per issue, small files, low prices, a loose weekly-ish schedule, scrolling instead of pagination, clear navigation, HTML-based content, and a public home on the open web. Marco Arment's The Magazine, built on Apple's Newsstand for background downloads and paid subscriptions, is held up as the model, with Christensen's disruption and jobs-to-be-done theories as the framework, and the essay predicts programmer-led outsiders will disrupt incumbent publishers.
14 Handy jQuery Code Snippets for Developers - Treehouse Blog
A copy-and-paste cheat sheet of 14 jQuery snippets, written as blank templates to adapt rather than a tutorial. They cover the everyday front-end tasks: hover handlers, blocking default link behavior, scroll-to-top, Ajax and animate boilerplate, class and visibility toggles, loading external HTML, keydown/keyup events, equalizing column heights, appending content, getting and setting attributes and values, and DOM traversal with prev/next/parent/children. Each entry has a short note on when it's useful, and the pitch is that even experienced developers can save time by not re-checking the docs for syntax like `$.ajax`.
HardwareGrowler 2.0 is out! - Growl
RT @GrowlMac: HardwareGrowler 2.0 is out!
Why I Have Given Up on Coding Standards | Richard Rodger
Coding standards, argues the nearForm founder, should be scrapped: the small gain in conformity isn't worth it, and the semicolon wars and published JavaScript style guides are noise from developers who mistake what worked for them for universal law. He traces the standard-writer's arc from sloppy novice to preachy, promoted rule-maker, and lists five motives behind dictating rules (projecting your own mind, the comfort of control, ducking responsibility, the lure of process, and idealism), while the wiser path is accepting that others are smarter in their own domains. The real harm is the message that developers can't be trusted, so his company starts from the premise that coders are smart, expects clean code, and leaves each person to decide what that means and take responsibility for it.
Pickadate.js
Pickadate.js #jquery
Put Your Old iPod or Kindle to Good Use | Consuming Louisville
Put Your Old iPod or Kindle to Good Use
Letter to a future Republican strategist regarding white people
Written after the 2012 election as a satirical open letter to Republican strategists, this piece has Eric Garland present himself as the ideal GOP voter (Mayflower descendant, married, affluent, college-educated, small-business owner, suburban) and then explain why he rejects the party anyway. He works through its positions on science, climate, healthcare, war, deficits and gay marriage, arguing each is contradicted by evidence or by the party's own record, and he adds that its habit of insulting opponents, as in Romney's "47%" remark, drives away the voters it needs. He closes with three options for the party: moderate drastically, disband and reorganize, or accept decades of one-party rule.
box/stalker · GitHub
jquery-stalker is an npm-installable jQuery plugin from Box that makes an element follow the user as they scroll, then snap back to its original spot once they scroll past it in the opposite direction. It's a sticky-element tool configured by direction ('down' by default, or 'up'), a pixel offset from the screen edge, and a delay before the element detaches. You can also style the element while it follows, either with a CSS object or a class name, and the original CSS is saved and restored on return. Start and stop callbacks fire with the DOM element as context. It's released under Apache 2.0, with a JSFiddle demo linked.
CSS Grid Layout
This is the late-2012 W3C Working Draft of the CSS Grid Layout module, an early Microsoft-originated version that predates the final syntax. It defines `display: grid` and a system of tracks, lines and areas, with properties like `grid-definition-columns`, `grid-template`, `grid-area` and `grid-auto-flow`. It also gives the full track-sizing algorithm, including `fr` units, `minmax`, and the content-based sizing heuristics. Worked examples show a game layout that reflows between portrait and landscape through media queries, a layered slider control, and an auto-placed form. The draft is also marked with open issues on subgrids, grid-descendant items and line naming, and a changelog records renames such as `grid-flow` to `grid-auto-flow`, which makes it useful for seeing how Grid evolved before the final spec.
Gallery of free HTML snippets for Twitter Bootstrap. | Bootsnipp.com
Gallery of free #HTML snippets for Twitter Bootstrap. |
Announcing Vault: safer passwords for the web - The If Works
Introduces Vault, an open-source password generator that stores nothing: it hashes a master passphrase together with a service name to deterministically produce a random-looking, site-specific password, available as a static web page and a Node.js command-line tool. The case rests on three complaints about password managers (installation friction, the risk of stored data, and poor portability), and on the point that attackers gain nothing from knowing the scheme because the outputs are high-entropy (about 130 bits) and don't reveal other passwords or the master. Along the way there's a tangent telling site operators to use slow salted hashes like bcrypt or scrypt, since rate limiting does nothing against a stolen database, and it frames Vault as a stopgap until systems like BrowserID replace passwords.
Garlic.js
Garlic.js is a small jQuery/Zepto plugin (about 5K minified) that saves the text-field values of a form to localStorage until the form is submitted, so users don't lose input if they close the tab or browser. Setup is just adding `data-persist="garlic"` to a form tag, and the page documents extras: `data-destroy="false"` to keep storage after submit, `data-domain="true"` to share storage across a whole domain, manual `.garlic()` calls, `destroy`, custom `onRetrieve`/`onPersist` callbacks, and a `getPath` override to avoid key conflicts. It also covers browser support (IE8+ natively, with a shim for IE6/7), a demo of database-versus-localStorage default conflicts, and notes that the full config options are only in the source code.