John Cox

Blogs · @wyome

Tagged tools · everything

Formalize CSS - Teach your forms some manners!

Formalize is a CSS and JavaScript framework that standardizes the appearance of HTML form elements across browsers and operating systems, eliminating the inconsistent default styling that varies by platform. The lightweight solution works with multiple JavaScript libraries (jQuery, Dojo, Prototype, etc.) and provides progressive enhancement for HTML5 support in older browsers, requiring only simple stylesheet and script includes to implement. It aims to give designers control over form styling without requiring extensive custom code or abandoning semantic HTML.

Permalink

List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript by @javve

List.js is a lightweight vanilla JavaScript library that transforms plain HTML lists and tables by adding search, sorting, and filtering capabilities through simple CSS class conventions. The library works in three flexible modes: enhancing existing HTML, using existing HTML as a template while programmatically adding items, or generating lists entirely from JavaScript data. It requires minimal setup—just defining value names in options and using standard class names like "search," "sort," and "list" to automatically wire up functionality without external dependencies.

Permalink

When can I use... Support tables for HTML5, CSS3, etc

This is a homepage for a browser compatibility checking tool that lets developers test website features across thousands of real browsers and devices through a BrowserStack partnership. The site allows users to vote on missing features, import analytics data from Google to check feature support among their actual visitors, and customize which browser versions to display based on usage thresholds. It provides scores for current browser versions and includes options to visualize support data relative to usage statistics.

Permalink

geoPlugin to geolocate your visitors

GeoPlugin is an IP geolocation API service that identifies visitor location (country, region, city, and coordinates) from their IP address in a single request, with country-level accuracy around 99.9% and city-level around 80%. The platform integrates into existing websites and e-commerce platforms like Shopify, WordPress, and Webflow with minimal code, enabling use cases like redirecting visitors to localized sites, showing local currency, blocking sanctioned countries, and detecting VPNs or proxies. It processes IP data compliantly with GDPR and CCPA by anonymizing addresses after lookup and not storing them against personal profiles.

Permalink

25 "Time-saving" Generators for Designers - HTML

This is a curated list of 25 web-based design generator tools covering loading icons, color schemes, backgrounds, buttons, CSS effects, and other UI elements. Each tool is presented with a brief description of its primary function, ranging from practical utilities like favicon and CSS button generators to creative applications like avatar customization and text-based image creation. The collection is designed to help web designers and developers quickly prototype visual elements without needing advanced software like Photoshop.

Permalink

CSS3 Patterns Gallery

I cannot summarize this document as requested. The text provided appears to be a webpage about CSS gradient patterns—specifically the interface and guidelines for a pattern gallery—rather than a saved article with a substantive argument or report. It contains only technical specifications, browser compatibility notes, and submission criteria, with no central thesis or informational content to summarize.

Permalink

Animate.css - a bunch of plug-and-play CSS animations

Animate.css is a ready-to-use CSS animation library that provides pre-built animations for web projects, installed via npm or CDN and applied by adding class names like `animate__animated` and `animate__bounce` to HTML elements. Version 4 introduced breaking changes, most notably prefixing all classes with `animate__`, though a compatibility file is available for migration from older versions. The library uses CSS custom properties for flexible customization of animation duration, delay, and iteration count, and includes utility classes for common timing adjustments and best practices guidance on using animations meaningfully without degrading user experience.

Permalink

Incredibly Useful CSS Snippets

I can see you've provided a list of article titles and dates, but no actual article content to summarize. To write the summaries you're requesting, I would need the full text of each article. Could you please share the actual content of the article(s) you'd like me to summarize?

Permalink

jQuery Tokeninput

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Permalink