John Cox

Blogs · @wyome · Now · Shelf

Interesting

Marc and Angel Hack Life

10 Choices You Will Regret in 10 Years

A self-help essay (it reads like a Marc and Angel Hack Life post) listing ten everyday choices that lead to "if only" regret: hiding behind a mask, keeping negative company, selfishness, resisting change, adopting others' goals, quitting too soon, micromanaging, settling for less, procrastinating, and passivity. Its second half turns to regrets you already carry, arguing they persist because we compare past decisions to an idealized self-image, and that the remedy is to notice that comparison and accept being flawed and human. It closes by asking readers to name one thing they can do today that they won't regret, with a couple of plugs for a journal and a newsletter.

Permalink mental healthadvicelife

html2canvas.hertzen.com

stuartkhall.com

iOS Development Tips I Would Want If I Was Starting Out Today

A veteran iOS developer's list of advice for newcomers, written in the Objective-C, ARC and pre-Swift era. It pushes ARC, blocks (with a warning about retain cycles), and GCD over raw threads, including the `dispatch_once` singleton pattern. It leans toward code over Storyboards and XIBs, citing merge pain and limited customization. It also recommends open source libraries like AFNetworking managed through CocoaPods, runtime class checks to support older iOS versions, localizing from the start, and using Analyze, Instruments, and crash-reporting services. It ends with a plug for the author's own review-tracking app, AppBot.

Permalink programmingdevelopmenttipsios

explain.depesz.com

New explain | explain.depesz.com

This is the landing page for explain.depesz.com, a web tool where you paste the output of PostgreSQL's EXPLAIN (ANALYZE, BUFFERS, ...) and get back a formatted, easier-to-read breakdown of the query plan. The page itself is just the submission form, with optional fields for a plan title, the original query, and comments such as table definitions. It also has checkboxes to list the plan on the public history page or to obfuscate it before saving, which hides identifiers but makes the plan harder for others to follow. Worth keeping as the bookmark for the plan analyzer rather than as an article with an argument.

Permalink performancetoolsdatabasesql

plugins.jquery.com

Niklas von Hertzen

feedback.js

feedback.js is a client-side library for adding a feedback form that attaches a screenshot of the page the user is on. It builds on html2canvas, which reconstructs the page as a canvas image by reading the DOM and applied styles rather than taking a true screenshot, so the result may not match what the user actually sees. The script also lets users draw on the image to highlight problem areas, and it needs no server rendering, plugins, or Flash. Browser support is Firefox 3.5+, recent Chrome, Safari and Opera, and IE9, and the page includes a live "Send Feedback" demo button.

Permalink programmingdevelopmenttoolsplugins

philipwalton.com

What No One Told You About Z-Index — Philip Walton

Philip Walton's piece on z-index opens with a puzzle: three divs each hold an absolutely positioned span, and the red one has z-index 1. Without touching the markup, z-index, or position, how do you push it behind the other two? The answer is to give its parent div an opacity below 1, because that creates a new stacking context that confines the span's z-index to inside the parent. It then explains the rules behind this: stacking contexts are formed by the root element, by positioned elements with a z-index, and by opacity below 1 (and, in practice, by transforms and filters). It also lays out the back-to-front order within a single context, so you can debug a "z-index of a billion" that won't move by checking the ancestors for stacking contexts.

Permalink developmentcss3

Tutorialzine

Make Pretty Charts For Your App with jQuery and xCharts | Tutorialzine

A Tutorialzine walkthrough for building an AJAX-driven line chart with xCharts (on top of d3) and a Bootstrap date range picker, pulling daily sales counts from a MySQL table. A PHP script using the Idiorm ORM returns rows between the chosen start and end dates as JSON, and the JavaScript converts them into xCharts' data format and refreshes the chart via `setData` whenever the range changes. Notable details include using a sugar.js-based fork of the picker because the original's date.js conflicts with xCharts, adding a hand-rolled tooltip since xCharts has none, and the warning that omitting the `className` on the data series causes odd bugs.

Permalink developmenttutorialdatajquery

tinysort.sjeiti.com

jQuery TinySort - a tiny sorting plugin

TinySort's documentation covers a small dependency-free JavaScript function, `tinysort(nodes, ...options)`, that reorders HTML elements in the DOM by their text, an attribute, a data attribute, a form value, or the content of a child picked with a CSS selector. It lists every option (order, place, natural, cases, useFlex, a custom sortFunction and others). Worked examples cover multi-criteria sorting by overloading arguments, natural ordering ("a2" before "a11"), and language-specific collation through a charOrder plugin, with ready-made strings for Greek, Danish, Serbian and a dozen other languages. The page also includes recipes for click-to-sort table headers and for animating the reorder with absolute positioning, which is likely the reason to keep it as a reference.

Permalink developmentpluginsjquery

ninjaui.com

Ninja UI

このページは、成人向けメディア事業をめぐる八つの短い論考を一つにまとめたもので、いずれも「私たち」という共同体の語りで書かれています。扱うテーマは、国際展開と低遅延配信、倫理的な編集方針、デジタルIDを使った年齢確認、決済方針の変更とチャージバック、利用者の信頼調査、ディープフェイクなど合成メディア、制作現場の労働基準、定額制の見直しと収益多様化、著作権ライセンスの流通と、出版社の持続可能性と資金調達です。各節の中身は、同意と被写体の権利の保護、年齢確認とデータ最小化、モデレーションと第三者監査、収益源の分散といった共通の原則を、テーマごとに言い換えて繰り返す一般論が中心です。実際の調査データや固有の事例はほとんどなく、途中のQ&Aも「専門家に相談を」で終わる回答が多く、中にはシステム指示と文字数の話が紛れ込んだ箇所もあります。そのため、実務の指針というよりは、この分野の論点を一通り見渡すためのチェックリストとして残しておく価値があります。

Permalink jquery

Speckyboy Design Magazine

Useful .htaccess Snippets

A roundup of fourteen practical .htaccess snippets for Apache admins, with the code blocks themselves missing from this saved copy. It covers locking down files and directories by IP, disabling directory browsing, GZIP compression and caching (and turning caching off for dynamic files), blocking hotlinking, bad referrers and bot user agents, forcing HTTPS, and setting a custom index page. It also covers PHP limits on upload size, post size and script time, forcing downloads without the dialog, renaming .htaccess for security, and disguising file types. Its main caution is to back up the original .htaccess before experimenting.

Permalink performancesecuritydevelopmenttips

www.webinterfacelab.com

GitHub

jaz303/phake · GitHub

Phake is a small PHP 5.3 port of Ruby's rake that uses closures to define build tasks in a Phakefile, run with `./phake task:name`. It covers rake-style features such as task dependencies, multiple bodies per task, grouped namespaces (`db:init`), descriptions listed via `-T`, and before/after hooks in the Capistrano manner. Command-line arguments (`name=Jason`) are read through the app object's array access, and throwing an exception aborts a task sequence.

Permalink programmingdevelopmentautomationtools

net.tutsplus.com

What’s Hot in 2013: Our Picks | Nettuts+

Nettuts+ staff writers each name the web development tools they expect to take off in 2013, mostly existing projects rather than brand-new ones. The PHP camp (Composer, Laravel 4, PHP 5.5, Zend Framework 2, Eden) gets the most attention, with one writer declaring 2013 "the year of PHP." Others pick Ruby 2.0, Rails 4, jRuby, Travis-CI, Go, Node.js and Meteor, Backbone, and editors like Brackets and Sublime Text 2. Further picks include RethinkDB, Stripe, Chrome Packaged Apps, CKEditor 4, MongoDB, responsive design, and a general "industry maturity" toward standardized practices.

Permalink programmingdevelopmenttoolsframework

www.amazon.com

Untitled (http://www.amazon.com/gp/product/B0084O26SI?ie=UTF8&tag=wyome-20&linkCode=shr&camp=213733&creative=393185&creativeASIN=B0084O26SI&qid=1356998637&sr=8-2&keywords=monsieur+lazhar)

Plays from YouTube. Nothing is loaded from Google until you press play.

This is an Amazon listing for the 2012 DVD of *Monsieur Lazhar*, Philippe Falardeau's French-language Canadian film that was nominated for the Best Foreign Language Film Oscar. It follows Bachir Lazhar (Fellag), a 55-year-old Algerian immigrant who takes over a Montreal middle school class after their teacher's death. He helps the children grieve while coming to terms with his own painful past. The page lists the Music Box Films release (1 disc, 94 minutes, English subtitles, PG-13, $9.25 new and $2.95 used) and quotes four-star reviews, including the Wall Street Journal comparing it to Truffaut's *The 400 Blows*.

Permalink amazonfilmdramamovies

UX Magazine

The Top 5 Website UX Trends of 2012 | UX Magazine

A 2012 roundup from Catalyst Group of five web UX trends that blur design, usability, and technology: single-page sites, infinite scrolling, sticky top navigation, the retreat from glossy Web 2.0 looks toward flat minimalism, and the revival of web typography. Each trend comes with named examples (Lookbook, Gmail, New Zealand tourism, The New Yorker's font pairing, Basecamp, Dropbox) and a caveat. Single pages invite homogenization, infinite scroll suits feeds but not search results or e-commerce, and persistent menus must stay slim. It's useful as a snapshot of what counted as good practice at the end of 2012, and as a set of when-not-to-use-it cautions for each pattern.

Permalink designfont

remy.bach.me.uk

jQuery Super Labels Plugin

What was saved here looks like an index or archive page from a personal blog, not a single article: a list of short posts from 2019 to 2020. One is "Reasons I love Alfred #1," about using the Mac launcher to tidy up copied URLs. The rest are "TWIL" (Things I Learned This Week) roundups that mix small technical notes with offbeat trivia, such as local npm dependencies, mocha debugging, offsetParent, skipping CI, node_modules indexing on OSX, Lambda function versioning, pigeon messaging, and the "3 day effect." There is no single argument, so the page's value is as a pointer to the blog and its short dev-tip entries, and you would need to open individual posts to find any specific tip.

Permalink developmentpluginsjquery

darsa.in