John Cox

Blogs · @wyome

Tagged tutorial · everything

jQuery: » New Official jQuery Plugins Provide Templating, Data Linking and Globalization

Microsoft has donated three new plugins to jQuery that have been officially accepted as part of the project: jQuery Templates (for client-side templating, later integrated into jQuery Core), jQuery Data Link (for data synchronization), and jQuery Globalization (supporting over 350 cultures and locales). The announcement marks the result of seven months of collaborative development between Microsoft and the jQuery team to ensure the plugins meet jQuery's code standards and community needs, with full documentation and source code made available on GitHub.

Permalink

Equal Height Column Layouts with Borders and Negative Margins in CSS - Smashing Magazine

This article demonstrates three progressive CSS techniques for creating layouts with equal-height columns using only borders and negative margins, without relying on images, extra markup, CSS3, pseudo-classes, JavaScript, or absolute positioning. The author builds a two-column layout by using a border on one column to create the background color for the other, then extends this approach to two-column and three-column layouts with vertical borders between columns, explaining the underlying CSS concepts like block formatting contexts, stacking order, and positioning needed to make each technique work.

Permalink

17 Useful Htaccess Tricks and Tips

This article presents 17 practical .htaccess techniques divided into general optimization methods and security hardening measures. The general section covers tasks like setting timezone, implementing SEO-friendly redirects, file compression, and caching strategies, while the security section focuses on preventing malicious attacks through hotlink protection, blocking suspicious URL patterns, restricting access to sensitive files, and filtering unwanted bots and referrers. The author claims to have tested these methods and presents them as both essential security protections and efficiency improvements for web server management.

Permalink

Script Junkie | The Ins and Outs of CSS Resets

Browsers apply different default styles to HTML elements because the HTML standard specifies only content structure, not presentation, leaving each browser to implement its own baseline styling—resulting in elements like headings and paragraphs rendering at different sizes and margins across browsers. The article explains how this fundamental inconsistency causes layout problems and demonstrates several approaches to solve it, from manual resets to comprehensive frameworks like YUI Reset and Eric Meyer's Reset, which systematically override browser defaults to create a predictable foundation for consistent cross-browser design. While a CSS reset requires additional work to re-style elements afterward, establishing this uniform baseline prevents the cascade of layout issues that arise from seemingly minor rendering differences.

Permalink

10 Fresh jQuery Plugins and Tutorials | Tutorials

A roundup of ten jQuery tutorials and plugins designed to help developers add dynamic visual effects to websites, including navigation menus with background image sliding, image cropping tools, carousels, slideshows, collapsing menus, and customizable UI components like styled tooltips and enhanced select lists. The collection emphasizes lightweight, easy-to-implement solutions that improve user interface functionality and web typography capabilities.

Permalink

An (Almost) Complete Guide to CSS3 Multi-column Layouts | kmsm

This isn't a saved article—it's a cookie consent notice explaining different categories of tracking technologies. The page distinguishes between necessary cookies (required for basic functionality), functional cookies (for features like social sharing), analytical cookies (for traffic metrics), and advertisement cookies (for personalized ads and campaign measurement).

Permalink

jQuery Events: Stop (Mis)Using Return False | Fuel Your Coding

Doug Neiner argues that beginners' habit of using jQuery's `return false` to cancel browser defaults is harmful, because it silently bundles preventDefault with stopPropagation and stops execution, breaking parent handlers and delegated events. He walks through the alternatives (preventDefault, stopPropagation, stopImmediatePropagation) and advises where to place the cancellation call: first line during development or for JavaScript-only features, and last line under progressive enhancement so that a script error leaves the normal link or form fallback working.

Permalink

HTML5: The Facts And The Myths - Smashing Coding

This article debunks common misconceptions about HTML5 by clarifying that it is a collection of features rather than a monolithic technology, many of which are already supported in modern browsers and can be faked with JavaScript in older ones. The authors explain HTML5's actual development history—rejected by the W3C in 2004, the spec was developed by Opera and Mozilla through WHATWG before the W3C eventually adopted it—and address myths such as the false deadline for adoption, the idea that XHTML websites need conversion, and concerns about Flash replacement and accessibility. The piece emphasizes that HTML5 actually standardizes error-handling rules to prevent the tag soup of earlier HTML, and that modern form controls and semantic elements have improved accessibility compared to previous JavaScript workarounds.

Permalink

jQuery webcam plugin - Website and Application Intelligence

This guide explains how to properly implement webcam access in modern browsers using the native `getUserMedia()` API, which replaced the author's old Flash bridge from 2010. It covers essential implementation details including requesting camera permissions only on user action, handling permission denials gracefully, capturing full-resolution frames with canvas, switching between multiple cameras, recording video with `MediaRecorder`, and crucially, properly releasing camera resources by stopping all tracks when done. The article emphasizes that reliable camera access requires more than a single API call—it demands careful attention to browser permissions, device constraints, error handling, and lifecycle management to maintain user trust and prevent resource leaks.

Permalink

A JavaScript Content Switcher That Works Without JavaScript | Impressive Webs

This article explains how to build a content switcher that works without JavaScript by leveraging HTML anchor links and CSS overflow properties. The technique uses in-page anchors (#one, #two, etc.) paired with a container set to `overflow: hidden` that's sized to show only one item at a time, allowing users to navigate between content panels by clicking links that point to different anchors. The approach provides progressive enhancement—it functions as a basic switcher in all browsers without JavaScript, and can then be enhanced with JavaScript for smoother animations while maintaining the same HTML and CSS foundation.

Permalink

HTML5 Canvas Image Effects: Black & White - Ajaxian

I can see this is a directory page or homepage for Informa TechTarget with links to various articles and topic areas, but there's no actual article content to summarize here. The page shows headlines and brief descriptions of recent tech news pieces (about Splunk pricing, AI agents, data center water usage, etc.) along with topic categories, but it's a navigation page rather than a substantive article itself. If you'd like me to summarize one of the specific articles listed, please share that content instead.

Permalink