postcss-clean breaks above [email protected]
If you use postcss-clean to drive clean-css as part of your build process, you need to pin postcss to no later than version 8.1.10 or you'll get "TypeError: node.getIterator is not a function".
Posts tagged “javascript”
Subresource integrity for WordPress scripts and stylesheets
When we load resources from other websites, we trust those sites to deliver something safe. Use subresource integrity to ensure authenticity.
Set the tab size on GitHub, Gist, and Bitbucket
I indent with tabs. There, I said it. Viewing my code (and that of other tab indenters) on GitHub, Gist, or Bitbucket can be annoying because the default tab size in the browser is equivalent to 8 spaces. Modern browsers let you change that through CSS, and here's some bookmarklets that do just that.
Stop CloudFlare Rocketscript breaking WordPress plugin scripts
CloudFlare offers a service called Rocketscript, which compresses, concatenates, and defers any JavaScript on your web pages. On some websites, it can make a significant difference to the apparent page load time, because it waits until the web browser has loaded the page before it loads and executes scripts. Of course, that sometimes means it breaks things! Fortunately, CloudFlare offers a way to avoid that, and it's possible to use it on your WordPress plugin scripts.
sessionStorage with expiry time
Session storage is a very handy tool for caching content fragments retrieved via AJAX. Once we've pulled the content once, and stuffed it into session storage, we can access it again quickly without the overhead of a round trip to the server. But what if we want to limit the age of that content, so that it expires before it gets too stale?
Add custom JavaScript actions to WP e-Commerce cart updates, again
I previously wrote about adding your own custom JavaScript actions to the WP e-Commerce cart update event. Of course, things change, people change, hairstyles change, interest rates fluctuate, WP e-Commerce moves goalposts, so there is a new way to do this since version 3.8.11 came out.
Stop users from submitting Gravity Forms form twice
A common problem with input forms is that users get impatient and click the submit button twice. This can lead to double (or triple, or quadruple!) form submissions, which can really mess things up (especially if you've added a billing step to your form!) Stopping it can be surprisingly complex, but here's a simple piece of browser script that will prevent most users from making multiple submissions with Gravity Forms.
Using jQuery’s ajaxSend event to change an AJAX request
Customisation of web software sometimes requires that you get it to pass around some additional information whenever it makes a page request. Often, putting that information into a cookie isn't appropriate, so you try to squeeze it into the page query parameters, or form post data through hidden fields. But what if the software makes AJAX requests from jQuery? Luckily, jQuery can help you intercept AJAX requests so that you can customise them too.
Safely encode dynamically-built HTML and JavaScript
If you build fragments of HTML and JavaScript dynamically from browser script, you need to take care to encode any special characters in your strings. Building your HTML using DOM createElement() and createTextNode() is often better, but sometimes the better solution is to generate a block of HTML. Here's a couple of simple functions to do that, quickly.
Making Opera honour return false in onclick handler
The Opera browser persistently refuses to honour "return false" in an onclick handler, and is quite possibly the only web browser that does this. Because I don't usually add event handlers inline any more, I haven't noticed this defect until now, but it just bit me today.
Populate form from database using AJAX and JSON
I just went searching for a nice, simple example of populating a form from a database, using AJAX and JSON. I hope it's just that my Google juice is depleted after a hard week, but I couldn't easily find one. So I wrote one.
Add custom JavaScript actions to wp-e-commerce cart updates
I just stared in horror wonder at the wp-e-commerce script that handles cart updates. Wow. Just... wow. Forget any thought of nicely hooking into that to add some extra client-side actions, it's a mess and looks like it will probably get worse before it gets better. But fortunately, there is another way.