Tagged articles - HTML5

HTML5 comes with a lot of handy features which can really improve user experience of your web application significantly if you use them wisely. Caching cold data on the client, such as lookups can significantly save the amount of traffic, page load time and even you backed services load. One of the HTML5 features that can help you do this are sessionStorage and localStorage...read more

If you are dealing with pure JavaScript without using any library, you probably want to trigger your custom actions on some element event. This is easily done with addEventListener which is in general supported by all now days browsers. ...read more

Minification of resource can speed up your page load and decrease network traffic making you pages load faster, especially on a poor Internet connections. Keep in mind that not all of your website visitors have high speed Internet connection...read more

jQuery makes things a lot easir when working with DOM. So many thing there out of the b and you do not need to worry about browsr compatibility. Browser compatibility used to be a big deal few years back, but not it all comes to almost one engine which is WebKit. ...read more

I recently needed to copy some value from the web UI to clients clipboard. Since this is not something you often need to use, I googled a little bit and found that this is easy to do with document.execCommand...read more

Image resizing is considered as a server side operation as JavaScript and HTML were not so sophisticated and HTML5 support was not widely adopted for quite some time. even now, some features are not equally supported by all major browsers. Anyhow, HTML5 is here to stay and over time we will get more and more features supported by all browsers. ...read more

One of the major things that affects your page performance is the number of requests made from your page. Any external resource included on the page page makes your page loads slower. Most commonly these are images...read more

New version of browsers are bringing a lots of useful features, but among them there are some features that can actually ruin your UI concept. The following are just some of the most common ones and instructions how to disable them. Disable textarea rezise ...read more

Very often when you are dealing with content from 3rd party like tweets from Twitter of Facebook posts and comments you might end up with some URL inside the content. On both Twitter or Facebook or any other social network, links inside text comments are replaces with anchor tags to those URLs. In order to keep the same user experience and make it more useful o your side where you are serving the content from the other party it is recommended that you do the same. ...read more

Recently I was working on speeding up my website. As a reference I user Google PageSpeed Insights. There were few things, but among them was one that was that really poked my eyes...read more

Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites....read more

Before CSS3 coming out, if you needed to change the layout programatically when window size is changed you would have to write a small JavaScript or JQuery to handle window resize event and perform some action on the DOM to addapt your layout. In case you would use JQuery (which is most of the cases as I do not remember last time I wrotw plain JavaScript code) you would have to hook to window resize event and handle every resize. Based on your condition you would apply some CSS to specific element or strip style from it. ...read more

String hardcoding it the worst way to generate your HTML. It makes code non-maintainable and hard to read. Lately in June I wrote an article how to generate HTML string without hard coding the string and using concatenation or string format...read more

Recently I'we been working with HTML canvas by using cropper jQuery plugin http://fengyuanchen.github.io/cropper. It was working fine until I had to load images from Facebook. As soon as I loaded image from facebook, script was crashing with a security error: ...read more

You can find a bunch of articles on internet about HONEYPOT implementation on web pages, but in short it is a replacement for CAPTCHA anti-bot security. In CAPTCHA scenario, user needs to enter hardly recognizable characters in order to prove that he is not a bot trying to submit data...read more