#intercoolerjs

[luca-tumedei]

WP lazy loading using intercooler.js 04

WP lazy loading using intercooler.js 04

Time to make a plugin. A first plugin draft There is no point in going forward implementing the lazy loading functions using a theme: I will move to a plugin scaffold to iron out the idea. After a quick scaffolding using the grunt-wp-plugin template for grunt-init I’ve ported the current code to a first draft of a plugin that’s working on any image that’s shown on the page using WordPress defined…

View On WordPress

[luca-tumedei]

WP lazy loading using intercooler.js 03

WP lazy loading using intercooler.js 03

Where I skip the server call. A long trip around The solution I’ve proposed in my previous article is far from being the best performing one. Sure I’m still fiddling with lorempixel served images but, even swapping the code to use and return real WordPress stored images, the steps I’ve taken to use intercooler.js library to carry out lazy loading of responsive images is going in circles to get…

View On WordPress

[luca-tumedei]

WP lazy loading using intercooler.js 02

WP lazy loading using intercooler.js 02

Going responsive. I’m calling home so better make it count The flow I’m using in the lazy-loading-theme experiment to lazy load images when scrolled into view has a big disadvantage over a totally JavaScript based approaches and that’s a “call home” done to the server to the /lazy-load-images route "> I’m not being fanatic about this approach but before dumping it as “not worth it” I will try to…

View On WordPress

[luca-tumedei]

WP lazy loading using intercooler.js 01

WP lazy loading using intercooler.js 01

Lazy loading images in WordPress with intercooler.js An experiment This is an experiment born out of an opportunity: I’m developing a custom theme for a client and I’ve decided to use intercooler.js for all AJAX interactions since it’s so easy. The theme will have an heavy graphic component and many images almost on any page and beside the usual image optimization it makes sense to use a lazy…

View On WordPress

[luca-tumedei]

intercooler.js library updated with WP goodness

intercooler.js library updated with WP goodness

An update to the plugin following an update to the library. intercooler.js updated The intercooler.js library has been updated to version 0.9.0 and following along I’ve updated the wp-intercooler plugin to that version. While the plugin is not doing anything more the library itself packs some changes and some deprecations that can be seen here. TodoMVC WordPress theme updated Since I’ve developed…

View On WordPress

[luca-tumedei]

An intercooler.js powered search

An intercooler.js powered search

A simple WordPress search using wp-routes and intercooler.js. The requirements I’m building on two required WordPress plugins. The first one is wp-routes to have an easier route registration and handling in WordPress. The second one is wp-intercooler to be able to use the intercooler.js JavaScript library on the page. A template tag I will output a search form on the page using a template tag and…

View On WordPress

[luca-tumedei]

TodoMVC with WordPress and intercooler.js 04

TodoMVC with WordPress and intercooler.js 04

Securing the communications. Nonces WordPress packs a pervasive library dedicated to security to authenticate the source of a request be it made via a traditional HTML request or an AJAX one. The term “nonce” means “number used once”; this is not exactly the case in WordPress: a nonce number will remain valid for 12 hours plus or minus filter modifications. This means that, in an application…

View On WordPress

[luca-tumedei]

TodoMVC with WordPress and intercooler.js 03

TodoMVC with WordPress and intercooler.js 03

A first fully working port of TodoMVC using intercooler.js and WordPress. Unsecure but working I would have liked a slower approach to it but intercooler.js made things too easy to slow down. The alpha2 version of the WordPress theme is online. In short terms what I’ve done is tried porting the TodoMVC app in a WordPress theme using WordPress to power the backend coupled with intercooler.js to…

View On WordPress