HTML5

Great Reads

Convert a MVC4 Application to a "Cool Towel" Single Page Application (SPA)

by Johan G. van der Galien

Example project template for a "Cool Towel" SPA to be filled with a MVC4 application HTML5 and JavaScript code in order to convert

Custom Web Fonts - Cross Browser Supported

by Zeshan Munir

A Cross Browser Supported solution for Custom Fonts on the Web

10 Common Mistakes Web Developers Make

by J. Michael Palermo IV

I thought I would share a list I compiled of ten common mistakes I see web developers make - and how to avoid them.

12 Cool HTML5 Geolocation Ideas

by Danwei Tran Luciani

Here are 12 simple scenarios that illustrate how a Web site can accommodate users and customize their experience by taking their location into account.

Latest Articles

Convert a MVC4 Application to a "Cool Towel" Single Page Application (SPA)

by Johan G. van der Galien

Example project template for a "Cool Towel" SPA to be filled with a MVC4 application HTML5 and JavaScript code in order to convert

Custom Web Fonts - Cross Browser Supported

by Zeshan Munir

A Cross Browser Supported solution for Custom Fonts on the Web

10 Common Mistakes Web Developers Make

by J. Michael Palermo IV

I thought I would share a list I compiled of ten common mistakes I see web developers make - and how to avoid them.

12 Cool HTML5 Geolocation Ideas

by Danwei Tran Luciani

Here are 12 simple scenarios that illustrate how a Web site can accommodate users and customize their experience by taking their location into account.

All Articles

top

HTML5

Convert a MVC4 Application to a "Cool Towel" Single Page Application (SPA)

by Johan G. van der Galien

Example project template for a "Cool Towel" SPA to be filled with a MVC4 application HTML5 and JavaScript code in order to convert

Custom Web Fonts - Cross Browser Supported

by Zeshan Munir

A Cross Browser Supported solution for Custom Fonts on the Web

A Quick Example of CustomElements

by Anshu Krishna

This tip is a simple example to illustrate how the HTML5 CustomElements can be used to create a custom date tag which has the ability to show relative date (like '5 days ago', 'Next month', '5 years ago', etc.)

About HTML5 SSE, A Practical Working Example Application

by Louwgi

HTML5 SSE example application

Advanced CSS3 Styling of HTML5 SELECT Element

by DrABELL

Pure CSS3 styling solution applicable to HTML5 SELECT element and ASP.NET DropDownList control

Advanced CSS3: pseudo-icons made of HTML5 div Elements

by DrABELL

CSS3 technique utilizes HTML5 div elements to produce compact pseudo-graphics

APS.NET Custom CheckBox CSS whitout javascript / Checkbox css personalizado sin javascript

by dmmg83

Background Music in HTML 5

by mhamad zarif

Playing background music in HTML 5.

Big n Bulky "How To" Document for ASP.NET MVC, Entity Framework, LINQ, HTML 5 and JQuery

by Bhushan Mulmule

This is terribly unorganized document with mix of MVC, Entity Framework, LINQ, HTML 5 and JQuery how tos...

Change/Override the Default Selection Color for HTML

by ManishHPatil

Change/override the default selection color for HTML

Chart in HTML in 1 Minute

by Member 10277780

Chart in HTML in 1 minute

Click/Select row in ASP.NET GridView or HTML 5 Table

by DrABELL

Make entire table row clickable/selectable by adding "onclick" event and formatting features via JavaScript and CSS3.

Click/select Row in ASP.NET GridView or HTML Table

by Sunasara Imdadhusen

Following are optimized code for SelectRow functionStylesheet.selectedRow{color: #303030;font-size:3em;font-weight:bold;}.normalRow{color: #909090;font-size:2em;font-weight:normal;}Javascriptfunction SelectRow(row) { // get all data rows - siblings to...

Communication with Cross Domain IFrame - A Cross Browser Solution

by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

This tip will help you to communicate with a cross domain Iframe which is added in the form.

Create an Input Address using Angular and ng-bootstrap

by O.Nasri

How to create an input address using Angular and ng-bootstrap

Create Attractive Button Step by Step

by Anoop Kr Sharma

Create an attractive Button using CSS3 -Step by Step

Create Scrollable HTML Side navbar with Bootstrap

by Andy Feng

This tip introduces how to use Bootstrap to create a sidebar in Html, which automatically updates links based on scroll position.

Create Smart and Stylish Tooltip

by Anoop Kr Sharma

Easy, simple, stylish tooltip created using HTML and CSS.

Creating a Web Development Bot with OpenAI ChatGPT-4o

by ADemontis

Create a visual automatic webpage generator bot using ChatGPT-4o API

Creating Custom Controls for Windows Store App (Javascript- WinJS)

by Murali Gowda

WinJS custom control to plot/draw a simple donut like chart

CRUD in ASP.NET MVC 5 using WebAPI 2 with AngularJS

by Indresh_Prajapati

This tip will help beginners to implement CRUD operations in ASP.NET MVC 5 using WebAPI 2 with scripting language as AngularJS and Database as MS SQL 2008R2.

Custom jQuery for Windows 8

by niklabh

jQuery customised version to be used with Windows 8.

Custom Prompt with DatePicker directive in AngularJS

by Muhammad Hassan Tariq

Integration of datepicker as directive in custom prompt in AngularJS

Customize HTML5 Form Validation with JavaScript and CSS

by Giuseppe Luciano

How to customize HTML5 form validation with JavaScript and CSS

Customizing PDF Generated Using jQuery DataTables Plugin

by Ramesh_Joshi

This tip shows how to customize PDF created with the jQuery DataTables plug-in.

Display the Preview of an Image Before Uploading It To Server

by Swagat Swain

Display the uploaded image in the DOM before sending it to the server.

Displaying Mathematical Content with MathJax and JQuery Mobile

by José Cintra

Tips for creating mathematical cross-platform applications in JavaScript and display formulas and other content with MathJax and JQuery Mobile.

DOCTYPE Inside the HTML Document.

by Jin Vincent Necesario

Describes the doctype's importance in an HTML page document and reveals the rendering modes of the browser

Dynamic Dialog Box using Bootstrap and Jquery

by Himadri Das_

A little pug in for building dynamic dialog box for Success, Error, Information, warning and other message using Bootstrap and JQuery

Embed responsive Youtube video

by Magyar András

More and more people are watching the web pages on smartphone and tablet devices, so more web developer create responsive website. I present some methods to embed responsive youtube videos.

Export Chart.js Charts as Image

by HitsRathod, Sneha Palve

Easily export chart.js charts in image formats

Export HTML table to Excel With CSS

by Er. Puneet Goel

Here is a quick code for how you can export the HTML table to Excel with CSS of table.

File Upload Using Html5 File API & Ajax Post

by sazakir

Simple file upload using Html5 & Ajax post

Firefox OS Browser Simulator

by Siddharth Chandra

Firefox OS browser simulator using HTML5/JavaScript/CSS3

Fixed Table Header Atop Scrollable GridView in ASP.NET

by DrABELL

Tip describes CSS3 formatting technique that allows to create web Table header, which always stays atop the table regardless of scrolling

fs_slideshow: An Easy to Customize and Use jQuery Slider

by FrostedSyntax

This slideshow plugin extends jQuery and allows all sorts of customization, such as the ability to choose any element type as slides just by specifying a selector string.

GMapsTable: Usage

by AivanF

Read how to add a dynamic table on Google map for your webpage

Google Map, JQuery, AngularJS Address Form autocomplete and geocoder

by lakhdarr

Control and directives for address form auto completion using Google map V3 and JQuery/AngularJS

Handling JavaScript Complexity

by borchef

This is the introduction to a series of articles about Modulair JavaScript.

How to click/select Row in ASP.NET GridView or HTML Table

by Technoses

The above code will slow down the browser and the browser can hang when Rows in Grid will be 10000 or above.Please view the below suggestion:CS Codeprotected void grvGroups_RowDataBound(object sender, GridViewRowEventArgs e){ if (e.Row.RowType == DataControlRowType.DataRow) { ...

How to Create a Font Samples Document for Your Computer

by V. Subhash

A simple Java class to enumerate fonts in your systems and create a text samples document

How to Create a Hierarchical Menu Using HTML And CSS

by Nitesh Kejriwal

Friends, I am planning to write a series of articles on creating menus in different ways and this is the 1st one in the series. This post will explain how to create a simple 2 level menu using HTML and CSS only. We know there are a lot of ways to create a HTML menu …Read more →

How to Create a Simple Drawing App using HTML 5 Canvas [fabricJS]?

by Swagat Parida

Steps to create a simple drawing app using HTML5 Canvas

How to Easily Create a Custom Filter in AngularJs

by O.Nasri

A good example of how you can create a Custom Filter in AngularJs

How to make a link like button using CSS?

by Uday A. Navapara

How to make a link like button using CSS?

HTML Table with Export, Sort, Filter and Paging

by Er. Puneet Goel

Now export your table in Excel across all browsers and enable quick filter and paging

HTML5 (and Some CSS) Best Practice

by Paulo Augusto Kunzel

A short guide on best practices

HTML5 for Asp.net & C# Developers

by Sarvesh Kushwaha

HTML5 Quick Tips for Asp.net Developers

HTML5 SVG + ASP MVC Web API

by bprochniak

A quick article regarding new features in HTML5 and ASP MVC 4.

HTML5 Tables Formatting: Alternate Rows, Color Gradients, Shadows

by DrABELL

HTML5/CSS3 advanced formatting of web Tables and ASP.NET GridView

HTML5/CSS 3 Modal Dialog Box; no JavaScript

by DrABELL

Pure HTML5 modal pop-up box ("darkbox") implemented via CSS 3

HTML5/CSS3 graphic enhancement: buttons, inputs

by DrABELL

Aesthetic enhancement of HTML5 web elements via pure CSS3; no image files required

HTML5/CSS3 VS Fighters Animation

by mgameideas

VS Scene Fight

Hyperlinked Images in ASP.NET GridView

by DrABELL

3 different techniques of adding hyperlinked image to ASP.NET GridView in data-centric RIA

Implementing a Basic REST Based ASP.NET Web API Service with Multiple GET Methods and its Consumption using JQuery Client

by Mathew Soji

This tip guides through implementing a basic REST based Web API service with multiple GET methods and its consumption using JQuery client

InputBox or MessageBox with JavaScript

by Sergi Ortiz Gomez

Utility to create Windows type InputBox with JavaScript for our web

Interactive Menu

by Vadym Poberezhny

Concept of interactive menu based on user activity.

IP Address & URL Encoder

by Syed Ubaid Ali Jafri

Non Printing Characters are invalid when placing it in URL field. These characters may include &, ^, % signs, etc. most Web Platforms somehow have ways to encode and decode this escaped format. This program is design to develop a Logic for Encoding and Decoding the URL, IP Address and HTML Attribute

JQuery Image Slider Tutorial for Beginners

by Dilan Shaminda

A simple JQuery image slider

Knockout Data-binding to Table with rowspan

by DiponRoy

Knockout Data-binding to Table with rowspan

Make gmail User Logo

by aziz57

When we go to gmail, we look at the first letter of username in circle. I am trying to explain this object.

Nested GridView controls in ASP.NET: best practices

by DrABELL

ASP.NET GridView control hosting another GridView in data-centric web applications

New Proposed Attributes for HTML5

by Shekhar Pankaj

New proposed element to be added in W3C Candidate recommendation: 09 September 2014

Nodejs EventEmitter Simplified

by Siddharth Chandra

nodejs advance topic simplified

Online Slide Show as Pure HTML5/CSS3 Solution: NO JavaScript

by DrABELL

SAY IT WITH CSS3! - Online slide show implements "darkbox" pop-up using pure CSS3/HTML5 features

Pjax: pushState and Ajax Using ASP.NET Webforms

by M. Salah AbdAllah

Pjax ASP.NET webform is simple code that uses Ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button.

Playing Audio on Android from an HTML5 File

by Kyle A.B.

Learn how to play Audio in an Android app from an HTML5 page in the Apps Assets folder.

Please Validate Your Publications

by Sergey Alexandrovich Kryukov

The usual problem with publications is broken links. I suggest using a simple script to detect and fix problems.

Populate Grid from Json using XmlhttpRequest

by Ricardo_Torres_Torres

The power of the XmlHttpRequest in Ajax requests to retrieve data from server side

Pure HTML5/CSS3/JS Modal Dialog MsgBox in .NET Style

by veen_rp

A small JavaScript module to create a modal dialog box or user input box in the familiar .NET style

Pure HTML5/CSS3/JS Panel and Splitcontainer in .NET Style; JQuery Not Needed

by veen_rp

Some templates for HTML5, CSS3 and pure JS to create .NET style panels and splitcontainers, using CSS classes for docking. Pure HTML/CSS/JS solution, JQuery not needed.

Responsive HTML Tables using CSS/LESS

by dgDavidGreene

Table transforms for mobile through CSS rules

Responsive Image Approach Options

by Barry Latimer

Discusses the different approaches available and reccomendations for responsive images

SignalR, Angular JS and ASP.NET MVC Real Time Communication

by Yaseer Mumtaz

Using SignalR with AngularJS to develop real time communication application in ASP.NET MVC and C#.

Solutions for Javascript maxlength check

by Andy Feng

This article introduces multiple approaches to implement a Javascript maxlength check in browsers

Stylish Glowing Button

by Anoop Kr Sharma

Stylish glowing button that catches everyone's eyes.

SVG Icon for Angular Material Applications using Angular 4 and Above

by invingagan

How to use SVG icon into Angular material application having Angular version 4 and above

Toggle Button built on ASP.NET CheckBox and HTML5/CSS

by DrABELL

This is an alternative for "Using CSS to Style a CheckboxList/RadioButtonList Control in ASP.NET"

Tree View Control using HTML5

by Style-7

How to create Tree View Control by HTML5 only.

Understanding less.css and Creating Responsive Grids using less.css

by Saurabh Nayar

A simple beginners tutorial for less.css.

Using Web Workers and keeping support for IE9

by gardnerp

Here's a simple tip to use web worker code; yet maintain support for IE9.

Vertical Stretch 100% in HTML5/CSS3

by DrABELL

Make DIV element stretch vertically 100%. Works in all HTML5-compatible browsers

VRT - Realtime HTML5 Data Visualization Application

by Odd Marthon

A versatile visualization web browser application using standard web technologies.

Workaround to Fix Audio Autoplay on Mobile Browsers!

by Elagizy

Most of the mobile browsers don't support audio autoplay to save mobile bandwidth on behalf of the user!

YouTube® playback customization options

by DrABELL

Customize YouTube® video playback by adding web query parameters