John Cox

Blogs · @wyome · Now · Shelf

Interesting

Quick Tip: Chrome Extensions that make GitHub rock - Brett Terpstra

A roundup of the Chrome extensions that make GitHub more useful for a developer who left Safari over bugs and stayed for the extension ecosystem. The nine picks cover in-page Gist and commit diffs, extra comparison options for tags and branches, rendered HTML previews, Markdown preview in text fields, a drop-down repository tree in the URL bar, and in-repo search. Two others suggest repositories based on stars, and the author flags one of those as slightly obtrusive. It ends by asking readers to share their own extensions and userscripts.

Permalink

iTunes match issues: Apple Support Communities

A troubleshooting guide for iTunes Match hanging at Step 2 or 3, which the writer attributes mainly to mixed audio formats: files that aren't 256 kbps AAC (older pre-2011 m4a files, protected m4p files, MP3s) can stall the matching process instead of being marked "Not eligible." The fix is to find the offending files via Activity Monitor's Open Files and Ports or a smart playlist for bit rate under 256k, convert them, delete the originals from the library, disk, and iCloud, then re-run Match. If Step 3 still sticks, the likely culprit is a blocked upload port, which you can spot in that same trace and fix in your broadband modem's firewall settings.

Permalink

Getting Started with WebRTC - HTML5 Rocks

This is a broad introduction to WebRTC, the browser standard for plugin-free real-time video, audio, and data exchange. It traces the project's origins in Google's acquisition of GIPS and open-sourcing of its codecs, then walks through the three core APIs: MediaStream/getUserMedia for capture, RTCPeerConnection for streaming, and RTCDataChannel for arbitrary peer-to-peer data. The most useful parts are the explanation of signaling (offer/answer via SDP and ICE candidates, with the signaling channel left up to the developer), how STUN and TURN servers handle NAT and firewall traversal, and annotated code for an Alice-and-Bob connection plus the appr.tc demo. It closes with security features (mandatory encryption, browser sandbox, explicit camera permissions), a list of resources, and browser support notes.

Permalink

iWantHue

The saved text is only the footer of a Médialab Tools page, apparently an online color palette tool for data visualization, so there is no actual argument or report to summarize. It credits two influences: Chroma.js, a JavaScript library the tool relies heavily on for color conversion (with a linked post about color in dataviz), and ColorBrewer, the well-known palette tool that pioneered this kind of resource. To recover why it was worth keeping, you would need to revisit the original page, since the name of the tool itself isn't given here.

Permalink

Introducing the New HTML5 <main> Element - SitePoint

Craig Buckler's 2013 SitePoint piece introduces the HTML5 `<main>` element, the first new structural tag since the original nine, and explains that it marks a page's primary content, replacing wrapper divs like `#main` or `#page` and the `role="main"` ARIA pattern. It covers the spec's rules (only one per document, never inside article, aside, footer, header or nav), a sample page layout, and the compatibility workarounds of the time: a `display: block` CSS rule for browsers that didn't recognize it and an updated html5shiv for old IE. He also acknowledges the debate over whether the element was necessary, while arguing it's here to stay. The page also carries a later FAQ section covering accessibility, SEO and browser support.

Permalink

Toolbar.js for jQuery and Bootstrap: Flexible Toolbars in iOS Style - noupe

Introduces Toolbar.js, a jQuery plugin by New Zealand developer Paul Kinzett that attaches iOS-style pop-out toolbars to any page element, positioned above, below, left or right (horizontal bars for top/bottom, vertical for sides). It reuses Twitter Bootstrap's Glyphicons and CSS, so the icons stay responsive and are styled the Bootstrap way. Setup is walked through as including the script and stylesheets, defining a list of icon links, and calling `.toolbar({content, position})` on the trigger element. The plugin is MIT licensed, free for commercial use, and hosted on GitHub.

Permalink

(503) https://github.com/allmarkedup/jQuery-URL-Parser

Documentation for Purl v2.3.1, an unmaintained, AMD-compatible JavaScript URL parser that works with or without jQuery. The same file exposes `.attr()` for URL parts like protocol, host, path, directory, and file, `.param()` for query strings including array-style params, and `.segment()` for path pieces (1-indexed, with negative counting from the end), plus `.fparam()` and `.fsegment()` for hash fragments used as query strings or paths. It builds on Steven Levithan's regex URI parser, defaults to loose mode but offers a strict mode for relative URLs, and throws a URIError on badly encoded input. The author recommends URI.js as a maintained replacement.

Permalink

jQuery.payment

Documentation for jquery.payment, Stripe's jQuery plugin that formats credit card inputs (number spacing, expiry slash, length and numeric limits) and validates card number via Luhn and length, expiry dates, and CVC, with card type detection for ten brands including Visa, Amex, UnionPay and Dankort. It is deprecated in favor of Stripe Checkout or Elements and will only get critical security patches. The README covers the API, how to extend `$.payment.cards` with custom card types (pattern order matters), and recommendations such as using `autocomplete` attributes (but turning it off for CVC) and `type="tel"` for numeric mobile keyboards.

Permalink

Tire

Bài quảng bá nhà cái cá cược VIN88, giới thiệu các sảnh trò chơi (thể thao, live casino, game bài, nổ hũ, lô đề, bắn cá, đá gà), những ưu điểm như giao diện, tốc độ, bảo mật và thanh toán, cùng các khuyến mãi như hoàn trả thể thao đến 1.4%, hoàn slot đến 28% và thưởng nạp crypto hằng tuần. Nội dung khẳng định nhà cái có giấy phép PAGCOR và "uy tín, minh bạch", nhưng toàn là lời tự giới thiệu, không có kiểm chứng độc lập hay điều kiện cụ thể của ưu đãi. Phần hỏi đáp giải thích việc có nhiều link truy cập là để giảm tải hệ thống, đáng đọc với cảnh giác vì đây là nội dung tiếp thị cho một dịch vụ cờ bạc trực tuyến, không phải đánh giá khách quan.

Permalink

Online advertising’s racism mess - Salon.com

Harvard's Latanya Sweeney found that Google searches for black-identifying names like Latisha or Rasheed were about 25 percent more likely to trigger Instant Checkmate ads hinting at an arrest record than searches for names like Greg or Meredith, with under a 0.1 percent chance the pattern was random. Andrew Leonard's reading is that nobody need have intended this: AdSense shifts toward whichever ad copy gets the most clicks, so if racist users click the "Arrested?" ads more often next to black-identified names, the algorithm learns and amplifies that bias. Google's response, added as an update, denies any racial profiling and says advertisers choose their own keywords.

Permalink

Almost Flat Design | Matthew Moore Design

Pure flat design looks fresh and is quicker to build and make responsive, but the piece argues it is inherently flawed for usability once an interface gets complex, since it strips out cues that tell users what they can click. As a middle path it proposes "Almost Flat Design," seen in Google's products like Gmail and Maps, which keeps flat colors but adds subtle gradients and drop shadows as affordances and to show depth. The author backs this with examples from MySpace, Letterpress, and Facebook, and with their own Onepager dashboard redesign, which they say lets them ask more of users without overwhelming them.

Permalink

Home | Testing made easier in Internet Explorer | modern.IE

This is the Microsoft Edge developer landing page, not a single argued piece. It announces that the Chromium-based Edge is available on Windows, macOS, iOS and Android, and pitches it to developers as offering strong extension support and web compatibility. It then points to the main resources: extension publishing on the Edge Add-ons site, PWAs, DevTools and automation, WebView2 for embedding web content in native apps, the Insider preview channels, and the Edge blog's Copilot push. It also lists tools like WebHint and Microsoft's accessibility extensions, so it's worth keeping mainly as a directory of Edge's developer entry points.

Permalink

Untitled (http://boingboing.net/2013/01/31/beijing-air-quality-is-like-li.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+boingboing%2FiBag+%28Boing+Boing%29)

Beijing's air has exceeded the World Health Organization's healthy limit every day this year, and a Bloomberg chart makes the point vivid by comparing the pollution levels to the air inside an airport smoking lounge. The post is a short pointer to that "Chart of the Day," useful mainly as a striking comparison for how bad the city's air really is. The rest of the saved page is unrelated Boing Boing sidebar content, such as macOS AI bloat, a tracker-detecting gadget, and sponsored software deals.

Permalink

Build a Website - Squarespace

Squarespace's marketing page pitches its all-in-one website builder to small business owners, claiming 14 million entrepreneurs served, $36 billion earned by customers, and users in over 200 countries and territories. It leans on its AI design tool, Blueprint AI (billed as one of TIME's Best Inventions of 2025), plus templates, domain search and transfer, and a free trial with no credit card required. Nothing here is reporting or argument, only a sales page, so it's worth keeping only as a reference for how Squarespace positions itself and what figures it advertises.

Permalink

Teamwork Gantt

Twproject Gantt is a free, browser-based Gantt chart editor, also offered as an MIT-licensed JavaScript component that you can embed in your own pages (attribution required). It lets you build nested project structures, link tasks with multiple dependencies, see the critical path, and update progress or dates by dragging and dropping. Other listed features include undo/redo, zooming, milestones, resource assignment, SVG drawing, print-friendly output and JSON export, and charts can be shared with a team, embedded, or published at a public URL.

Permalink