John Cox

Blogs · @wyome

Tagged tutorial · everything

What Are Packaged Apps? - Google Chrome

Chrome Apps are web applications built with HTML5, CSS, and JavaScript that run across multiple platforms—Windows, OS X, Linux, Android, iOS, and Chromebooks—without requiring separate native builds for each operating system. Unlike standard web apps, Chrome Apps can integrate deeply with the desktop, access file systems and hardware features like USB and Bluetooth, and appear as native applications without browser chrome like address bars or tabs. The format is particularly valuable for device manufacturers, educators deploying Chromebooks in classrooms, and healthcare providers seeking cost-effective, cross-platform solutions.

Permalink

Making it Work: Flat Design and Color Trends - Designmodo

Flat design relies heavily on color choice to create visual impact, with three main trending approaches: bright, fully saturated colors that pop against any background; retro tones that mute bright hues with white for an old-school feel; and monotone schemes that use a single base color with black and white tints for contrast. Rather than following traditional color-pairing rules, flat design palettes prioritize matching tone and saturation levels across multiple colors while maintaining enough contrast to guide users and create visual interest.

Permalink

Stylish Image Bars jQuery plugin

I appreciate you sharing your professional background, but this appears to be a personal portfolio or CV rather than a saved article. The summarization tool you're using is designed to create brief summaries of articles, reports, or substantial written pieces that someone has saved for later reference—helping you quickly remember what a piece argues or reports without re-reading it. If you have an actual article you'd like summarized, paste it here and I'll create a concise two or three sentence summary capturing its core argument or findings.

Permalink

Fullscreen Layout with Page Transitions

This page demonstrates a responsive web layout template built on a four-box grid system that expands to fullscreen when clicked, with other boxes scaling down and fading out. The Works section features a different transition effect where portfolio items slide up from the bottom while the current view scales down, allowing users to navigate through projects. The template includes sample sections for portfolio work, blog posts, and contact information with placeholder text.

Permalink

List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development

This comprehensive reference documents vendor-specific pseudo-elements available across browser rendering engines (Trident, Gecko, WebKit) that allow developers to customize the appearance of form controls like inputs, buttons, progress bars, and textareas—elements historically locked behind browser defaults. Each pseudo-element is catalogued with code examples and screenshots showing how to apply CSS styling to components like file upload buttons, range sliders, date pickers, and meter elements, with notes on engine-specific quirks like requiring `-webkit-appearance: none` in WebKit before styling certain pseudo-elements.

Permalink

Tooltipster - The jQuery Tooltip Plugin

Tooltipster is a jQuery plugin that creates customizable tooltips using CSS animations and semantic HTML. It offers extensive configuration options for positioning, styling, animation speed, and trigger behavior (hover, click, or custom), plus an API for dynamic content updates and AJAX integration. The plugin supports HTML content within tooltips, multiple themes, callback functions, and touch device compatibility.

Permalink

10+ JavaScript Shorthand Coding Techniques | jQuery4u

This comprehensive guide collects 19+ JavaScript shorthand techniques designed to reduce code verbosity and improve coding efficiency, presenting each technique with both longhand and shorthand examples. The shortcuts covered range from ternary operators and null-checking with logical OR to object literal notation, assignment operators, RegExp shortcuts, and alternative approaches to switch statements using lookup tables. The post serves as a practical reference for developers seeking to write more concise, readable JavaScript while maintaining functionality.

Permalink

Tools, tips and links on optimizing mySQL | drupal.org

This guide provides practical MySQL optimization techniques for Drupal sites, covering configuration file tuning, appropriate storage engines (InnoDB over MyISAM for write-heavy tables, Archive for append-only logs), and tools for identifying performance bottlenecks like the MySQL Performance Tuning Primer Script and MySQLTuner. It includes sample my.cnf configurations scaled for different RAM allocations and recommends focusing optimization efforts on slow query logs, proper thread caching, and table maintenance routines like OPTIMIZE TABLE.

Permalink

What's The Point Of Promises?

Promises fundamentally represent eventual values from operations, allowing asynchronous code to be written in patterns that mirror synchronous code. Beyond the commonly cited benefit of flattening callback nesting, the real power of promises lies in decoupling handler functions (enabling reusability), managing parallel asynchronous operations, and—critically—properly propagating errors through callback chains as failed states rather than thrown exceptions. Libraries should ideally use promises internally to create clean, fluent APIs that let users write asynchronous operations much like they would write synchronous ones.

Permalink

What to tune in MySQL Server after installation - MySQL Performance Blog

Percona Server for MySQL 9.7.2-2 introduces native DISTANCE() and VECTOR_DISTANCE() functions that enable vector similarity calculations directly within SQL queries, supporting multiple distance metrics including cosine, Euclidean, Manhattan, and dot product scoring. This addition allows developers to perform vector-based operations—essential for AI and machine learning applications—without requiring external specialized databases or complex workarounds.

Permalink

jQuery Boilerplate

This article argues that women are more effective communicators than men because they cultivate relationships through authentic dialogue, practice active listening, and resolve conflicts constructively through empathy and negotiation rather than aggression or avoidance. It contrasts genuine emotional communication with superficial transactional interactions, positioning women's communication skills as rooted in both natural predisposition and social conditioning that values emotional sharing and collaboration. The piece suggests that this distinctively female approach to dialogue—whether in family or workplace settings—creates deeper connections and healthier long-term relationships compared to more transactional or conflict-avoidant communication styles.

Permalink

database - Binary log error in mysql - Stack Overflow

This Q&A thread explains how to enable binary logging in MySQL. The error occurs because binary logging is disabled by default; to fix it, you must add `log-bin=mysql-bin` to the `[mysqld]` section of your MySQL configuration file (my.cnf on Linux or my.ini on Windows), then restart the MySQL service. Once enabled, MySQL will automatically generate and maintain binary log files, which you can then view with the SHOW BINARY LOGS command.

Permalink