Archive for the ‘LouisL’ Category

20+ Docs and Guides for Front-end Developers (No. 12)

It’s that time again to get learning! As before, I’ve collected a number of different learning resources, including guides, docs, and other useful websites to help you get up to speed in different areas of front-end development. So please enjoy the...

Introduction to jCanvas: jQuery Meets HTML5 Canvas

Posted on: No Comments
HTML5 lets you draw graphics straight into your web page using the <canvas> element and its related JavaScript API. In this post, I’m going to introduce you to jCanvas, a free and open source jQuery-based library for the HTML5 Canvas API. If...

20+ Docs and Guides for Front-end Developers (No. 7)

Posted on: No Comments
As is often the case in front-end development, it seems we have so much to learn and so little time to do it. I’ve rounded up another 20+ learning resources, interactive playgrounds, and other goodies for front-end learning. So please enjoy the seven...

Front-end Tools: Some of My Favorite Finds of 2015

Posted on: No Comments
We’re just about at the end of 2015 and I’m sure you’d all agree it’s been another year jam-packed with new tools for web design and development. While doing my newsletter I’ve come across lots of interesting things, so I thought it would be ...

DOM Tips and Techniques: Parent, Child, and Siblings

Posted on: No Comments
Complex, markup-heavy web apps are the norm nowadays. A library like jQuery with its ease of use, cross-browser compatibility, and variety of features can help immensely when manipulating HTML on the fly. So it’s no wonder that a lot of developers ch...

Using HTML5’s Native Drag and Drop API

Posted on: No Comments
Everyone loves an easy-to-use and interactive user interface and ever since the introduction of smartphones there has been a jump in expectations from users; The expectation is that your website will be intuitive, will use universally understood action...

20+ Docs and Guides for Front-end Developers (No. 6)

Posted on: No Comments
It’s that time again to choose the tool or technology that you want to brush up on. If you feel like you’ve been working hard at building but maybe not learning as much as you’d like, I’ve got your back. Please enjoy the sixth installment of ou...

A Full Screen Bootstrap Carousel with Random Initial Image

Posted on: No Comments
A few months ago, I wrote an article that covered Bootstrap’s Affix and ScrollSpy components. This time though, I’ll be focused on a different Bootstrap component: I’ll go through the process of building two simple extensions for the Bootstrap ca...

An Editable Grid with jQuery, Bootstrap, and Shield UI Lite

Posted on: No Comments
In this short tip, I provide a few easy steps to set up an editable grid (or table) using Bootstrap and Shield UI Lite. Shield UI Lite is an open source jQuery library that includes, among other components, a jQuery grid. The grid supports editing out-...

20+ Docs and Guides for Front-end Developers (No. 5)

Posted on: No Comments
It’s that time again to choose the tool or technology that we want to brush up on. If you feel like you’ve been working hard at building but maybe not learning as much as you’d like, I’ve got your back covered. Please enjoy the fifth installmen...