In a previous post I talked about templates - a great way to work with those is using HTML imports. Imports let you reference an external resource to load in, that way you could for example package up your templates in an external .html file and reuse it across your web app.

Setting up an import is very easy and looks similar to what you already do for CSS. 

<link rel="import" href="templates.html">
Posted
AuthorPeter
CategoriesJavaScript

I promised to write some posts about web components and related topics many months ago, and now finally found some time to get round to it. So here it is, the first topic to cover - the HTML5 template tag.

What the template tag allows you to do is specify some HTML markup that gets parsed but doesn't get rendered until you clone it and append it to the DOM, it is essentially inert. 
 

<template id="artist">
<div class="item">
<img src="" class="photo">
<span></span>
</div>
</template>

 

Posted
AuthorPeter
CategoriesJavaScript

Following up from my last tech review project with Apress, I recently took on "Pro Express.js". This is another great work by Azat Mardan giving an overview and API reference to this popular Node.js web application framework.

What I particularly like about this publication is the many real-world examples and it giving you the building blocks to grow your web apps from a basic proof of concept to a scalable solution.

The book is available for pre-order now and should be released some time next month. 

Posted
AuthorPeter

Speech recognition is one of those emerging standards that I look forward to being more widely implemented, not in the least because of what it could mean for accessibility of web apps.

Interestingly for a powerful feature like this, it has an incredibly simple JavaScript API to use, in just a few lines of code you can get your app to handle speech input.
 

var recognizer = new webkitSpeechRecognition();
recognizer.onresult = function(event) {
console.log(event.results[0][0].transcript);
console.log(event.results[0][0].confidence);
}
recognizer.start();
Posted
AuthorPeter
CategoriesJavaScript

Its been almost 6 months since my last conference - keeping busy at work has definitely brought down my average. I won't be speaking this time but am very much looking forward to HTML5DevConf in San Francisco next week.

I just spent some time going through the schedule and this is a current lineup of sessions I'd like to attend: 

  • Implementing Web Components at scale
  • Harnessing the power of UI Components
  • Bringing Web content to the Big Screen with Google Cast
  • Building Games for Every Platform with HTML5
  • WAI-ARIA: Awesome for Everyone
Posted
AuthorPeter

Multi-Mania is happening again on May 19 and 20th, its been a few years since I last presented there but am happy to be back for this edition doing a session on "Web Components - Building Blocks for the Web".

I've been spending a lot of time recently getting hands-on with web components and its related technologies (custom elements, HTML imports, Shadow DOM,... ) and look forward to sharing more about this soon. Over the next few weeks and months I'll post some articles and video tutorials following up on my presentation that deep-dive into each of the topics.

Hope to see many of you in Kortrijk, Belgium - the conference is free of charge and there are still some tickets available, be sure to register soon!

Posted
AuthorPeter

Its been a while since I last did a tech review project but could not refuse helping out on a very interesting book Azat Mardan has coming up called "Practical Node.js - Building Realtime Scalable Web Apps".

If you're anything like me you'll find this an excellent read and a very practical guide through what you need to build out web apps using Node.js and related technologies. It goes well beyond an introduction and explores a variety of topics like MongoDB, templating with Handlebars, LESS CSS, Socket.IO,...

The publication is scheduled to come out in June but is available for pre-order now. 

Posted
AuthorPeter