An Ajax-Include Pattern for Modular Content | Filament Group, Inc., Boston, MA
yesterday by sunpig
In order to lazy load nonessential content on BostonGlobe.com without introducing access barriers, we developed a simple, markup-driven “Ajax-include” pattern that enhanced certain links on a page by including a fragment of content from a URL related to their linked resource. For example, the header of BostonGlobe.com contained a link to the Weather section of the website, and that same link is also used as a marker for including a fragment of content from that section that is used to create a weather widget.
ajax
javascript
jquery
mobile
responsive
lazyload
filamentgroup
bostonglobe
pattern
quickconcat
concatenate
http
modular
yesterday by sunpig
Announcing jQuery Mobile 1.1.0 RC1 | jQuery Mobile
february 2012 by sunpig
Fixed position toolbars in jQuery Mobile 1.1 -- doing it right
jquery
mobile
jqm
js
javascript
webdev
frontend
layout
fixed
position
library
february 2012 by sunpig
Stop paying your jQuery tax
february 2012 by sunpig
RT @souders: "Stop paying your jQuery tax" - discussion of jQuery non-blocking patterns -
jquery
stackoverflow
js
javascript
optimization
perfgormance
ready
documentready
onload
footer
from twitter
february 2012 by sunpig
related tags
3d ⊕ aarongustafson ⊕ aaronnewton ⊕ accessibility ⊕ adaptive ⊕ address ⊕ ajax ⊕ ala ⊕ alexrussell ⊕ alistapart ⊕ ampersand ⊕ analytics ⊕ android ⊕ api ⊕ app ⊕ application ⊕ async ⊕ asynchronous ⊕ background ⊕ backup ⊕ bar ⊕ bdd ⊕ benalman ⊕ bencherry ⊕ benchmark ⊕ bind ⊕ blocking ⊕ bostonglobe ⊕ bubble ⊕ build ⊕ cdn ⊕ choice ⊕ chrome ⊕ class ⊕ client ⊕ clientcide ⊕ closure ⊕ code ⊕ commonjs ⊕ comparison ⊕ compile ⊕ concatenate ⊕ construct ⊕ content ⊕ cool ⊕ coverage ⊕ cowboy ⊕ css ⊕ css3 ⊕ data ⊕ day ⊕ deanedwards ⊕ deferred ⊕ delay ⊕ delegate ⊕ design ⊕ despair ⊕ development ⊕ deveopment ⊕ display ⊕ documentready ⊕ documentwrite ⊕ dojo ⊕ dom ⊕ domready ⊕ download ⊕ dvcs ⊕ education ⊕ enhance ⊕ es ⊕ event ⊕ example ⊕ exports ⊕ fallback ⊕ false ⊕ filament ⊕ filamentgroup ⊕ fittest ⊕ fixed ⊕ font ⊕ footer ⊕ framework ⊕ frontend ⊕ full ⊕ fullscreen ⊕ function ⊕ gap ⊕ git ⊕ github ⊕ google ⊕ greasemonkey ⊕ harmony ⊕ hash ⊕ hashchange ⊕ height ⊕ hidden ⊕ hide ⊕ hijax ⊕ history ⊕ host ⊕ howto ⊕ html ⊕ html5 ⊕ http ⊕ image ⊕ input ⊕ instanceof ⊕ instatiation ⊕ instructions ⊕ interaction ⊕ ios ⊕ jacobwaller ⊕ jamesburke ⊕ jasmine ⊕ javascript ⊕ javascripts ⊕ johnresig ⊕ jongalloway ⊕ jqm ⊕ jquery ⊖ jquerymobile ⊕ js ⊕ khanacademy ⊕ layout ⊕ lazyload ⊕ lettering ⊕ libraries ⊕ library ⊕ live ⊕ load ⊕ loader ⊕ manifest ⊕ margin ⊕ mobile ⊕ mock ⊕ modular ⊕ module ⊕ mootools ⊕ nettuts ⊕ new ⊕ nifty ⊕ node ⊕ none ⊕ onload ⊕ optimization ⊕ padding ⊕ parallax ⊕ parse ⊕ path ⊕ pathchange ⊕ patrickhaney ⊕ pattern ⊕ paulirish ⊕ perfgormance ⊕ performance ⊕ petermichaux ⊕ pjax ⊕ plugin ⊕ politicsofcode ⊕ poll ⊕ popstate ⊕ position ⊕ presentation ⊕ presentations ⊕ preventdefault ⊕ programming ⊕ progressive ⊕ promise ⊕ prototype ⊕ pull ⊕ pushstate ⊕ queryselectorall ⊕ quickconcat ⊕ qunit ⊕ ready ⊕ rebeccamurphey ⊕ reference ⊕ render ⊕ replace ⊕ request ⊕ require ⊕ responsive ⊕ return ⊕ runner ⊕ screen ⊕ script ⊕ sencha ⊕ simonwillison ⊕ size ⊕ slides ⊕ software ⊕ solution ⊕ source ⊕ spec ⊕ speed ⊕ sproutcore ⊕ stackoverflow ⊕ state ⊕ stop ⊕ stopevent ⊕ stoppropagation ⊕ tag ⊕ taskspeed ⊕ tech ⊕ template ⊕ test ⊕ testing ⊕ then ⊕ tips ⊕ titanium ⊕ translate ⊕ trentwalton ⊕ tutorial ⊕ type ⊕ typography ⊕ unit ⊕ unobtrusive ⊕ unused ⊕ url ⊕ userscript ⊕ video ⊕ visibility ⊕ web ⊕ webdesign ⊕ webdev ⊕ webstandards ⊕ when ⊕ workflow ⊕ yahoo ⊕ yui ⊕Copy this bookmark: