John Cox

Blogs · @wyome

Tagged tools · everything

videojs.com

HTML5 Video Player | Video JS

Video.js, a web video player that has dominated its category for 15 years, has undergone a complete architectural rebuild for version 10 to meet modern web standards. The rewrite separates the UI from media rendering into independent, modular components that work through open APIs, enabling smaller bundle sizes through tree-shaking and code splitting. The project is on a release roadmap extending through late 2026, with Mux (founded by Video.js's original creator) now serving as the corporate steward following Brightcove's tenure.

Permalink videotoolsopensource

sickdesigner.com

Sickdesigner.com | HTML5 Starter Pack – a sick freebie

The author presents a scalable HTML5 starter pack designed to jumpstart web projects while minimizing tedious setup work, featuring cross-browser compatibility (including IE6), responsive design via CSS media queries, included web fonts, and a bonus Photoshop template for design mockups. The pack prioritizes practical reusability with structural CSS classes and has been updated to properly support @font-face implementation based on user feedback. It's positioned as a middle ground between rigid templates and building from scratch, demonstrated through a project page built with the pack itself.

Permalink designtoolsframework

blogama.org

webdesignledger.com

10 jQuery Plugins to Help with Web Page Layouts | Tools

This article surveys ten jQuery plugins designed to handle complex page layouts that CSS alone cannot achieve, ranging from flexible container systems and masonry-style grid arrangements to newspaper-column formatting and text-wrapping solutions. The plugins span different layout challenges: some create draggable, resizable containers (mb.containerPlus, UI.Layout), others implement multi-column layouts (Columnizer, js-columns), and a few solve specific problems like making elements equal height or wrapping text around image contours rather than bounding boxes. The selections assume jQuery as the necessary tool for designers facing layout requirements beyond standard CSS float and positioning capabilities.

Permalink toolsjquerycss3

Greepit

Welcome to HTML5 and CSS3 - Tools, Resources & Frameworks | Greepit

This is a curated collection of tools, libraries, and resources for working with HTML5 and CSS3, organized by category including browser compatibility testers, design generators, video players, frameworks, and practical applications. It serves as a reference guide for developers and designers looking to implement modern web standards while maintaining cross-browser support and graceful fallbacks for older browsers. The collection emphasizes alternatives to proprietary plug-ins like Flash and includes both testing utilities and production-ready frameworks.

Permalink toolstutorialcss3

net.tutsplus.com

Top 50 Web Graphics, Admin Skins and Scripts to Accelerate Development | Nettuts+

This article showcases a curated selection of ready-made design assets and scripts available on Envato's marketplace sites, including admin panel templates, web graphics, error page designs, and jQuery plugins that developers can purchase and integrate into their projects. The featured items span practical tools like sticky navigation menus and image sliders to visual elements like ribbons, buttons, and 404 page templates, all created by freelance authors in the Envato community. The piece concludes by promoting the opportunity to become a marketplace author and earn passive income by selling similar design assets.

Permalink designdevelopmenttoolstutorial

meyerweb.com

CSS Tools: Reset CSS

Eric Meyer's CSS reset stylesheet removes default browser styling inconsistencies in margins, padding, line heights, and font sizes across HTML elements, providing a neutral baseline for custom styling. The reset is intentionally generic and positioned as a starting point rather than a finished product—users are expected to customize it with their own color schemes, typography, and design preferences. The stylesheet is explicitly released into the public domain and has become widely adopted in CSS frameworks like Blueprint.

Permalink designtoolsopensource

www.madeincima.eu

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 developmenttoolspluginsjquery

DzineBlog.com

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 designtoolstutorialusability

www.serverdensity.com

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 securitybusinesstools

code.google.com

DocsPal.com

Shareaholic

www.datatables.net

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 toolstutorialopensourcejquery

BigBlueButton - Open Source Web Conferencing

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 communicationeducationtoolsopensource

CSS-Tricks

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 businesstoolstutorialcss3