John Cox

Blogs · @wyome · Now · Shelf

Tagged tools · everything

Interesting

jQuery plugin: Easy List Splitter | Andrea Cima Serniotti

This post introduces Easy List Splitter, a lightweight jQuery plugin that transforms single lists into multi-column layouts by splitting list items across multiple columns and wrapping them in a container div. The plugin generates clean HTML without inline styles, supports both vertical and horizontal item ordering, preserves nested lists, and allows different column configurations for multiple lists on the same page. All styling is handled through CSS classes rather than hardcoded JavaScript, keeping the plugin size minimal at 4KB with no dependencies.

Permalink

Best User Interface Design Resources: The Round-up | Dzine Blog

This piece curates 40 user interface design resources across five categories: pattern libraries like PatternTap and UI Patterns that showcase existing design solutions, blogs and magazines such as UX Booth and Signal vs. Noise that discuss UX principles and techniques, specific websites praised for exemplary interface design, web applications like Twitter and Google Analytics that demonstrate usability best practices, and influential UI designers to follow on Twitter. Rather than prescribing one correct approach to design, the article presents these resources as inspiration and guidance tools to help designers understand what users might need and create interfaces that balance aesthetics with functionality.

Permalink

Easy server monitoring with e-mail, SMS, iPhone alerts - Server Density

Zarpra is a managed IT services company that takes over application support and infrastructure management for organizations with neglected or undocumented tech stacks, providing documentation, stabilization, and ongoing support rather than piecemeal fixes. The company emphasizes establishing clear ownership and responsibility for systems, managing access controls and user administration, and handling daily IT operations without downtime—positioning itself as the missing "foreman" for companies whose technical infrastructure has grown chaotic through lack of coordination.

Permalink

DataTables (table plug-in for jQuery)

DataTables is an open-source JavaScript library for transforming HTML tables into interactive data grids with features like pagination, sorting, searching, and responsive design. It requires no dependencies, works with vanilla JavaScript and popular frameworks like React and Vue, and can be installed via NPM or CDN. The tool is designed for developers who need to quickly add advanced table functionality without building custom solutions from scratch.

Permalink

Home | www.bigbluebutton.org

This is promotional material for BigBlueButton, a virtual classroom platform designed specifically for educational use rather than general video conferencing. The platform emphasizes pedagogical features like breakout rooms, polling, whiteboards, and live engagement analytics, and claims adoption by major learning management systems serving over 75% of the LMS market worldwide, with a case study showing students in online GCSE Maths and English classes achieved full grade points higher than in-person equivalents.

Permalink

Make an Editable/Printable HTML Invoice | CSS-Tricks

The author describes creating a lightweight, browser-based editable HTML invoice template that mimics FreshBooks' interface using simple `<textarea>` elements. The approach requires no special software beyond a web browser, can be hosted on a website for access from any computer, and preserves user edits if the page is accidentally refreshed. The solution is deliberately minimal but practical for those with basic invoicing needs who want to print or save invoices as PDFs.

Permalink

HandBrake

HandBrake is a free, open-source video conversion tool maintained by volunteers that supports conversion from virtually any video format to modern, widely-compatible codecs. The software runs on Windows, Mac, and Linux platforms and requires no payment or licensing fees.

Permalink

55+ Extremely Useful Online Generators for Designers

This post curates a comprehensive directory of over 50 free online generator tools organized by category—including background, favicon, color, CSS, form, and text generators—designed to help web designers automate repetitive tasks and save time during the design process. The author hand-picked each tool and grouped them for easy browsing, emphasizing that these generators produce quality results while dramatically reducing design workload. The post invites readers to contribute additional generator tools they've found useful to expand the collective resource.

Permalink