Blogs · @wyome
Tagged tutorial · everything
This jQuery plugin replaces verbose keycode comparisons with human-readable keyboard event bindings, letting you write `bind('keyup:escape', fn)` instead of checking `e.which == 27`. It supports common keys like escape, enter, arrow keys, and letters, works with Backbone.js event declarations, and allows you to define custom key aliases.
#jQuery Page Walkthrough - nicely done!
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.
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.
Improve page load times |
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.
I can't summarize this piece because it appears to be HTML and JavaScript code for creating interactive donut charts, not an article with argumentative or reportorial content. If you meant to save a different article about donuts, please share that instead.
This is a documentation page for a Bootstrap-based marketing site template, updated to Bootstrap version 2.02, that provides setup instructions and guides for implementing navigation bars in three configurations (fixed-top, static full-width, and static inside container). It appears to be an overview page directing users to more detailed resources for organizing markup, CSS, and JavaScript, with additional content on tabs and pills coming soon.
The Module Pattern structures JavaScript code into self-contained objects with clearly defined settings, initialization methods, UI event binding, and helper functions—creating a consistent, readable approach where every module follows the same template and is initialized through a single entry point. This pattern makes code maintainable across multiple developers and time, encourages reusability, and creates testable functions by breaking functionality into small, specific tasks rather than scattered global code.
This is a curated collection of free web development courses created by industry experts in collaboration with the Chrome team, covering foundational topics like HTML and CSS alongside specialized areas including performance optimization, privacy, progressive web apps, responsive design, and AI for web developers. The courses are designed to be followed sequentially or sampled individually depending on your learning goals and experience level.
The author describes his experience developing the Basecamp iOS app using RubyMotion, a tool that lets Ruby developers write native iPhone applications without learning Objective-C from scratch. He shares practical lessons including avoiding Xcode's Interface Builder by coding layouts directly, adopting Objective-C naming conventions for consistency with iOS APIs, leveraging the BubbleWrap gem for common tasks, and prioritizing device testing over simulator work to catch real-world performance issues. His conclusion is that RubyMotion successfully lowered the barrier to mobile development by preserving his existing Ruby workflow while making it possible to ship a production app.
iTunes Match hangs on Steps 2 or 3 when your music library contains mixed media formats (MP3s, older AAC files, or protected files) instead of uniform unprotected AAC 256 kbps files—a software bug that leaves files stuck in an endless loop rather than marking them ineligible. Convert all non-compliant files to iTunes 10.5.1 AAC 256 kbps encoding using smart playlists or individual selection, then delete the originals from iTunes, your computer, and iCloud before re-running the match. If Step 3 still hangs after converting all files, the problem is likely a firewall or modem blocking the upload port, which you can identify in Activity Monitor's Open Files and Ports window and resolve through your modem's settings.
WebRTC is a set of open-source browser APIs enabling real-time audio, video, and data communication between peers without plugins, built on standardized protocols like DTLS and SRTP for encryption and security. The technology uses three main APIs—MediaStream (for accessing camera/microphone), RTCPeerConnection (for peer-to-peer streaming), and RTCDataChannel (for generic data exchange)—along with signaling protocols and NAT traversal mechanisms like STUN and TURN to establish connections across firewalls. WebRTC democratizes real-time communication by eliminating the need for downloads, plugins, or proprietary software while keeping encryption mandatory and requiring explicit user permission for camera and microphone access.
The `<main>` element is a new HTML5 structural tag that wraps a page's primary content and should appear only once per document, replacing older patterns like `<div id="main">`. It improves accessibility by helping screen readers and assistive technologies identify the core content, and it must not be nested within article, aside, footer, header, or nav elements. While modern browsers support it natively, older browsers require CSS (`display: block`) or the html5shiv polyfill to render it correctly.
Toolbar.js is a jQuery plugin that creates iOS-style expandable toolbars for websites, using Bootstrap's icon set and CSS for consistency and easy customization. The plugin can be attached to any element and positioned horizontally or vertically, with simple integration requiring just JavaScript and stylesheet includes followed by basic jQuery configuration.
#HTML5 Sortable #jquery
This is a tutorial for implementing a reusable confirmation dialog using jQuery UI that intercepts clicks on links and form submissions. The script captures elements with a "confirm" class, displays a modal dialog with customizable messages (pulled from the `rel` attribute or a default), and only proceeds with the action if the user clicks "Confirm" rather than "Cancel". You need jQuery, jQuery UI components, and an empty div with `id="dialog"` in your HTML for the dialog to appear.
This guide explains how to write faster jQuery selectors by leveraging browser capabilities and understanding how jQuery's selector engine works. Key strategies include preferring ID selectors over class selectors, qualifying class selectors with tag names, keeping selectors simple rather than deeply nested, structuring selectors to start with the most specific elements, and avoiding redundant selector calls through chaining or caching. The article emphasizes that older browsers lack native support for complex CSS selectors and must use jQuery's Sizzle engine to manually parse and search the DOM, making optimization particularly important for cross-browser compatibility.
This article offers practical advice for beginner iOS developers, emphasizing modern tools and practices like ARC for memory management, blocks for cleaner code, and Grand Central Dispatch instead of manual threading. The author advocates for code-based layouts over Interface Builder for anything beyond basic apps, recommends embracing open-source libraries managed through CocoaPods, and stresses the importance of crash tracking, code analysis, and localization from the project's start. Throughout, the piece balances technical guidance with opinions on what tools work best in real-world development scenarios.