John Cox

Blogs · @wyome

Tagged development · everything

CSS-Tricks

The HTML5 meter Element | CSS-Tricks

This article explains the HTML5 meter element—a semantic gauge for displaying scalar measurements within a known range, such as disk usage or test scores—and demonstrates how to style it across browsers using vendor-specific pseudo-classes like `-webkit-meter-optimum-value` in Chrome/Safari and `::-moz-meter-bar` in Firefox. It provides practical examples of creating an OS X-style disk usage meter with multi-colored gradient fills and offers fallback solutions for older browsers, including both JavaScript polyfills and pure HTML/CSS alternatives that degrade gracefully in unsupported browsers like Internet Explorer.

Permalink developmenttutorial

aef-.github.io

(500) http://aef-.github.io/jquery.masterblaster/

This documentation describes Masterblaster, a jQuery plugin for managing user-generated tags with configurable validation rules like uniqueness, length constraints, and pattern matching. The plugin provides methods to add and remove tags programmatically, fires custom events when tags are modified or validation fails, and offers configuration options for user interaction including trigger keys, animation, and real-time validation behavior.

Permalink developmenttagspluginsjquery

scripting.com

Amazon supports Static JavaScript Apps

Amazon's new AWS SDK for JavaScript in the Browser eliminates the need for a proxy server between browser-based apps and backend services, following Dropbox's earlier breakthrough. Previously, web developers had to build intermediate servers to connect their JavaScript apps to external services like Twitter or Facebook, creating scaling costs and forcing them to seek venture funding or rely on advertising—but now both Dropbox and Amazon allow direct connections from the browser, shifting infrastructure costs to the service provider rather than app developers. If other major platforms like Evernote, WordPress, and Twitter adopt the same approach, it would dramatically simplify app development and enable new business models based on direct user payments rather than investor capital or ad sales.

Permalink developmenttutorial

ngryman.sh

ZURB

www.jsdb.io

JSDB.io - The Database of JavaScript Libraries

This is a product marketing page for RxDB, a NoSQL database designed for JavaScript applications that stores data locally on the client side and syncs with backends, enabling apps to function fully offline with zero-latency queries. The page emphasizes RxDB's cross-platform compatibility, real-time synchronization capabilities, and appeal to developers building field applications in areas with poor internet connectivity, supported by case studies from companies like Readwise, SafeEx, and WooCommerce POS.

Permalink developmentdatabaseframework

chrome.google.com

Chrome Web Store - Clockwork

Clockwork is a browser extension that integrates directly into your developer tools to provide real-time insights into PHP application performance and behavior, displaying request data, database queries, cache operations, log entries, and other runtime metrics without leaving your browser. The tool requires installing a server-side component via Composer and offers first-class support for Laravel applications as well as vanilla PHP setups. The developer does not collect or share user data, and the extension is designed with privacy as a core principle.

Permalink performancedevelopmenttools

ichord.github.io

gruntjs.com

Grunt: The JavaScript Task Runner

Grunt is a task runner that automates repetitive development workflows like linting, testing, minification, and compilation through a configuration file, eliminating manual repetition for individual developers and teams. The Grunt ecosystem offers hundreds of plugins that cover most automation needs, and creating custom plugins for publication is straightforward. The example demonstrates how a single Grunt command can sequentially lint code, run unit tests, clean build directories, concatenate files, and minify output—accomplishing in seconds what would take minutes to do manually.

Permalink developmentautomationtutorial

arshaw.com

FullCalendar - Full-sized Calendar jQuery Plugin

FullCalendar is a widely-used JavaScript calendar library available for multiple frameworks (React, Vue, Angular, and vanilla JavaScript) that offers extensive customization through over 300 settings and a modular plugin system. The documentation provides installation instructions and basic setup examples for each framework, demonstrating how to create a calendar with month, week, and day view options. With over 9 million monthly NPM downloads and a commitment to maintaining a free open-source core while offering premium plugins for enhanced functionality, it serves as a comprehensive solution for integrating calendar functionality into web applications.

Permalink developmentpluginsjqueryframework

gridster.net

ojjs.org

OJ - Unified Templating

CSJS is a JavaScript library that treats web interfaces as objects, unifying HTML, CSS, and JavaScript templating into a single abstraction layer. It includes built-in support for common UI components like lists and tables, integrates with Backbone.js for data binding, and can run both client-side and server-side (with Node.js support in progress).

Permalink developmentframework

softwaremaniacs.org

GitHub

KnpLabs/snappy · GitHub

Snappy is a PHP wrapper around wkhtmltopdf and wkhtmltoimage that generates thumbnails, snapshots, and PDFs from URLs or HTML pages, with framework integrations available for Symfony, Laravel, and Zend Framework. The library requires wkhtmltopdf version 0.12.x and can be installed via Composer. A critical security warning cautions against using the `--enable-local-file-access` option with untrusted content, as it risks exposing local files or enabling remote code execution, and recommends sanitizing input and using sandboxing techniques or alternative tools for unsafe HTML.

Permalink developmenttools

html5doctor.com

The main element | HTML5 Doctor

Following Steve Faulkner's advocacy work, the `<main>` element was formally added to the HTML specification to semantically mark a page's primary content and help assistive technologies identify it through the ARIA landmark role. The element can only appear once per page, cannot nest inside sectioning elements like `<article>` or `<nav>`, and is implemented by simply replacing content divs with the `<main>` tag—a change requiring minimal effort to adopt.

Permalink accessibilitydevelopmenttutorial

ChatJS

tech.pro

ChocolateChip UI

ChocolateChip-UI

I don't have enough coherent content to summarize. The text provided appears to be a collection of fragmented web page snippets about unrelated topics—printer test pages, ChocolateChip-UI (a JavaScript framework), traffic citation payment sites, and survey rewards—without a complete article or argument to synthesize. Please provide the full text of a single article you'd like summarized.

Permalink mobiledevelopmentframework