Hogan.js
Hogan.js -
Interesting
15 Automator and AppleScripts You Can’t Live Without - Mac, News—iPhone.MY
15 #Automator and #AppleScripts You Can’t Live Without - Mac -
25 "Time-saving" Generators for Designers - HTML
A roundup of 25 free web-based design generators, aimed at designers who want to skip Photoshop for routine assets. The tools fall into clusters: loading spinners (Loader Generator, AjaxLoad), color matching (ColorWizard, Color Scheme Designer, Pictaculous), and background patterns in stripes, dots, tartan and pixel tiles (StripeGenerator, Stripemania, Dotter, Patternify, BgPatterns). It also covers CSS code generators for buttons, tabs, menus, text shadows and cross-browser CSS3 rules, plus oddities like Textorizer for text-built images, UNIQUE for avatar creation, and Favicon CC for drawing favicons online. Each entry gets only a line or two of description, so it works as a bookmark list of tools rather than a comparison or tutorial.
(500) http://snipplr.com/view/11578/
A short jQuery snippet from a code-sharing site that auto-formats a US phone number as the user types into an input named "phone." On keyup it checks the string length, wrapping the first three digits in parentheses with a trailing dash at 3 characters and adding a second dash at 9, so "0000000000" becomes (000)-000-0000. It's a bare-bones approach, relying on the old `@name` attribute selector syntax and on length checks rather than stripping non-digits or handling backspace and pasting, so it's useful as a quick starting point rather than a robust solution.
selector - jQuery Set Select Index - Stack Overflow
This Stack Overflow thread answers how to select a `<select>` option by its index in jQuery, and explains why `$('#selectBox')[3].attr(...)` fails: bracket indexing returns a raw DOM element, not a jQuery object. The answers offer several working routes, including `:eq()`/`.eq(3)` with `.prop('selected', true)`, setting `selectedIndex` directly, and `.val()` when you know the option's value rather than its position. Comments add the practical gotchas: prefer `.prop()` over `.attr()` after jQuery 1.6, call `.change()` yourself since programmatic changes don't fire it, and watch for browser quirks (especially old IE) with some approaches.
webgeekly.com - the daily fix for web design geeks.
How To Use #jQuery Event Handling On Dynamic Elements | -
CSS3 Patterns Gallery
This is Lea Verou's CSS3 Patterns Gallery, a collection of background patterns (stripes, checks, polka dots, zigzags and the like) built purely from CSS gradients rather than image files or data URIs. Each pattern expands to show its editable code, and the stated aim is faster page loads through fewer HTTP requests and smaller files, without the unreadable data-URI strings in stylesheets. The page also covers browser support (Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+, IE10+, with caveats such as buggy radial gradients in Gecko) and submission criteria that favor new techniques and patterns whose gradient count and code size justify the effect.
Animate.css - a bunch of plug-and-play CSS animations
This is the documentation for Animate.css v4, a library of ready-to-use CSS animations. Classes now need the `animate__` prefix and durations, delays and repeats are controlled through CSS custom properties. It covers installation via npm or CDN, utility classes for delay, speed and repeat, JavaScript hooks like `animationend`, and custom builds with a configurable prefix. It also includes a compat build (`animate.compat.css`) that drops the prefix to ease migration from v3. The guidance on restraint is what sets it apart from other animation references: use animations only to make an intention clear, avoid infinite loops, large elements and animating `<html>` or `<body>`, and never disable `prefers-reduced-motion`. It also lists gotchas such as animating only block or inline-block elements, handling overflow scrollbars, and needing JavaScript for pauses between repeats.
How to Create an Awesome Scrolling Navigation using jQuery - thebeebs - Site Home - MSDN Blogs
A walkthrough of recreating the horizontal scrolling navigation from Flipboard's website (a .net award nominee) using jQuery. The trick is parallax: the logo and its background triangle are animated over the same 1000ms as the content panels but travel different distances (200px and 300px per step), so they appear to move at different speeds and add depth. The thirteen steps cover the HTML layers, sizing four full-window panels side by side inside an overflow-hidden wrapper, animating scrollLeft, highlighting the active nav dot, wiring a "next" button that wraps around, and the full CSS.
24 ways: Displaying Icons with Fonts and Data- Attributes
Jon Hicks makes the case for using web fonts like Drew Wilson's Pictos instead of PNG bitmaps, sprites, or patchily supported SVG for site icons, since they scale, suit high-density screens, accept CSS colouring and effects, and can weigh as little as 12Kb. He is candid about the drawbacks (monochrome or gradient only, a need for accompanying text, laborious font creation, limited glyph choice) and walks through the @font-face setup. He then compares two ways of keeping the markup clean: CSS generated content via :before on each class, or a single `.icon:before { content: attr(data-icon) }` rule driven by a data-icon attribute. He also warns that screen readers will announce the glyph character, such as "dollar sign view basket".
Beethoven Reimagined as Jazz | Brain Pickings
What was saved here is not an article but a donation appeal from The Marginalian, the long-running independent literary and ideas site. Its writer says she runs it entirely alone, with no staff, interns, or assistant, and that it has stayed free, ad-free, and AI-free for twenty years through reader patronage. The page lays out monthly giving tiers from $3 to $25, a one-time option, and a Bitcoin address, so there is no essay or reporting to recover, only the funding pitch and the means to give.
The Handpicked jQuery Plugins Repository
The Hand-picked #jQuery Plugins Repo. Supercharge your website! -
Timepicker for jQuery
Timepicker for #jQuery -
Incredibly Useful CSS Snippets
What was saved appears to be a listing page, not a single article: ten teaser entries from a web design and WordPress site, dated between July and November 2025. They cover a hands-on Kinsta hosting review, cPanel alternatives, a guide to Elementor's Ally accessibility plugin, a comparison of WordPress hosts, Elementor themes, Photoshop transparency, and roundups of fonts, CV templates and retro text effects. Only the opening lines of each piece are shown, so there's no actual argument or findings to recover, and if you meant to keep one specific item, such as the Kinsta review or the hosting comparison, it would need to be saved from its own page.
Recurly.js - JavaScript library for customizable transaction forms
Recurly.js - #JavaScript library for customizable transaction forms -
Relevant Dropdowns: Polyfill for Datalist | CSS-Tricks
A walkthrough of a jQuery- and Modernizr-based polyfill that brings HTML5's `list` attribute and `<datalist>` element, which suggests options as you type without restricting input, to browsers that lack it (WebKit browsers, older IE). It simulates the dropdown, keyboard navigation, and repositioning on resize, and it has a Safari workaround because Safari claims datalist support but doesn't deliver it, handled by sniffing its high version number, with a reader's tweak to avoid false positives in newer Chrome. The author admits it's rough (not a plugin, single input only, plain in old IE) and notes later updates for jQuery 1.8 and a fixed GitHub link.
24 ways: Speed Up Your Site with Delayed Content
Paul Hammond argues that the many small avatar images on heavily commented pages, such as Gravatars, slow rendering through sheer HTTP request volume, and that they can be deferred until the rest of the page has loaded. His method strips the `<img>` tags from the HTML, stores each user's email hash in an HTML5 `data-gravatar-hash` attribute, and uses a short jQuery snippet on window load to insert the images. CSS reserves space for them to avoid reflow. In his test this cut a sample page's render time from over three seconds to under one, at the cost of no avatars for users without JavaScript. He suggests the same approach for any non-critical image, citing Flickr's `data-defer-src` and Amazon's scroll-triggered loading.
10 Things Employees Want Most | Inc.com
Using the Steven Slater JetBlue episode as a hook, this listicle argues that managers keep staff by giving them what they want, and that this matters more than a big paycheck. It lists ten wants: purpose, measurable goals, responsibility, autonomy, flexibility, regular attention, room for innovation, open-mindedness to ideas, transparency, and pay high enough that money stops being the issue. The main example is Meddius CEO Jeff Gunther's results-only work environment, which gave staff trust and freedom and raised productivity and loyalty, backed by advice from Daniel Pink (*Drive*) and Alexander Hiam.
Performance Calendar » localStorage Read Performance
Benchmarks show that reading from localStorage is orders of magnitude slower than reading an object property in every browser, challenging the unstated assumption behind techniques like Google and Bing caching JavaScript and CSS there. The author attributes the cost to localStorage being disk-backed and shared per-origin across tabs, so reads can block on cross-tab synchronization and the delay varies. Further tests found that read time doesn't depend on how much data a key holds, so the advice is to use as few keys as possible, packing data into single values and loading it into memory quickly, since ten small reads were about 90% slower than one large one.
Typography Effects with CSS3 and jQuery
The opening of Kafka's *The Metamorphosis* has Gregor Samsa, a travelling textile salesman, wake to find himself changed into a giant insect, with a domed brown belly, armoured back, and thin waving legs. The horror is told in flat, practical detail: his ordinary room, the fabric samples, the gilded picture of a woman in furs, and the rain at the window. His reaction is also mundane, since he wants to go back to sleep and is frustrated that he can't roll onto his right side. The passage is worth keeping for how it treats an impossible event as a minor inconvenience.