John Cox

Blogs · @wyome · Now · Shelf

Interesting

blog.jquery.com

jQuery 1.10.0 and 2.0.1 Released | Official jQuery Blog

jQuery 1.10.0 and 2.0.1 shipped together, on the fifth anniversary of 1.2.6, with the aim of bringing the 1.x line (which still supports IE 6–8) and the 2.x line (which doesn't) back into feature parity, a sync the team promises to maintain, so 1.11 and 2.1 will match. The changes are mostly non-disruptive: leading whitespace is allowed again in `$(htmlString)`, custom builds can drop the `.wrap*`/`.unwrap` methods and optionally `.bind`/`.delegate`, and there are workarounds for the IE9 iframe focus error and for Cordova's `deviceready` event target. The post also credits contributors and gives full bug-by-bug changelogs for each version, plus reminders about the 1.9 upgrade guide and the Migrate plugin for older code.

Permalink programmingdevelopmentopensourcejquery

64 Notes

Stop Using Arial & Helvetica

A blunt, opinionated case against defaulting to Arial and Helvetica for web body text: Helvetica needs custom kerning and suits print, brands and maybe headlines, while Arial is a poor Microsoft imitation, and both are mostly chosen out of ignorance or for the safety of availability and matching x-heights. It recommends other widely installed fonts instead (Verdana, Tahoma, Trebuchet MS, Georgia for serifs) with availability percentages, plus embedded @font-face options like Open Sans and Lato. It then adds readability tips: avoid pure black on pure white, use a line height around 1.5–1.6, and it critiques sites like Wired and Quora. The author flags it as a post over 11 years old, so the font-availability advice reflects the early-2010s web.

Permalink designfont

www.evanmiller.org

Statistical Formulas For Programmers

Evan Miller's 2013 cheat-sheet collects the classical (non-Bayesian) statistical formulas he thinks programmers most need, each with a short note on why it matters and a reference. It is organised by data type: averages (standard deviation, standard error, confidence intervals, two-sample t-test), proportions (Bernoulli and multinomial intervals, chi-squared), Poisson counts (intervals and a conditional test for comparing two rates), distribution comparisons (one-, two- and k-sample Kolmogorov-Smirnov), and trend lines (slope, its standard error and interval). The recurring argument is that raw averages, percentages and counts shouldn't be displayed as "different" without an interval or test, since 5 events can be statistically indistinguishable from 7.

Permalink programmingtutorialdata

Boing Boing

Ray Manzarek, founding member of The Doors, dies of cancer at 74 - Boing Boing

This is a Boing Boing obituary for Ray Manzarek, the Doors keyboardist, who died at 74 of bile duct cancer at a clinic in Rosenheim, Germany, with his family around him. The writer's personal angle is discovering Manzarek through the punk band X, whose first four albums he co-produced, including one of the first punk records they owned. The post embeds an excerpt from the documentary *X: The Unheard Music* and three episodes of Manzarek's autobiographical monologues from L Studio Presents; the rest of the page is unrelated sidebar items about gadgets and deals.

Permalink musicnewsrock

square.github.io

nick-jonas.github.io

windows

A small jQuery plugin, `jquery.windows.js`, for building pages made of sequential full-screen sections, paired with a starter SASS file for the window layout. It doesn't style the elements you call it on. Instead it tracks scroll position and offers optional snapping to the nearest window, with configurable speed and interval, plus callbacks for scrolling, snap completion, and a new window entering the viewport. It also exposes helper methods: `ratioVisible()` returns a 0–1 visibility ratio, `isOnScreen()` returns a boolean, and `getCurrentWindow()` returns the most visible window.

Permalink developmentpluginsjquery

Ecommerce-Platforms.com

Weekly Design News Roundup - 17 May 2013 - Design Reviver - Web Design Blog

A roundup of 27 ecommerce sites picked for their visual design, mostly Shopify stores, with a short note on what each does well: The Sill's natural palette, Couple's social proof, OWL's sidebar links in place of a footer, Via Copenhagen's page-by-page scroll transitions, Save Khaki's carousel that avoids mixed messaging. Common threads are letting product and lifestyle photography lead, using personality-driven color and layout for unglamorous products like boxes or fabric, and adding small interactive touches. A brief closing section names responsive design, UX, and clear CTAs as the basics of good ecommerce design, though it's a showcase for inspiration more than a rigorous analysis, and the numbering and some entries are sloppy.

Permalink designshopping

Bootstrap Blog

Bootstrap 2.3.2 released · Bootstrap Blog

A short Bootstrap announcement from May 17, 2013 by mdo, noting a 2.3.2 patch release that fixes one bug (#7118) where dropdowns misbehaved when users command/control-clicked links in Firefox. It also gives a brief status update that Bootstrap 3 is nearly ready for a release candidate, with the planned changes mostly done and the team now smoothing rough edges, and promises more details on the RC in the coming weeks.

Permalink developmentopensourcecss3framework

web.dev

Untitled (http://www.html5rocks.com/en/tutorials/workers/basics/)

Argues for moving non-UI work, such as state management and game logic, into web workers so the overloaded main thread stays free for rendering and input. The goal is resilience on slow, varied devices rather than raw speed, since the work isn't reduced and messaging adds some overhead. It presents Comlink as a way to avoid hand-rolled postMessage plumbing, and uses Chrome's PROXX Minesweeper clone as a case study. On a feature phone the off-main-thread version took twelve seconds to finish an update versus six, but it kept shipping frames instead of freezing. It also covers the Core Web Vitals benefits (INP, LCP) and notes that webpack and Rollup need plugins for worker support.

Permalink programmingperformancedevelopmenttutorial

tympanus.net

GistBox

GistBox - The Beautiful Way to Organize Code Snippets

This is the marketing page for GistBox, a tool for organizing and sharing code snippets stored as GitHub Gists. It pitches color-coded labels, search, group libraries for teams, an Ace-based editor, cloud sync with realtime updates across instances, and a Chrome extension (Clipper) that saves highlighted text or whole pages as Gists. A notice at the end says GistBox was shut down as of December 1, 2017 and replaced by Cacher, which now redirects users automatically, so the page is worth keeping mainly as a record of what the product offered before it became Cacher.

Permalink productivityprogrammingorganizationcollaboration

nobackend.org

noBackend – data driven apps without thinking backend.

This is the front page of noBackend, a manifesto-style project that opens with "dreamcode": imagined one-line frontend calls like `signUp()`, `resetPassword()`, `sendEmail()`, `purchase().using("paypal")`, and even `device(ip).do('coffee')`, which would handle tasks that normally require custom server work. Its argument is that apps should be decoupled from backends by abstracting those tasks behind simple frontend APIs, so frontend developers can build complete apps without thinking about servers while backend developers stay free to implement however they like. The page also points to ready-made backend "solutions" and example apps, and lists community discussion posts such as "Bring your own Backend!" and a QCon San Francisco announcement.

Permalink appsprogrammingdevelopmentframework

mindmup.github.io

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup

Bootstrap WYSIWYG is a 5KB jQuery plugin from the MindMup team that turns any DIV into a rich-text editor by relying on standard HTML5 browser commands. It skips iframes, backup textareas and built-in toolbar styling, so it works with Bootstrap buttons and modals and avoids the focus problems on touch devices that heavier editors caused. It supports hotkeys, drag-and-drop image insertion, Chrome voice dictation and optional HTML cleanup, and toolbars are built by putting data-edit attributes on ordinary links and inputs. It requires a modern browser and is released under the MIT license.

Permalink developmentpluginsopensourcejquery

Adapter | Advanced Website and Software Development in Washington DC

Dreams: Timeliner.js - A jQuery plugin for making simple historical timelines

This is the homepage of a small Washington, DC web development shop that builds websites, apps, and data tools for nonprofits, universities, and government clients such as Johns Hopkins, the National WIC Association, Pew, and the State Department. It pitches itself as a lead partner for new platform builds (using AI tooling in the hands of experienced engineers), a modernizer of aging systems, and an extension of clients' internal teams. Selected projects include a 2,000-page WordPress migration for the National Association of State Boards of Education, a searchable WIC research hub built on WordPress and Angular, and ATTIC, a half-million-product search platform for independent retailers. The tech stack runs from React/TypeScript and Remix to long-standing PHP/WordPress/LAMP work, and the two principals, Tarek Anandan and Francisco Serrano, each bring more than two decades of experience plus policy or communications backgrounds. Worth keeping as a reference for a policy-world web vendor with a long nonprofit track record.

Permalink historydevelopmentpluginsjquery

vincentlamanna.com

livicons.com

Unheap

Unheap - A tidy repository of jQuery plugins

A roundup of small front-end plugins and libraries from a code-snippet showcase, mostly about doing common UI jobs with little or no jQuery. Entries include Snazzy Info Window for styled Google Maps popups, Zurb's Reactive Listener (reacting to mouse proximity before a hover), flatpickr (a dependency-free date/time picker), iCheck for cross-browser custom checkboxes, Muuri for draggable, sortable grids, and EmojiOne's shortname-based emoji set. Others cover lazy image loading, accessible off-canvas navigation, scroll-spy menus, notifications, responsive video embeds, and autocomplete, each with a short pitch and feature list.

Permalink developmentpluginsjquery

www.hanselman.com

CDNs fail, but your scripts don't have to - fallback from CDN to local jQuery - Scott Hanselman

Scott Hanselman describes how he diagnosed a localized ASP.NET CDN outage by mapping the locations of complaining Twitter users to the US northeast. One California user turned out to be on a VPN into Massachusetts, which helped confirm a bad machine in the Boston/NYC area. The larger point is that CDNs are external dependencies, so sites should fall back to local copies of scripts like jQuery when they fail. He shows how to do this by hand with a load-check plus document.write, with yepnope and RequireJS, and through the built-in options in ASP.NET 4.5 Web Forms (ScriptManager with EnableCdn) and the MVC Web Optimization bundles (CdnFallbackExpression). He also recommends testing CDN availability from multiple locations and simulating a CDN outage.

Permalink performancedevelopmentjquery