Tagged articles - HTML5

Found 19 articles tagged with HTML5

Monitoring DOM changes with JavaScript
Handling DOM changes with plain JavaScript
0
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
Minify HTML output of your pages
Minification of HTML output using ASP.NET IHttpModule
 
0
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. Especially if you are targeting countries with mostly poor Internet connection, HTML minification can really boost the page load and improve user experience... read more
Serialize html form to JSON without using JQuery
Transform user input from HTML form fields to JSON
0
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
Copy text value to clipboard using jQuery
Simple sample of using jQuery to copy value to clipboard
0
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
Resize image on the client side with JQuery
Reducing the upload sie by resizing image on the client side
0
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
Reduce the number of request from the page by using base64 in CSS
Embedding images in CSS as base64 strings
0
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
Disabling browser UI effects from CSS
Removing browser added effects on the form elements in HTML
0
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
Recognize links in text content with jQuery
Find and replace URLs with anchor tags inside the text
0
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
The ways of loading JavaScript files onto your page
Varios ways to load the script on the page and boos performances
0
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
Facebook Album Browser JQuery Plugin
Simple Facebook public albums browser plugin for JQuery
0
Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites.... read more
CSS Media Queries instead of JavaScript code
Using CSS Media Queries instead of JavaScript or JQuery code
0
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
Generating HTML structure string in C#
Clean and proper way to generate html string in C#
0
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
Working with canvas on images loaded from different domain
SecurityError: The operation is insecure. canvas issue
0
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
Honeypot implementation in ASP.NET MVC
Honeypot bot detection implementation in MVC
 
0
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. Sometime that is really annoying but it is a way to filter automated posts created from bots. ... read more
Database Change Notifications in ASP.NET using WebSocket
Display database change on website in real-time
 
0
Database table changes are usually not displayed right away in an application, escecially if it is a web application. With HTML5 and Web API that is about to change... read more

.NET

read more

JavaScript

read more

SQL/T-SQL

read more

Umbraco CMS

read more