John Cox

Blogs · @wyome

Tagged tools · everything

tinysort.sjeiti.com

jQuery TinySort - a tiny sorting plugin

TinySort is a lightweight JavaScript library that sorts HTML elements by text content, attribute values, data attributes, or child element values, with support for multiple sort criteria, natural number ordering, and non-Latin character sets. It accepts NodeLists or CSS selectors and offers extensive configuration options including ascending/descending/random order, case sensitivity, custom sort functions, and control over element placement. The script works on any HTML element type and can be extended with animations or integrated into interactive features like sortable tables.

Permalink toolspluginsjquery

GitHub

jaz303/phake · GitHub

Phake is a PHP 5.3 task runner modeled after Ruby's Rake that uses closures to define and execute build tasks with support for dependencies, grouping, and command-line arguments. Tasks can depend on other tasks, be organized into named groups (invoked as `group:task`), include before/after hooks, and accept typed arguments passed from the command line. The tool reads task definitions from a Phakefile in the project directory and provides a command-line interface to list available tasks or execute them in dependency order.

Permalink developmenttoolsopensource

humblesoftware.com

kudakurage.com

Ligature Symbols

Ligature kudakurage Symbols is a comprehensive icon font library created by Kazuyuki Motoyama that uses ligature features to map readable text strings to Unicode symbols. The font includes over 300 icons organized into categories covering UI controls (bold, italic, align), media playback, social media logos, navigation arrows, and common web interface elements, each with its own Unicode codepoint and readable ligature name. The font was built using FontForge and is provided with instructions for integration into HTML and CSS projects.

Permalink designtoolsfont

wrapbootstrap.com

net.tutsplus.com

Chrome Dev Tools: Markup and Style | Nettuts+

This tutorial introduces Chrome Developer Tools, focusing on the Elements panel for inspecting and modifying HTML markup and CSS styles in real time, and the Resources panel for viewing page assets including images, fonts, scripts, stylesheets, cookies, local storage, and cached files. It covers practical features like hovering over elements to highlight them on the page, using the box model visualization to diagnose layout issues, editing CSS properties with auto-completion, and understanding how browsers store authentication data and performance-enhancing resources through cookies and local storage.

Permalink developmenttoolstutorialcss3

www.chromephp.com

ChromePHP

Chrome Logger is a browser extension that displays server-side application logs directly in the Chrome developer console, eliminating the need to check separate log files. After installing the extension and a language-specific library (available for PHP, Python, Ruby, Node.js, .NET, and others), developers add log statements to their code that automatically appear in the browser console. The tool transmits logs via HTTP headers, so users must follow security practices like disabling it in production, avoiding sensitive data, and restricting access to authenticated users only.

Permalink developmenttoolsbrowser

Stephen Hutchings

Typicons

Typicons is a free, open-source icon library distributed as a webfont that works across web and native applications, offering over 220 icons in both solid and outline styles. The project provides source files in SVG format and minified CSS on Github, allowing developers to either use the icons directly or customize them for their own needs. The webfont approach reduces HTTP requests while maintaining resolution independence and retina display support.

Permalink designtoolsopensourcefont

www.day32.com

Sundry MySQL Scripts and Docs

A collection of MySQL administration scripts that automate performance diagnostics and monitoring tasks. The MySQL Performance Tuning Primer analyzes server status variables to recommend optimal settings for connection limits, buffer sizes, and caching; complementary scripts track replication slave delays, monitor replication thread health, and automate hot backups of both MyISAM and InnoDB databases. The tools are designed to work across multiple MySQL versions (3.23 through 5.6) and various operating systems.

Permalink performancetoolsdatabasetutorial

Gist

Mac developer must-haves — Gist

I'm unable to provide a summary of this item. What you've shared appears to be HTML markup and navigation elements from a GitHub Gist page rather than an actual article or document with content to summarize. To help you, I'd need the text of the saved article itself—the substantive content that explains what it argues or reports.

Permalink recommendationsdevelopmentmactools

Webcam Toy

panic.com

iconmonstr.com

GLYPHICONS.com