John Cox

Blogs · @wyome · Now · Shelf

Tagged tutorial · everything

Interesting

GitHub

uilang

uilang is a minimal JavaScript library that lets web designers write interactive UI behaviors using plain English syntax embedded in HTML `<code>` elements, rather than traditional JavaScript. The language works by executing simple click-triggered commands that add, remove, or toggle CSS classes on elements, allowing designers to create common interface patterns like tabs and modals by combining uilang instructions with CSS styling. It deliberately limits itself to click events and class manipulation to keep the learning curve shallow and keep the focus on what designers already know.

Permalink designprogrammingtutorial

David Walsh Blog

Write Better JavaScript with Promises

This article explains how JavaScript promises improve upon callback-based code by allowing cleaner syntax, better error handling through `.done()`, `.fail()`, and `.always()` methods, and the ability to chain multiple asynchronous operations together. It demonstrates practical advantages like composing reusable API wrapper methods and combining multiple API calls simultaneously using `.when()`, which would be cumbersome with traditional nested callbacks.

Permalink tutorialjquery

web.dev

vyasrao.github.io

Untitled (http://vyasrao.github.io/tAutocomplete/)

This is documentation for a jQuery plugin that transforms autocomplete functionality into a searchable data table, allowing users to view multiple columns of related information (like country name, code, and capital) rather than a simple dropdown list. The plugin offers customizable features including column visibility, keyboard navigation, keyword highlighting, and multiple theme options, with support for both local data and AJAX-loaded datasets. Configuration is handled through straightforward parameters like width, columns, placeholder text, and callbacks, though the developer notes it lacks mobile optimization and currently limits dropdown display to 15 elements.

Permalink tutorialpluginsjqueryajax

iosdevelopertips.com

Swift Access Control - Private, Internal and Public [iOS developer:tips];

I can't write a meaningful summary of this piece because it appears to be a landing page or placeholder for a non-profit organization still under development, rather than an article or report that makes specific arguments or conveys concrete information. The page describes general intentions (volunteer distribution, skill-building, safe spaces) without detailing any actual community impact initiative, outcomes, or reporting.

Permalink programmingdevelopmenttutorialios

raganwald.com

A JavaScript Constructor Problem, and Three Solutions

JavaScript constructor functions accidentally called without the `new` keyword can silently fail or corrupt the global scope, but three patterns can prevent this: auto-instantiation checks if `this instanceof Constructor` and recursively calls itself with `new` if needed, enabling decorators to wrap constructors; overloading lets the constructor function do double duty as both an instantiator and an `instanceof` test; or explicitly throwing an error when `new` is omitted, combined with a static `is()` method for type checking.

Permalink designprogrammingdevelopmenttutorial

evertpot.com

Promises in PHP

The author implemented Promise support in the sabre/event 2.0 library after finding a practical use case: building a client for a web service requiring numerous HTTP requests that needed to execute both sequentially and in parallel. Though Promises are uncommon in PHP since the language lacks the asynchronous architecture and event loops typical of JavaScript, the author distilled the pattern into a single relatively simple class that proved ideal for managing complex request ordering and concurrent operations.

Permalink programmingdevelopmenttutorial

Treehouse Blog

Absolute Beginner's Guide to Swift

This tutorial introduces Swift's fundamental syntax and features for beginners learning Apple's new programming language. It covers core concepts including variables and constants (var vs. let), basic data types (String, Int, Double, Bool), collection types (arrays and dictionaries), control flow structures (loops and conditionals), and function definition, emphasizing Swift's design priorities of safety, modernity, and power. The piece positions Swift as a deliberate replacement for Objective-C that balances developer experience with language rigor, featuring immutability by default and type inference to prevent common programming errors.

Permalink programmingtutorialios

GitHub

wicky.nillia.ms

Hide your header on scroll - Headroom.js

Headroom.js is a lightweight JavaScript library that hides a website's header when users scroll down and reveals it again when scrolling up, solving the problem of fixed headers consuming valuable screen space on both large and small screens. The library works by adding and removing CSS classes in response to scroll events, giving developers complete flexibility to style the behavior with custom CSS transitions and effects. It offers multiple integration options including vanilla JavaScript, jQuery, and AngularJS, with configurable offsets, scroll tolerance, and callback functions to customize when and how the header responds to scrolling.

Permalink performancetutorialjquery

Smashing Magazine

An Introduction To Node.js And MongoDB | Smashing Magazine

This tutorial walks through building a basic Node.js server that queries a MongoDB database and serves the results as an HTML page. It covers installing Node.js, MongoDB, and the MongoJS library, then demonstrates how to connect to a MongoDB instance, execute a database query to retrieve filtered records, iterate through the results, and render them as HTML to send to the browser. The example queries a collection for vehicles with a red finish and displays their properties on a localhost server running on port 8888.

Permalink programmingdevelopmentdatabasetutorial

ericleads.com

Web Designer Depot

10 jQuery snippets every designer should know | Webdesigner Depot

This piece compiles ten frequently-used jQuery code snippets for common web development tasks, ranging from simple animations like "back to top" buttons and fade/slide toggles to practical utilities like disabling form inputs, handling broken images, and creating accordions. Rather than explaining jQuery concepts from scratch, it presents ready-to-use solutions that developers at any skill level can copy and adapt, such as toggling CSS classes on hover, preventing default link behavior, and matching the heights of multiple elements on a page.

Permalink designtutorialjquery

Federico Ramírez on Svbtle

The right way of caching AJAX requests with jQuery

jQuery's `.promise()` and `.done()` methods provide a cleaner alternative to callback-based AJAX handling by allowing you to cache requests and their results elegantly. Rather than manually tracking request states with null values, you can store the promise object itself in a cache and attach callbacks to it, which fire immediately if already resolved or when resolution occurs. The article also demonstrates how `$.when()` combines multiple promises to elegantly handle dependent AJAX calls without callback nesting.

Permalink tutorialjqueryajax

web.dev

Home — Google Web Fundamentals

This is a hub landing page from Google Chrome's web development resources site, offering guides, courses, and documentation across topics like HTML, CSS, accessibility, performance, payments, and AI integration. The site aggregates educational content on modern web standards and best practices, organized into learning paths for developers at various skill levels.

Permalink accessibilityperformancetutorial

www.sitepoint.com

12 Little-Known CSS Facts

A collection of lesser-known CSS properties and behaviors that even experienced developers might overlook, including how the color property affects not just text but also alt text, list markers, and borders; the rarely-used visibility collapse value for tables; the expanded background shorthand now including background-size, background-origin, and background-clip; and quirks like vertical percentage values being calculated against container width rather than height, the clip property only working on absolutely positioned elements, and text-decoration becoming a shorthand property for line, color, and style. The post also covers niche features like border-image, empty-cells for tables, and the oblique font-style value, most of which have limited practical application but are worth knowing about for edge cases.

Permalink developmenttipstutorialcss3

Telerik Blogs

Seven JavaScript Quirks I Wish I’d Known About | Telerik Developer Network

JavaScript has several counterintuitive behaviors that trip up developers transitioning from typed languages, including type coercion with the == operator (which should be avoided in favor of ===), the dynamic nature of the `this` context that changes based on how a function is invoked, and the difference between function declarations and function expressions in how they're hoisted and scoped. Understanding these quirks—along with practical techniques like using bracket notation for dynamic property access, immediately invoked function expressions (IIFEs) to manage scope and avoid polluting the global namespace, and methods like `call`, `apply`, and `bind` to explicitly control function context—enables developers to write more reliable code and avoid common pitfalls that create subtle, hard-to-debug issues.

Permalink programmingtipstutorial

jquery-spellchecker.badsyntax.co

jQuery Spellchecker demos

The jQuery spellchecker is a lightweight plugin that integrates spell-checking functionality into web forms and DOM elements, offering multiple backend drivers (PSpell, Google) and support for various rich text editors like TinyMCE, CKEditor, and Redactor. The plugin can check spelling in plain textareas, HTML content, or multiple fields simultaneously, making it flexible for different use cases. It includes several demo implementations showing how to set up spell-checking across different editor types and languages.

Permalink developmenttoolstutorialplugins