Web Components are a suite of connected technologies aimed at making elements reusable across the Web. The lion’s share of the conversation has been around Shadow DOM, but probably the most transformative technology of the suite is Custom Elements, a method of defining your own elements, with their own behavior and properties.
Read more…
An easy way of configuring settings once and reusing them is by using some kind of tools such as INIT, which can perfectly coexist with and even be used through a generator. Keep in mind that it is intended for Web apps, so the lack of a build workflow might trouble you if you try to build a whole Web page architecture with it. Have you thought about a good workflow and about which tools provide the most convenience?
Read more…
In this series of articles, Gabriele Romanato will cover in depth a practical implementation of session storage by creating a complete e-commerce shopping cart with the sessionStorage object and jQuery. Remember that, in these articles, you won’t find a new technique to replace existing server-side techniques, but rather just a proof of concept of session storage.
Read more…
In this article, Mark McDonnell will go over the techniques required to build a command line tool using Node.js and PhantomJS (this is just one example of the sort of command line tools you can develop with Node.js’ many features). Always consider automating the process with a CLI tool the next time you find yourself performing a repetitive task.
Read more…
After writing his latest article, “Writing A Better JavaScript Library For The DOM”, Maksim Chemerisuk realized that it’s important to understand what exactly live extensions are and how they work since the topic is extremely complex. In today’s article, he will answer most questions that were asked regarding “live extensions”.
Read more…
Function binding is probably your least concern when beginning with JavaScript, but when you realize that you need a solution to the problem of how to keep the context of “this” within another function, then you might not realize that what you actually need is Function.prototype.bind().
Read more…
In this article, Matthew Haworth will use Magento’s shipping-method code abstraction to create a shipping carrier. He will be covering topics such as extending the abstract shipping class and implement the required methods, allowing tracking codes to be set against an order, work with promotions to allow for free shipping, and much more!
Read more…
Lately, Maksim Chemerisuk has started to see more and more problems with jQuery’s core and can’t be fixed without breaking backwards compatibility. He, like many others, continued using the library for a while, navigating all of the pesky quirks every day. Then, Daniel Buchner created SelectorListener, and he started to think about creating a set of functions that would enable the possibility of building unobtrusive DOM components using a better approach.
Read more…
We usually export images for the Web from our favorite graphics software. Our eyes fixate on an image’s preview, adjusting the quality settings until we’ve found that sweet spot, where the file size and quality are both the best they can be. After having gone to all that care and effort, we would be forgiven for thinking that our image is in the best shape possible, but that’s not always the case. In fact, much more data is usually left in such files, data that keeps our users waiting just a bit longer than necessary. Thankfully, a number of popular tools can help us optimize images even further!
Read more…
You want to be lean and you want to be agile by using technologies that will help you succeed in the short and long term. And those technologies are not always easy to pick out. Full-stack JavaScript hits all the marks. You’ve probably seen it around. With JavaScript, you can create scalable, maintainable applications, unified under a single language. There’s no doubt, it’s a force to be reckoned with. In this article, Alejandro Hernandez will introduce these components piece by piece.
Read more…
