John Cox

Blogs · @wyome · Now · Shelf

Interesting

How Basecamp Next got to be so damn fast without using much client-side UI - (37signals)

DHH explains why Basecamp Next feels so fast, crediting two techniques: Stacker, a pushState engine (similar to pjax) that keeps the layout in place and fetches only changed HTML, and an aggressive "Russian doll" cache. Each piece of content, from a todo to the whole project page, is cached with key-based expiration, so one change busts only its enclosing caches while the rest are reused. Making that work meant sharing caches across pages and users, using CSS toggles for variations and client-side JavaScript (such as removing your own name from a cached recipient list) to personalize. He argues this depth of rearchitecture would have been nearly impossible by evolving Basecamp Classic, which is the case for the rewrite.

Permalink

VLC 2.0 Breaks Handbrake DVD Ripping; Here's How to Fix It

Installing VLC 2.0 on a Mac breaks Handbrake's DVD ripping, because Handbrake relies on VLC for its decryption libraries and 2.0 changed which ones it ships, so Handbrake errors out saying it can't find VLC. The fix is to download libdvdcss separately, either by running the libdvdcss.pkg installer or by dropping libdvdcss.2.dylib into /usr/lib by hand. A note says the linked downloads are outdated and points to a newer full DVD ripping guide for current instructions.

Permalink

Favs App

This is a product page for Favs, a Mac app (requires OS X 10.8) that pulls the things you've liked, starred, or bookmarked across Twitter, Facebook, Google Reader, Delicious, Pinboard and similar services into one searchable library on your desktop. It also lets you follow other people's public favorites, such as their Twitter stars, with new items marked unread so the app doubles as a reader. The page leans on short praise quotes from MacStories, Cult of Mac and Shawn Blanc, and ends with an unrelated Malaysian casino ad that looks like spam injected into the page.

Permalink

jQAPI - Alternative jQuery Documentation

jQAPI is a fast, minimal alternative front end for the official jQuery documentation, with identical content and category structure but search-as-you-type filtering, keyboard navigation, Prettier-formatted and Prism-highlighted examples, and live in-browser demos. Version 3.0.1 is a full rewrite on Astro (released January 2023) with static pages plus Ajax navigation; mobile navigation, offline browsing, and a dark theme are still listed as coming soon. The page also tells the project's history: it began in 2010 as a weekend hack inspired by the now-defunct RailsAPI, was revamped in 2013 with crowdfunding backers, and went offline in 2023 during a hosting migration until user requests prompted the rewrite. A changelog traces releases back to the first version in January 2010.

Permalink

ICanHaz.js | client-side templating with Mustache.js and jQuery or Zepto.js

Potongan ini dibuka dengan catatan pribadi seorang pemain turnamen poker di Las Vegas yang melihat seorang ibu dan dua anaknya, kemungkinan berkolusi di satu meja, mengintip kartu hole lewat cara mengocok; ia melapor ke bos pit, mereka tersingkir, dan ia sendiri finis ITM di lima dari 14 turnamen (ROI 30%). Lalu ada wawancara singkat dengan Matt Savage tentang penghargaan Player of the Festival baru di WPT DeepStacks Amsterdam (757 entri, rekor), tetapi teksnya terpotong di tengah. Sisanya, sebagian besar isi, adalah puluhan artikel SEO generik soal situs judi online, slot gacor, RTP, dan platform "QQ" yang tampaknya hanya sampah tautan promosi, jadi hanya dua bagian awal yang layak disimpan.

Permalink

Elegant CSS and jQuery Tooltip: Responsive, Mobile-Friendly - Some code from osvaldas - Forrst

ZURB's agency homepage pitches its 25 years of design work as measurable outcomes, offering a free web audit to prospective clients. It showcases four case studies with reported results: University of Oregon's homepage redesign (28% higher engagement on target KPIs), Indiana University Online (applications up over 30%, engagement up 80%), the Hulu Press redesign with a new CMS (usability scores above 90%), and the Xurrent rebrand (56% jump in positive homepage sentiment). It organizes its services into AI experience design, complex websites, and product innovation, so it's useful mainly as a reference for how a design consultancy frames its work and which metrics it cites.

Permalink

demosthenes.info – blog

This is the front page of Dudley Storey's web design blog, not a single article. It is an index of featured posts on CSS, SVG and JavaScript techniques. The listed pieces include a "scribble" scratch-to-reveal image effect built from SVG dash-array, CSS animation and blend modes. Others cover random SVG/JS bokeh backgrounds, responsive image hinting with the `w` descriptor for Retina screens, and a pure-CSS "position: sticky" scroll-then-fix behavior. It also lists posts on overlapping action in CSS animation, blend-mode diagrams, Escher-style SVG tile backgrounds, a CSS shapes and masks reading list, and a 2015 SF SVG Meetup talk on interactive imagemaps. Storey, author of *Pro CSS3 Animation*, runs the blog, so it is worth keeping mainly as a pointer to his demos and tutorials.

Permalink

demosthenes.info – Goodbye, JQuery Validation: HTML5 Form Errors With CSS3

Shows how to give signup forms live validation feedback using only CSS3 and HTML5, with no JavaScript. The :valid and :invalid pseudo-classes style the field, and because inputs are replaced elements and can't take :before or :after, the error text is generated on an adjacent span, which reads its message from a title attribute via a sibling selector. The span stays invisible until the input is invalid, and a transition delay and fade keep the message from appearing as soon as the user types a letter (though Webkit didn't yet support transitions on generated content). JavaScript is still needed for things like AJAX checks and older browsers, and server-side validation remains essential, but the technique leaves scripting for more advanced uses.

Permalink

Sequence.js - The jQuery Slider Plugin with Infinite Style

Argues that CSS animation frameworks can make hard material in STEM, physics, and writing easier to grasp through step-by-step, interactive visuals, and offers tips for teachers such as pairing animations with quizzes, aligning them to curriculum goals, and having students build their own. The piece is largely a vehicle for promoting homework-writing services: each section pivots to "do my assignment" or paid assignment help as the necessary complement to the technology, so the educational claims are generic and unsupported by examples or evidence. Worth keeping, if at all, as a sample of SEO-style content marketing rather than as a source on animation in teaching.

Permalink

Textarea Tricks | CSS-Tricks

A roundup of nine textarea tricks from the pre-HTML5-everywhere era, each with a short CSS, HTML, or jQuery snippet. It covers background images that vanish on focus (and the border fix they require), native `placeholder` with a feature-detecting jQuery fallback, and removing or adding the resize handle with `resize: none` or jQuery UI's `resizable()`. It also covers auto-growing textareas via plugins or `contenteditable` divs, `wrap="off"` for no-wrap since `white-space` doesn't work here, and `overflow: auto` to fix IE's always-on scrollbar. It warns that removing the blue focus glow with `outline: none` breaks a convention, so it needs a strong replacement focus style.

Permalink

Optimize Your SQL With Percona’s Online Query Advisor! - MySQL Performance Blog

Announces a new web tool from Percona, built by Miguel Trias, that works like a lint checker for MySQL: you paste in a query and it flags likely bugs. It's pitched with the classic `if (execute = 1)` assignment-versus-comparison mistake in C, and a sample SQL query to spot the error in (an unquoted date, `2012-02-15`, which MySQL evaluates as arithmetic, plus a left join whose WHERE clause on the right table undoes the outer join). It's the second tool in Percona's online suite after the MySQL Configuration Wizard, shares that account login, and lets you make analyzed queries public so others can see them.

Permalink

Pressly - Tablet web publishing

This is a product page for Alida, a customer research platform built around "community-centered" research: companies keep standing, opted-in panels of customers instead of renting one-off survey samples. It claims response rates of 25-60%, faster recruitment and iteration, and consolidated research work that breaks down data silos. The platform is split into four parts (embedded AI for querying and summarizing findings, audience management, feedback gathering across channels, and insights analysis), pitched at UX and product teams, researchers, and research operations. Testimonials and a figure of 176 million participants stand in for evidence, so it is marketing copy rather than independent analysis of research methods.

Permalink