John Cox

Blogs · @wyome · Now · Shelf

Tagged tutorial · everything

Interesting

Designmodo

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 designcolortutorialtrends

tympanus.net

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 animationtutorial

tjvantoll.com

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 developmenttutorialcss3

Tooltipster - The jQuery Tooltip Plugin

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 tutorialpluginsjquerycss3

www.jquery4u.com

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 developmenttipstutorialcoding

www.codeproject.com

Drupal.org

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 performancetoolsdatabasetutorial

Telerik Blogs

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 programmingdevelopmenttutorial

Percona

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 performancedatabasetutorial

Alaskiwi Adventures

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 developmenttutorialjqueryframework

stackoverflow.com

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 databasetutorial

isocra.com

Table Drag and Drop JQuery plugin | Isocra Consulting

TableDnD is a jQuery plugin that enables users to reorder table rows through drag-and-drop, with support for marking individual rows as non-draggable or non-droppable, and the ability to trigger custom functions on drag start and drop events. The plugin handles limitations of general-purpose drag-and-drop utilities specific to tables, such as moving entire rows rather than individual cells and avoiding problematic fade effects. It includes a serialization feature that converts the new row order into a query string format suitable for sending to a server via AJAX to persist the changes.

Permalink developmenttutorialpluginsjquery

Web Designer Depot

What’s new for designers, March 2013 | Webdesigner Depot

This roundup of March web design and development resources catalogs dozens of newly released or updated tools across multiple categories—from responsive frameworks like Foundation 4 and Adobe's visual design apps to productivity software like Do and Mailstrom, open-source solutions like ownCloud, and specialized utilities for typography, image galleries, and social media management. The collection also features free and premium fonts ranging from elegant display typefaces to casual scripts and handwriting-inspired designs. Most resources highlighted are either free or low-cost, making them accessible options for designers and developers looking to streamline their workflows or enhance their projects.

Permalink designtoolstutorialframework

Creative Bloq

BRYAN PERSONAL INJRY LAWYERS

My First 5 Minutes On A Server; Or, Essential Security for Linux Servers | Bryan Kennedy

This is promotional content from a personal injury law firm describing the services car accident attorneys provide, including case assessment, evidence collection, insurance negotiation, and courtroom representation. The piece emphasizes how Bryan Personal Injury Lawyers and similar firms help clients navigate the legal and financial consequences of car accidents, from determining liability to securing compensation for medical expenses and damages. It's essentially a marketing guide designed to convince accident victims to hire a personal injury attorney for representation.

Permalink securitytutorial