Untitled (http://simsalabim.github.com/sisyphus/)
Sisyphus - Gmail-like client-side drafts and bit more #jquery
Sisyphus - Gmail-like client-side drafts and bit more #jquery
A follow-up to an earlier "5 HTML5 APIs You Didn't Know Existed" post, this walks through five more lesser-known browser features with short code samples: Fullscreen (push the page or any element to fullscreen, handy for games), Page Visibility (detect tab focus so you can pause polling or animation), getUserMedia (camera access via video and canvas), Battery (read charge level and status to avoid power-hungry work), and link prefetching (silently preload pages or images). The samples rely on vendor-prefixed fallbacks typical of the early-2010s, and the tone is a quick tour rather than a deep dive, predicting these APIs will be widespread within a few years.
Raspberry Ketone is all the new craze!!
This is a Businessweek-style opinion piece, written just before the 2012 election, arguing that Hurricane Sandy makes it indefensible to keep climate change off the political agenda. It marshals scientists who say warming strengthens storms (warmer oceans, moister air, Arctic ice loss feeding the blocking pattern that steered Sandy) and Munich Re's finding that weather-loss events in North America have nearly quintupled since 1980. It then faults both candidates, Romney for mocking climate action and wanting to hand FEMA to the states, and Obama for ducking the issue. In their place it proposes a pragmatic agenda: natural gas as a bridge fuel, carbon pricing with dividends paid to citizens, a binding international treaty, and spending on infrastructure and disaster readiness, and it blames a lack of political will rather than money.
This is the documentation page for Numeral.js (version 2.0.6), a JavaScript library for formatting and parsing numbers, installable via a script tag, cdnjs, or npm. It covers creating numeral objects from numbers or strings like '1,000', formatting them as currency, bytes, percentages, time, or exponentials, and basic manipulation (add, set, difference, clone). It also explains how to set default, zero, and null output formats, register locales such as a French one with custom delimiters and abbreviations, and write custom formats by registering a regex and format/unformat functions, with a nod to Moment.js as its inspiration.
Colorpicker and Datepicker for Twitter #Bootstrap -
Ligature Symbols is an icon font by Kazuyuki Motoyama (kudakurage) in which each icon is triggered by typing its plain English word, such as "bold," "cloud," or "github," rather than by a private-use Unicode code point alone. The page is essentially a reference catalog of roughly 250 glyphs, listing each symbol's ligature keyword (with synonyms like "trash" for delete or "onsen" for spa) and its fallback \E-code. It covers UI actions, media controls, arrows, emoticons, and a long run of brand logos, including Japanese services like Hatena, Mixi, and Gree. It also provides copy-paste HTML/CSS, a download link, and a note that the font was built in FontForge and is © 2012.
This is the landing page for Google's PageSpeed open source server modules (mod_pagespeed for Apache and ngx_pagespeed for Nginx), which rewrite and optimize a site's resources automatically as they're served. It points to three routes: installing the module on your own webserver, reading the documentation, and getting support, which mainly means filing a bug if PageSpeed misbehaves on your site. It's a gateway to the install and reference material rather than an explanation of how the optimizations work, so it's useful mainly as a bookmark for where to start setting the modules up.
Sly is a jQuery-dependent JavaScript library (jQuery 1.7+) for one-directional, horizontal or vertical scrolling with item-based navigation. It handles mouse wheel, scrollbar, pages bar, buttons, mouse/touch dragging, and automated cycling by item or page. Rendering runs on requestAnimationFrame with GPU-accelerated positioning and fallbacks for older browsers, and the API exposes many methods and events. You can instantiate it with the `new Sly('#frame', options).init()` constructor, which gives direct access to methods, events, and instance properties, or with the `$('#frame').sly(options)` jQuery proxy for simple fire-and-forget setups. The README lists a 16KB minified (7KB gzipped) build, points to the docs directory, and notes that IE 6-7 work only by accident. It also asks that questions go to the forum and bug reports to issues, and the code is MIT licensed.
A walkthrough of building six hover-triggered image caption effects with only CSS3 `transform` and `transition`, with no JavaScript or extra images. Each caption gets its own style: a simple slide-up bar, a full-cover sliding panel, a fade, a left-sliding panel that pushes the image out, a 180-degree rotation, and a scale-up where the text arrives late via staggered `transition-delay`. It gives the full HTML and CSS for each, plus a browser-support list (IE10+, Firefox 6+, Chrome 13+, and so on) and the vendor-prefixed declarations the effects needed at the time.
#Bootstrap Form Helpers
uLogin is a framework-agnostic PHP library for adding secure authentication to a web app, covering hardened sessions (fixation/hijacking and replay prevention, automatic SID changes, idle expiry, and a drop-in replacement for PHP's session_* functions), BCrypt password storage, and brute-force defenses such as login throttling, IP and user blocking, and timing-attack protection. It supports multiple backends (SQL databases, LDAP, OpenID, SSH2, Duo Security), single-use "remember me" logins, multi-factor authentication, and a built-in nonce library for XSS/CSRF protection elsewhere on a site. It deliberately stops short of user, group, or permission management, so it is a building block rather than a complete login system, and its features are mostly opt-out with secure defaults.
Documentation and demo page for bootstrap-datepicker.js, the Twitter Bootstrap date picker plugin. It shows how to attach the picker to an input, via options or data attributes, or as an append-style component, and how to set the starting or minimum view (days, months, years). It also gives the option table (format, weekStart, viewMode, minViewMode), the methods (show, hide, place, setValue), and the events (show, hide, changeDate, onRender). The most useful piece is the check-in/check-out example, where onRender disables past dates and a changeDate handler pushes the checkout date forward so the two pickers stay consistent.
Thiemo Mättig's live-run PHP micro-benchmark page compares idiomatic ways of doing common string and array tasks: testing for empty strings and arrays, comparing, searching, prefix/suffix checks, replacing, trimming, splitting, looping, imploding, and single versus double quotes. He frames it as a way to learn how PHP works rather than a tool for comparing versions or servers. The takeaways are practical: prefer === over ==, avoid empty() because it hides undefined-variable warnings and treats '0' as empty, use strpos() or strncmp() for starts-with checks, and use substr() with a negative offset for ends-with. Regexes should be used only when needed and benchmarked, since a pattern like `,*` can be dramatically slower than `,+`. The quote-style question is a myth, and precomputing count() in loops is still sensible. The timings are mostly under a millisecond, so the relative index column and his conclusions matter more than the raw numbers.
Themes for Twitter #Bootstrap -
Announcing Source Code Pro « Typblography #font
#jQuery Cheatsheet
5 #jQuery tips for intermediates via @ozkatz100