John Cox

Blogs · @wyome · Now · Shelf

Tagged tutorial · everything

Interesting

Folder tree with Drag and Drop capabilities

This page provides documentation for a JavaScript drag-and-drop folder tree widget, including download links for all necessary files (HTML, CSS, JavaScript, and PHP backend components). It explains how to configure the tree using HTML list attributes, initialize it with JavaScript, and implement features like renaming, deleting, and persisting node changes via Ajax or form submission. The script is distributed under LGPL with commercial licensing options available.

Permalink

Super Stripes

This piece describes a practical web design technique for creating reusable stripe patterns using small transparent GIF images layered over different background colors in CSS. By preparing a few basic GIF files with alternating transparent and solid pixels, designers can quickly generate varied striped backgrounds across a website by simply changing the background-color property rather than creating new images for each color variation. The author suggests using this approach to visually distinguish different sections of a website while maintaining a cohesive design theme.

Permalink

Test Smarter, Not Harder by Scott Sehlhorst - developer.*, Developer Dot Star

Exhaustive testing of complex software with millions of input combinations is economically impractical, so this article presents more efficient testing strategies based on statistical sampling and combinatorial analysis. Random sampling requires prohibitively large test suites for high quality standards, while pairwise and N-wise testing (particularly N=3) can achieve 90% code coverage with dramatically fewer tests—reducing a 2.3 million-combination scenario to just 179 tests. The article further demonstrates how applying knowledge of the application architecture—such as mapping control dependencies, grouping related inputs, and eliminating equivalent values—can reduce test suite size even further, achieving strong quality assurance within realistic budgetary constraints.

Permalink

Mirror Your Web Site With rsync

This tutorial explains how to set up automated file mirroring from a main web server to a backup server using rsync over SSH, with password-less authentication via SSH keys so the sync can run unattended via cron. The setup tunnels rsync through SSH (securing the connection and avoiding firewall configuration), uses public key authentication to eliminate password prompts, and restricts the backup server's SSH access to only execute rsync commands through a validation script on the main server.

Permalink

No Media Kings » How to Silkscreen Posters and Shirts

Shannon Gerard's tutorial walks through the complete silkscreen printing process at home, from selecting the right aluminum screen and mesh count for your surface to burning emulsion-based stencils and finally printing multiple layers of color onto fabric or paper. The guide emphasizes practical details like using a makeshift red lightbulb setup in a bathroom as a darkroom, maintaining proper exposure times, and the importance of registration techniques to align multiple color layers accurately. Each step includes specific material lists and troubleshooting tips, making it accessible for beginners while addressing common mistakes that compromise print quality.

Permalink

A List Apart: Articles: CSS Design: Going to Print

Eric Meyer explains how to create effective print style sheets using CSS instead of maintaining separate printer-friendly versions of web documents. He walks through the specific CSS fixes applied to A List Apart, including working around a Gecko browser bug with floated elements, adjusting backgrounds and font sizes for print, styling hyperlinks to display their URLs, and extending the masthead design across the page width. The approach eliminates version skew between web and print versions while requiring only a single well-structured HTML document and media-specific CSS rules.

Permalink

Configuring Apache for Maximum Performance LG #123

This guide explains how to optimize Apache web server performance on Linux systems through compile-time and runtime configuration adjustments rather than hardware upgrades. Key recommendations include loading only necessary modules, selecting appropriate Multi-Processing Modules, disabling DNS lookups, tuning process limits (MaxClients, MinSpareServers, MaxSpareServers), enabling HTTP compression via mod_deflate, and implementing client-side caching headers. The author also advocates for a split-server architecture using a lightweight front-end Apache to serve static content and forwarding dynamic requests to a heavier back-end server, which prevents memory waste from large processes handling small static files.

Permalink

SoYouWanna convert to Buddhism?

This guide recommends using WordPress or similar no-code website builders like Wix and Squarespace to create a blog or website, emphasizing that beginners can set up a functional site quickly by selecting a pre-made template and customizing text, photos, and layout without needing coding knowledge. The piece suggests choosing a template that closely matches your desired final design to minimize time-consuming customization work.

Permalink

Home-made FLOAM

This piece provides guidance on selecting a qualified remodeling contractor for home renovation projects, emphasizing the importance of vetting professionals carefully to ensure successful outcomes whether undertaking kitchen, bathroom, or whole-home updates. The second excerpt describes the West Midlands as a tourist destination highlighting its museums, galleries, and historical sites that blend cultural heritage with modern attractions.

Permalink

codewalkers.com - php tutorials - Overlapping Images with GD - PHP Help

CodeWalkers organizes its archive of PHP and web development tutorials into intentional learning paths rather than isolated reference pages, emphasizing that each step builds on previous ones so developers understand how features integrate rather than copying standalone snippets. The PHP track progresses from basic dynamic sites through MySQL, search, and finally APIs—an order that matters because earlier lessons establish the request shape and database boundaries that later features must respect. The guide recommends starting with foundational references (PDO, SQL, security, authentication) before diving into project tutorials, and it clarifies which layer you're actually learning at each moment—whether the challenge is really PHP, SQL, HTML/CSS, APIs, or DevOps—so you can follow the right path instead of trying to absorb everything at once.

Permalink

Khmerang.com - CSS-Technique: Worn Type

This tutorial explains a CSS technique for creating a worn, distressed text effect in headers by overlaying a semi-transparent pattern image on top of text using an absolutely positioned span element. The method relies on floating the header to contain its width to the text itself, setting overflow to hidden to clip the pattern image, and creating a random-pixel GIF with transparency that obscures portions of the underlying text. While the technique effectively produces the visual effect and can be applied to various pattern types, it has the limitation that text cannot be selected normally due to the image overlay blocking mouse events.

Permalink

Create graphics the smart way with PHP

I'm unable to provide a summary because the content you've shared appears to be a marketing page with IBM product advertisements rather than a saved article or news piece. The page contains promotional material for various IBM software solutions (Bob, watsonx Orchestrate, FlashSystem, etc.) but no actual article text or reporting to summarize. If you'd like me to summarize an article, please share the actual article content or text instead.

Permalink