John Cox

Blogs · @wyome · Now · Shelf

Tagged tools · everything

Interesting

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

Bounce – A fun and easy way to share ideas on a website

Bounce was a feedback tool that let users capture screenshots of webpages, annotate them with contextual notes, and share them for collaborative review before the feedback could be passed back and forth. The product has been retired and replaced by Helio, which expands on Bounce's core concept by enabling designers to gather real-time feedback from thousands of users and generate actionable insights more quickly.

Permalink

Ben Alman » jQuery doTimeout: Like setTimeout, but better

doTimeout is a jQuery plugin that simplifies managing delayed code execution, polling loops, and debouncing by maintaining an internal cache of timeout IDs so developers don't have to track them manually. It offers a cleaner API than native setTimeout while remaining fully jQuery chainable, allowing for easy cancellation, forced execution, and complex behaviors like polling until a condition is met or debouncing repeated events. The plugin is tested across major browsers and provides practical examples for common use cases like window resize handlers and typeahead search inputs.

Permalink

Subtle Patterns | High quality patterns for your next web project

This is a collection of downloadable pattern designs from various creators, including traditional Japanese patterns like seigaiha (concentric wave arches symbolizing good fortune) and asanoha, as well as contemporary textile and decorative patterns. Each pattern is credited to its designer and dated, with brief descriptions explaining the inspiration or style—ranging from fabric textures to weather-themed designs to colorful waves.

Permalink