John Cox

Blogs · @wyome · Now · Shelf

Interesting

ALADINCASH

Jiko - Full Featured Template Engine for JavaScript

Ini bukan artikel, melainkan halaman promosi untuk situs judi slot online bernama Aladincash. Isinya hanya tombol login dan daftar, tautan "alternatif resmi", harga IDR 20.000 yang dikemas seperti produk toko, serta teks yang menyebut situs ini cocok untuk slot "gacor" dengan deposit dan minimal penarikan yang murah. Tidak ada argumen atau laporan yang bisa dirangkum, sehingga halaman ini tampaknya tidak layak disimpan kecuali sebagai contoh spam atau iklan judi.

Permalink

App Store

Mac App Store - Skip Tunes - Spotify, Rdio, and iTunes Controls

Skip Tunes is a free Mac menu bar app for controlling iTunes and Spotify without switching windows. It offers volume control, keyboard shortcuts, track notifications, iTunes ratings, Facebook and Twitter sharing, and a window that can detach from the menu bar. This is its Mac App Store listing, where version 3.4 (November 2024) replaces the iTunes player with Apple Music and fixes the Spotify player, tracking, and UI bugs. It requires macOS 11.5 or later, supports 15 languages, collects no user data, and has too few ratings to show a score, though the developer cites coverage from Cnet, Macworld, Lifehacker, and others.

Permalink appsmusicmacmacos

CSS-Tricks

Line Menu Icon... That Is A Menu | CSS-Tricks

Chris Coyier's experiment replaces the usual three-line "hamburger" navigation icon with the real menu shrunk down to icon size via CSS `transform: scale()`, with hidden parts set to opacity 0. A jQuery class toggle scales it back to full size on click, and `pointer-events: none` on the list keeps the tiny links from firing while it's minified. The rest of the piece covers practical details: a visually hidden "Close" label on a × button, a progressive-enhancement approach that inserts the button with JS and applies the transform styling only when Modernizr detects support, and a note that IE 10 lacks `pointer-events`, so an overlay div may be needed. He admits it's a bit cheesy but likes the idea that the thing you click becomes part of what's revealed.

Permalink designtutorialjquerycss3

flippinawesome.org

www.blacktie.co

(500) http://www.blacktie.co/

What's saved here looks like a newsletter index page rather than a single article, listing teasers for several pieces with no actual content behind them. The lead item, on consumer technology this quarter, promises a look at incremental changes in operating system interfaces and cloud storage pricing, sorting what's real from marketing. The others cover small-business trends (supply costs, staffing, demand), small daily-routine changes in a lifestyle piece, and an archive of reader favorites, plus a weekly digest signup. If you meant to keep one specific argument or report, you'll need to open the full piece, since nothing here goes beyond the descriptions.

Permalink designdevelopmentframework

George Ornbo

The HTML5 Vibrate API | Shape Shed

A short tutorial on the HTML5 Vibration API, then a W3C Candidate Recommendation, motivated by the rise of mobile traffic (Walmart saw over half of its Black Friday visits come from mobile). It shows how to normalise the vendor-prefixed `navigator.vibrate`, feature-detect it, and trigger vibration with a single millisecond value or an array that alternates vibration and pause durations, plus how to cancel. The author couldn't find reliable support documentation, so he tested his own devices: Chrome Beta and Firefox for Android worked, while iOS 7 Safari and stable Chrome for Android did not. It ends with a tongue-in-cheek nod to starting a "dildonics" startup.

Permalink programmingmobiledevelopmenttutorial

David Walsh Blog

5 .htaccess Snippets to Borrow from HTML5 Boilerplate

A roundup of .htaccess snippets borrowed from HTML5 Boilerplate, each with a short code block and rationale: blocking web access to hidden files and directories like version-control folders, gzip-compressing responses by MIME type with mod_deflate, and setting CORS headers so fonts and canvas-read images can be served from another domain or CDN. The longest piece is a mod_expires config giving CSS and JavaScript year-long cache lifetimes, media and fonts a month, and HTML, JSON and XML none, with the tip to add a querystring to file URLs to bust the cache when files change.

Permalink performancesecuritydevelopmenttutorial

www.thepetedesign.com

scrutinizer-ci.com

reactiveraven.github.io

jqBootstrapValidation by ReactiveRaven

This is the configuration and API reference for jqBootstrapValidation, a jQuery plugin that adds validation to Bootstrap forms. It covers the options (sniffHtml for HTML5 attributes, preventSubmit, the submitError and submitSuccess callbacks, autoAdd for help blocks, and filter for skipping fields in multi-stage forms). It also documents the validation and getValidators events, and the destroy, collectErrors, hasErrors and override functions. The most useful part is the override section, which explains how to change default options globally and how to write custom validator types with init and validate functions, with a warning that overriding can break the plugin. The page is unfinished: the validatorTypes and builtInValidators sections are still on the to-do list.

Permalink developmentpluginsjquery

maxwells.github.io

yostudios.github.io

Spritemapper

Spritemapper is a command-line tool, written in pure Python with no third-party dependencies (it ships its own PNG and CSS parsers, explicitly to avoid the pain of installing PIL), that merges a directory of images into a single spritemap and rewrites your CSS with the right background positions. Its pitch is that reducing image requests speeds up page loads, and that you keep writing ordinary CSS `background` declarations with no special syntax. Packing is done by simulated annealing to keep wasted space low. The page covers installation on Unix and Windows (easy_install, an .msi, or from source), the CLI flags, and the config options (set inline in CSS comments or via an INI file), including padding, which helps avoid subpixel artifacts on iOS, and the number of annealing steps.

Permalink performancedevelopmenttoolsopensource

flippinawesome.org

phpbestpractices.org

GitHub

ENFOS/FlowupLabels.js · GitHub

FlowupLabels is a tiny jQuery plugin (under 1kb gzipped) that makes real, semantic form labels sit inside inputs like placeholders and move out of the way as soon as the field gets focus. It builds on Matt D. Smith's concept and Mike Mitchell's FloatLabel.js, but adds a trailing colon to the label so users don't mistake it for prefilled text (the "Search..." problem), and it handles inputs that are already filled on page load. Setup means adding the CSS and JS, applying the `.FlowupLabels`, `.fl_wrap`, `.fl_label` and `.fl_input` classes, and calling `.FlowupLabels()` with optional settings for the focused and populated class names and the onLoad init; it was tested back to IE8.

Permalink designpluginsjquerycss3

David Walsh Blog

8 HTML Elements You're Not Using (and Should Be)

A walkthrough of semantic HTML that argues markup should describe what content is rather than how it looks, which helps accessibility, SEO, and code readability. It goes through eight underused elements: `<q>`, the HTML5 redefinitions of `<i>` and `<b>`, `<abbr>`, `<time>` with machine-readable datetimes that sidestep locale date formats, `<mark>`, the newer `<input>` types, and `<menu>` as a replacement for styled lists. It closes with a bonus on non-breaking spaces and hyphens, plus a caution to check browser support, and points to MDN and the W3C spec for fuller references.

Permalink accessibilitydevelopmenttips

CSS-Tricks

The HTML5 meter Element | CSS-Tricks

A guest tutorial on the HTML5 `meter` element, a gauge for a scalar value within a known range (disk usage, say), as distinct from `progress`, which tracks task completion. It covers the attributes (value, min, max, low, high, optimum) and how they determine the green/yellow/red states. It then builds an OS X-style disk usage bar, styling it through the separate WebKit and Firefox pseudo-elements, with WebKit alone supporting transitions, animation, and ::before/::after content. Since Internet Explorer had no support at the time, the piece closes with two ways to cover it: Randy Peterman's polyfill, or a no-JS fallback of div and span markup placed inside the `meter` tag, which unsupporting browsers render and supporting ones ignore.

Permalink developmenttutorialcss3

Reddit

Why do big websites (e.g., Facebook) use a separate domain to host their resources? : webdev

A forum reply arguing that the main reason big sites like Facebook serve static resources from a separate domain is to keep them cookieless: browsers attach every cookie for a domain to each request, and since upload bandwidth is typically 4 to 20 times slower than download, a 500-byte uncompressed header can take as long to send as a 10 KB response takes to arrive. Dropping cookies from asset requests speeds up small-object loads, lets a site use larger and more numerous cookies, and especially helps mobile users, which the writer sees as the dominant factor today. It also covers the secondary role of CDNs, such as serving big files from nearby servers, getting cache hits on shared libraries like jQuery, and giving small shared-hosting sites a cheap speedup.

Permalink performancedevelopmentinternet