John Cox

Blogs · @wyome · Now · Shelf

Tagged tutorial · everything

Interesting

ui-patterns.com

UI-patterns.com

This page is a resource hub for UI design patterns—reusable solutions to common design problems organized into categories like navigation, data handling, onboarding, and persuasive design. It offers both physical card decks ($49 each) and digital collections covering UX patterns, business models, and cognitive/behavioral principles, along with curated screenshot libraries of real-world implementations like pricing tables and account registration flows. The site positions design patterns as a reference tool to help designers understand and solve recurring problems by studying proven examples.

Permalink designdevelopmenttutorial

iLounge

Moving your iTunes Library to a New Hard Drive

This guide explains how to properly move an iTunes library to a new location—whether to an external drive, secondary internal drive, or new computer—by distinguishing between the iTunes library database (the index file) and the iTunes Media folder (the actual content files). The key insight is that iTunes stores full file paths in its database, so manually moving files will break those links; instead, users should use iTunes' "Consolidate Files" feature, which copies files to the new location while updating the database references. The article also covers iTunes' distinction between "managed" files (stored in the iTunes Media folder and controlled by iTunes) and "referenced" files (stored elsewhere and merely pointed to by iTunes), explaining how this affects relocation options and whether users can preserve their own file organization.

Permalink storagemusictipsmac

CSS-Tricks

Tips For Creating Great Web Forms - CSS-Tricks

This piece outlines best practices for building accessible and functional web forms, covering semantic HTML (using proper label tags), CSS styling techniques (like floating labels for table-like layouts), and JavaScript enhancements (such as clearing placeholder text on focus). It also recommends considering existing form-building tools like Wufoo or Web Form Factory rather than building forms from scratch, while warning against common pitfalls like CSS resets that can break default button styling across browsers.

Permalink accessibilitytutorialcss3

MONC

Disabling Deprecated HTML Using CSS | David’s kitchen

Den här guiden förklarar de ofta förbisedda nyanserna i HTML-attribut bortom de vanligaste som class och id — bland annat hur booleska attribut som `disabled` bara aktiveras genom sin närvaro (inte sitt värde), varför `disabled="false"` faktiskt fortfarande inaktiverar ett fält, och hur ARIA-attribut kompletterar HTML för tillgänglighet. Texten täcker också moderna prestandaattribut som `loading="lazy"`, `async`/`defer` för scripttaggar och det relativt nya `fetchpriority="high"` för att påverka Core Web Vitals, samt hur `data-*`-attribut låter dig lagra data direkt på element för JavaScript-läsning utan att skriva inline-logik. Guiden avslutar med varningar om deprecated attribut som `align` och `bgcolor` som hör hemma i CSS istället.

Permalink accessibilitytutorialcss3

graphics.stanford.edu

Bit Twiddling Hacks

This is a comprehensive reference collection of bit manipulation techniques and algorithms for common low-level computing operations, with thoroughly tested code snippets offered in the public domain. The collection covers methods for operations like counting set bits, reversing bit sequences, finding logarithms, detecting powers of two, and manipulating individual bits—each with multiple approaches optimized for different trade-offs between speed, memory usage, and portability. The author notes that all code has been verified and offers a bounty for any bugs found.

Permalink performancedevelopmenttutorial

www.sitepoint.com

Web Site Optimization: 13 Simple Steps [Apache & IIS Configuration]

Stefanov provides practical guidance on implementing Yahoo's 13 front-end performance optimization rules for web developers with limited budgets on shared hosting. The piece covers four categories of optimization: reducing HTTP requests (identified as most impactful), leveraging content delivery networks, hosting assets across multiple domains while minimizing DNS lookups, and specific techniques for scripts and stylesheets. The recommendations are grounded in concrete examples and acknowledge the constraints of shared hosting environments where Apache configuration access is often restricted.

Permalink performancetutorial

ReadWriteWeb

The Structured Web - A Primer

The post argues that the evolution of the web depends fundamentally on shifting from unstructured HTML to structured information, which will enable computers to interpret and remix data the way relational databases allow across tables. Four key movements are driving this shift: APIs that deliver data as XML, semantic applications that extract and restructure content, microformats and semantic technologies like RDF and OWL, and RSS extensions that standardize data delivery. This structured web will act as a distributed database, making previously siloed information reusable and interoperable across services, ultimately paving the way for a true Semantic Web where machines can understand relationships between data.

Permalink tutorialdata

www.codeplex.com

Ionics Isapi Rewrite Filter - Home

I appreciate you sharing this, but what you've provided appears to be the HTML source code of a Microsoft product homepage rather than an article to summarize. The content consists of marketing sections for Surface devices, Microsoft 365, Xbox products, and business solutions—not a journalistic or analytical piece with an argument or report to condense. If you meant to save an article, could you share the actual text or a link to it? I'm ready to write a summary once I can see the substantive content.

Permalink toolswindowstutorialopensource

Google Lat Long

Tech Magazine

Full WEB 2.0 API List | Tech Magazine

I can see you've provided a list of article headlines and snippets from a developer blog, but without the full article text, I can only see titles and partial descriptions. To write the summaries you're asking for, I would need access to the complete content of each article. Could you provide the full text of the article(s) you'd like me to summarize? Once you share that, I'll be happy to write a concise two or three sentence summary that captures the actual argument or findings.

Permalink productivitydevelopmenttoolstutorial

Roscripts

Pretty URLs - a guide to URL rewriting

This article explains how to convert dynamically generated URLs with query strings into cleaner "pretty URLs" using Apache's mod_rewrite module, primarily for aesthetic and minor SEO benefits rather than dramatic ranking improvements. It covers the technical implementation through .htaccess files with regex patterns and RewriteRule directives, providing practical examples of how to transparently rewrite requests from pretty URLs back to their underlying dynamic scripts. The guide emphasizes that while pretty URLs make sites look more professional, the real work involves manually updating your application's link output to generate the new format, and it warns against changing existing URLs without proper 301 redirects to preserve search engine rankings and inbound links.

Permalink seotutorial

LifeHack

20 Ways to Use Gmail Filters - lifehack.org

Gmail filters can be configured to do far more than just organize incoming mail—they can serve as a productivity system for managing to-dos, follow-ups, reminders, archives, and backups by using advanced search operators, labels, and forwarding rules. The article provides twenty practical examples, including using filters to create GTD-style contexts, automatically sort media files and feeds, protect important emails from deletion, and integrate external services like Twitter, Flickr, and calendar notifications into a searchable Gmail-based workflow. While Gmail filters have limitations (such as inability to mark messages as read or create live smart folders), strategic filter setup can transform Gmail into a multi-functional tool that extends well beyond basic email management.

Permalink productivityorganizationtipstutorial

www.quirksmode.org

Javascript - Mouse Events

This technical guide explains the mechanics of mouse events in JavaScript, covering the sequence and behavior of mousedown, mouseup, click, and dblclick events, as well as mousemove, mouseover, and mouseout. It addresses practical problems like event bubbling causing unexpected triggers and provides cross-browser code solutions for tracking mouse movement between elements using relatedTarget, fromElement, and toElement properties. The text also introduces Microsoft's mouseenter and mouseleave events as alternatives that bypass bubbling complications in layer-based navigation systems.

Permalink developmenttutorial

Smashing Magazine

11 Almost Perfect Business Layouts | Smashing Magazine

Susy is a Sass-based grid framework that lets designers create custom, responsive layouts purely through CSS and Sass mixins without adding classes to HTML markup. The article demonstrates how to use Susy's core features—the `span` mixin for sizing columns, the `gutter` function for consistent spacing, the `gallery` mixin for multi-column layouts, and the `layout` mixin for switching between grid configurations at different breakpoints. Unlike heavier frameworks like Bootstrap, Susy performs the mathematical calculations for column widths and gutters while leaving all styling decisions to the designer, making it lightweight and flexible for responsive web design.

Permalink tutorialcss3

www.extremetech.com

Speed Up Windows Vista: Use ReadyBoost

Vista's ReadyBoost feature uses USB flash drives to cache disk reads, speeding up random hard drive access without replacing RAM or improving gaming performance. The system encrypts cached data for security, and setup is automatic—just plug in a USB drive and select ReadyBoost from the detection menu, with Windows recommending an optimal cache size. While not equivalent to a RAM upgrade, ReadyBoost offers measurable performance gains for the minimal cost of a flash device.

Permalink storageperformancetipswindows

codinginparadise.org