Click here to Skip to main content
15,892,746 members
Everything / Web Development / HTML5

HTML5

HTML5

Great Reads

by Colin Eberhardt
This article describes the development of a cross-platform HTML5 application for Windows Phone and iPhone.
by Marcelo Ricardo de Oliveira
A shoot'n'up HTML5 game made with Phaser game framework
by Florian Rappl
Exploring the abilities, benefits and features of TypeScript by extending / rewriting the original Mario5 source.
by Fred Song (Melbourne)
Global Weather - React App with ASP.NET Core 3.0

Latest Articles

by honey the codewitch
Generate a web browsable interface to your archived TV show content
by Jeremy Likness
Wisej is a powerful platform that abstracts away the nuances of client/server interactions while embracing all the web has to offer, including third-party HTML5-based solutions, it is the perfect tool for building enterprise web applications.
by DrABELL
YouTube™ API for ASP.NET, AJAX-extended (C#)
by Sergey Alexandrovich Kryukov
The usual problem with publications is broken links. I suggest using a simple script to detect and fix problems.

All Articles

Sort by Title

HTML5 

6 Jan 2021 by Member 11183217
hi friends, i have little bit doubt for img tag in html . actually i was tried this same code in Notepad there that image was shown perfectly. but this same code i was tried in my project page like student.html page. there i have used this same code but the image...
14 Jun 2017 by Stuart Jeffery
I believe you are missing the file:// code before the path so it should be "file://c:/Users/john/Downloads/download.png" You should also ensure that you are only wanting to do this temporarily for a local html file and not one that is hosted somewhere. It is far better to design a page and have...
14 Jun 2017 by OriginalGriff
First, change the closing tag to "/>" from "\>" The "lack of display" is probably that the webpage is not being run from your user ID, so access to "Users/john" is probably being denied. Try moving the image to a "neutral" folder that has full access permissions for all users and that will...
15 Jun 2017 by Richard Deeming
You are specifying a local path for the image. Even if the browser allowed you to load local files into your page (they don't), it would be trying to load that image from the user's file system. It's highly unlikely that the user will have a file with the same path and filename as the file on...
16 Jul 2020 by Member 12318492
I have tried a lot of techniques and finally found one in C# side and JS Side. You cannot give a physical path to src attribute but you can give the base64 string as a src to Img tag. Lets look into the below C# code example.
29 Mar 2017 by smksamy
Hi Friends,I have one issue in mathml code view in html, HTML file have the MathML content in this 1 Mathvariant attribute values not reflect for digits, otherwise this is working fine for alphapet letters. How to solve it. Using mozila firefox...
21 Oct 2014 by Member 11171563
Hi there, I have apply below code in HTML and also upload .webm, .mp4, .ogv format file at server but it's show error in all browser
5 Feb 2023 by OriginalGriff
First off, DON'T SHOUT. Using all capitals is considered shouting on the internet, and rude (using all lower case is considered childish). Use proper capitalization if you want to be taken seriously. Secondly, I ask myself why you can't add what...
5 Feb 2023 by Richard MacCutchan
1. See JavaScript Timing Events[^] 2. Every time either car moves you need to check their positions. The position of the rear end is (probably) position plus length of car.
10 Sep 2015 by Patrice T
My solution is to learn HTML5More or less, HTML5 supersede HTML4, it can handle modern things that are mandatory today.here is a few...
24 Jan 2020 by NJ44
Hi,I have an anchor element placed on my HTML page, which is under some conditional statement:@if(someCondition){IOP - In Plan}CSS:a.inactiveLink { pointer-events: none; cursor: default; ...
16 May 2016 by Kornfeld Eliyahu Peter
The pointer-events CSS property not supported in IE before version 11...
28 Dec 2016 by Member 12546977
Instead of doing it using css , try to set attr/prop using jquery If you are using jQuery
24 Jan 2020 by Member 14725965
I was facing exactly same problem. By adding css property 'display: block' to class, it worked on IE 11. I'm just using that now along with 'pointer-events: none'.
4 May 2023 by Lambkin 2023
Im just looking for some advice, anything you can share with me will be much appreciated. Thank you!! What I have tried: youtube/udemy and github. as well as some mobile apps
4 May 2023 by Graeme_Grant
This is a big question. The answer is it depends. However, based on how you asked the question it sounds like you have not done much programming, if any. Everyone has a different learning technique. Some learn from books, others from being...
9 May 2017 by Member 13190021
I need to be able to make accounts, add and charge money to those accounts, and have those transactions occur based on the physical location (updated based on scans) of physical objects. I apologize for my inexpert language regarding such things. Would such a program be difficult to create?...
9 May 2017 by Dave Kreskowiak
If you are indeed a newb at programming, this project would be so far over your head as to take you a few years to write it. Hire it out.
26 Jun 2018 by Member 13884629
I managed to make it but got some minor hiccup. Currently, the active class been added to current URL including the All Watches link (maybe because the URL is the homepage URL). May I know what I need to author for the script to work exactly as what the current URL looks like. This is the HTML...
26 Jun 2018 by Richard Deeming
The match method[^] takes a regular expression as its argument, and either returns an array containing the matches, or null. Your href is not a regular expression, but since it doesn't contain any special characters, it will act like one. It doesn't contain any anchoring clauses, so your match...
27 Aug 2014 by Singh.Ankita
.......step attribute is not working on iPhone...what is the alternative....please help....i am using phone gap
4 Oct 2012 by sangamesh arali
Hi,we are getting page loading issue please anybody help us outWhile loading the page it is displaying half page(vertical) for few seconds then it is showing fully so please anybody suggests us where is the problem. The page loading showing like left to right...
4 Oct 2012 by Nandini CR
please check if u r loading many images. If yes, then i would suggest you u minimize them or replce them with css color property
4 Oct 2012 by Sandip.Nascar
It seems, you are doing some heavy operation (data calling probably) in page_load.So, until the page_load event completes, there will be a kind of partial display and the page is fully loaded and rendered after the page_load event completes and the html renders.There are several options...
12 Jan 2019 by TheBigBearNow
Hello all, I have a bootstrap 3 modal and I want to use bootstrap 4 to make it work the same way. I have tried quiet a few different ways to make this work I am trying to use something like the fadein fadeout and fadetoggle methods but in bootstrap4 they don’t have these. I tried .modal(show)...
6 Jan 2022 by TheBigBearNow
I currently have a layout which works for me except for when the screen gets smaller. I have been playing with it and I have it how I want it except for 1 element. When the screen is big I have the elements layed out ‘block’ next to each other...
11 Sep 2015 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.
15 Mar 2012 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.
28 Mar 2020 by Member 14719507
i got 2 functions, ones checks the login given and the other renders an icon based on if its correct or not,it doesn't work after checking slowly with debugged. problem is once the main function ends , the entire page gets re-rendered for some...
17 Sep 2013 by Rahul Bandopadhyaya
20 interesting HTML5 enhancements
29 Mar 2012 by Konstantin Kichinsky
I’m going to focus on one interesting scenario that isn’t directly covered by the HTML5 standard, but is in high demand and visually impressive. It’s audio visualization using HTML5 <audio>
3 Jul 2019 by Cloudster
Deploy a 360 image gallery with Django, Bootstrap, Python, A-Frame, and PostgreSQL
4 Aug 2016 by Ujjwal Gupta
Introduction to 3D with the HTML, CSS, JavaScript and three.js
24 Sep 2014 by Shivprasad koirala
In this article we will quickly brushup 40 important HTML 5 interview questions with answers , Happy job hunting.
25 Mar 2019 by Member 14171287
while iam trying to use this jQuery. im facing "401 Unauthorized" error in Chrome & firefox debugger. i just want to capture the image using webcam and save/display. What I have tried:
31 Jul 2014 by SatishChandraKV
We have a Phonegap application (HTML5 front UI) running for iOS. This uses a ASP.Net Handler set for the business logic. I am stuck with a wierd issue from past few days. The user is complaining that he gets a "Internal Error 500" when trying to navigate through various screens. Not...
7 Feb 2013 by HTML5 Partners
Bringing Contre Jour to the web pushed the boundaries of what even we thought was possible - proving that HTML5 is ready for the prime time as a viable platform for casual gaming on the web. The following technical tear down provides rich insight into the challenges faced and solutions achieved in b
25 Dec 2021 by Diego Carvalho 2021
Eu preciso traduzir a tela do cliente de inglês para português qual o melhor método e programa para fazer isso!?Adquiri um script webflix! Mesmo indo nas pastas pelo visualcode e alterar as palavras ele não está ficando em português no caso ele...
25 Dec 2021 by OriginalGriff
If you have bought a script to do this and it isn;t working, your best action is to go back to the site you bought it from and ask there: if you can't get them to help, then demand your money back. Asking a random site about a package we have no...
18 Feb 2016 by sachin ghute
I have use this link for website font-family,when launch website in a local host and lost internet connection this font link is not...
17 Dec 2015 by ajeeshsathyan
hai i need a function in javascript for check/uncheck of radiobutton onClick .. anyone help me....@questionNo ) @Html.DisplayFor(modelItem => item.Question) @Html.RadioButton("radio", "1", new { onclick =...
22 Nov 2013 by ninasalimi
Hi all;I have a video on youtube but it cannot be viewed in some countries because access to youtube has been blocked in those countries.So, what would be your suggestion? i know i can put another link and ask the clients to click that link but i would like to know1) if you guys know any...
22 Nov 2013 by ♥…ЯҠ…♥
Hi Ninasalimi,There are tons of free video sharing sites on the internet.First you need to get a list of video sites that are blocked in your client country(if possible)No problem, I did a quick google search for you and here is the list of sites[^] that you can make use of.Hope this...
22 Nov 2013 by ninasalimi
Does anyone know if there is a code for doing this? (server side scripts maybe) or if there are some codes to accomplish this goal(server side | client side) which was is more acceptable?Thanks a bounch
18 May 2016 by Dave_Voyles
What is WebGL doing and why should I care?
21 Jun 2012 by DominicZA
hi,Just a quick, super simple question. I have been working with ASP.Net for quite some time. I have lots of Javascript experience and would consider myself an "advanced level" developer. I am currently using HTML 5 at my current job, but I feel like I am not using it to its full potential....
21 Jun 2012 by Farhan Ghumra
Google Search - html5 best books[^]HTML5 Book Guide [^]Best One According to me => Pro HTML5 Programming: Powerful APIs for Richer Internet Application Development [^]
9 May 2015 by Member 11181823
Being an app developer, you need to ensure that the app provides the following functionalities:n It is game that involves a single player.n When the game starts, the player is prompted to enter the name.n The game asks 20 questions to the player. The questions are randomly picked...
9 May 2015 by OriginalGriff
We do not do your homework: it is set for a reason. It is there so that you think about what you have been told, and try to understand it. It is also there so that your tutor can identify areas where you are weak, and focus more attention on remedial action.Try it yourself, you may find it...
5 Sep 2020 by Dec Fathani
When a thumb image is clicked, a horizontal line appear on left side of a popup image. it happens because i added a box-shadow to img css. i am practicing using a flex, problem not occured when flex is disabled. how to fix it.. This is my...
5 Sep 2020 by Dec Fathani
i know why my page doesn't show correctly. something wrong with my code and figure it out. i change a selector '.overlay img' to '.overlay:target img'. my page looks as the way i want
27 Sep 2011 by Ron Ayoub
A JavaScript Shift-Reduce Parser for Algebraic Expressions
15 Nov 2013 by Member 9813435
Hi everyone.I'm quite new here but so far i like the expertise you guys have.I'm learning html,mysql and php basics all at the same time.My current task is creating a simple quiz form online.Each question has a unique id in the questions table on mysql.There is also an answers table and a...
15 Nov 2013 by bmw318mt
Table 1 would consist of a Unique ID - Primary Key and the question.Table 2 would consist of a Unique ID - Foreign Key and possible solutionThe SQL query would then check against the tables, on which question it is being attempted, if the solution is not equal to the possible solution...
31 Mar 2014 by Manas Bhardwaj
Here is a minimalist example of using Html5 Canvas to save signature as Image using Web API
11 Aug 2012 by Jake Drew
A New JavaScript Wrapper Library for HTML5′s IndexedDB.
22 Jun 2017 by ALTHARBANi
Quote:Hello What is the method of making the topics on the site appear to the member by country without the need to mention his state when registering? When registering a member, I would like to show him the members and topics closest to his country. THANKS YOU What I have tried: ...
22 Jun 2017 by barneyman
you'll have to use an IP Geolocation Database[^]
23 Jun 2018 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.)
13 Feb 2016 by Jovinz
There are many web tutorials however, they teach the exact same thing. I am looking for something that would teach you how to make a website and use Javascript that makes sense. Then also uses maybe PHP or something to make it more secured. Like most of the time I learn about arrays and I never...
13 Feb 2016 by Dave Kreskowiak
There is no such thing.Nothing is going to go over every little detail, like you want, in a complete end-to-end tutorial making the most secure website and giving reasons for every single detail. That would take thousands upon thousands of pages in an entire series of books. That just...
13 Feb 2016 by Sergey Alexandrovich Kryukov
Some people use all kinds of tutorials and learn, other seek excuses for not learning.And this is a very convenient excuse: all the tutorials "teach exact same thing". They are not teaching how to make Web site which makes sense. There is no a "real site". So, first step is to find a real...
13 Feb 2016 by Patrice T
Here is a good tutorial site for html and related sujects: W3Schools Online Web Tutorials[^] where you will learn pieces of the languages.For site design, the main thing is to be creative, and this is only in your head, it can't be learned.When you know what you want for the site, you use...
7 Sep 2018 by Robert Vandenberg Huang
Experiment, run and compare different pathfinding algorithms and heuristic functions
28 Oct 2017 by massimiliano aronica
Let's have a break with JavaScript and a Canvas
13 Oct 2012 by Bernardo Castilho
An article that shows how to implement MVVM apps with KnockoutJS and custom controls.
18 Sep 2014 by Vinu Sorout
This article explains the basic knowledge about the browser databases that comes in handy when working with the HTML 5 Offline application to create, edit, modify or delete the data of a table in databases (indexedDB and WebSql).
20 Dec 2011 by vishal_h
i want to abort particular file on click of cancel button...but it will abort on first button instance not for cancel button for that file upload...i want to apply closure for this situation which will abort only those file which cancel button is click...here is my code...function...
23 Dec 2011 by vishal_h
I solve it..it works..need to call abort method on current cancel button on which we have to abort the file upload..//These function i want to call on every cance button instance $(this).find(".CancelButtonClass").click(function() { xhr.abort(); });
1 Aug 2013 by Member 10170389
I tried this code on asp.net using file upload controlif(FileUpload1.HasFile) { FileUpload1.SaveAs(Server.MapPath("~/Uploads/" +FileUpload1.FileName)); Label1.Text=" file has uploaded sucessfully"; Label1.ForeColor = System.Drawing.Color.Green; ...
1 Aug 2013 by vinay.tatipamula
Once you saved your file in server.i.e., after the success message "File saved successfully.. call your javascript like following..ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), "javascript:yourPrintFunction()", true);
16 Nov 2012 by Vishal Dwivedi
can anyone tell me that how to embed a xaml & html5/css3 scripts into php script ....?? please give separate solution for both .....xaml -> into -> phphtml5/css3 -> into -> phpRephrased Question :-somewhere i saw that php can works like glue between two different languages.i think...
16 Nov 2012 by Sergey Alexandrovich Kryukov
The question as it is makes little sense. First of all, you need to understand how PHP or other server-side technologies work. Nothing is really "embedded" in PHP.Any PHP file is actually some kind of template of what should be generated as a HTTP response in response to some HTTP request....
8 Feb 2014 by Amit Kumar143
hello friends,i am building a web application that should look like windows8 Pattern, so i searched and found using MetroUI-CSS where you can have set of styles to create a site with an interface similar to Windows 8. i am new in it in my application first i need a Accordion,so i read the...
8 Feb 2014 by AnvilRanger
Did you use the developer tools in your browser to check for js errors?Just from what you posted you are adding the reference for jQuery easing before jQuery itself that might be your problem.
11 May 2015 by John Bhatt
Accordion Panel with CSS
30 Jun 2016 by Ram349
Hi all, I am trying to implement accordion using html,javascript and cssit's working fine in w3schools editor and Jsfiddle but same code is not working in my asp.net application.i used below code
24 Jun 2022 by Member 14783397
I am using the default Accordion of Bootstrap: https://getbootstrap.com/docs/5.0/components/accordion/ When the Accordion is active, the whole Accordion Button will change it's color. I want to just put a small block on the left for the active...
24 Jun 2022 by Graeme_Grant
I'm looking at Accordion · Bootstrap v5.0[^] from their documentation. If you open the browser dev tools, you can see the styling of the accordion button when it is open and closed. When open, the following classes/rules are set:...
4 Jul 2023 by KiranSharma1
I am using ad inserter sticky block feature for the ad in my website. When I apply overflow-x:hidden he sticky block is not behaving as expected What I have tried: And I using this css to disable horizontal scrolling on mobile devices. @media...
4 Jul 2023 by Richard Deeming
Hidden overflow has always caused problems with sticky positioning: [css3 positioning] support position:sticky inside an overflow:hidden|auto on general parents · Issue #865 · w3c/csswg-drafts · GitHub[^] In particular, setting overflow-x:hidden...
15 May 2014 by Hercal
hiiiii , is there any way to apply any website template to a word press ??i mean any template such as exist in http://www.freewebsitetemplates.com/[^]i...
15 May 2014 by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)
You have to design a Wordpress theme.Refer1. Create Your Own WordPress Theme from an HTML Template[^]2. Theme Development[^]3. HOW TO CREATE A WORDPRESS THEME: THE ULTIMATE WORDPRESS THEME TUTORIAL[^]
24 Dec 2022 by OriginalGriff
While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it wouldn't be at all fair for...
24 Dec 2022 by Joseph Siaka
Add a heading 2 for Favorite Music Artists in the third divider element. In the same divider add an unordered list with your top 5 favorite artists. What I have tried: Add a heading 2 for Favorite Music Artists in the third divider element....
6 Mar 2015 by Member 11503997
So I want to make a table that looks like this with only CSS/HTML.______________| --------- || --------- || --------- || --------- || --------- || --------- || --------- || --------- || --------- ||_____________|I don't want the "border-bottom:...
6 Mar 2015 by Abhinav S
Try putting a padding around the cells.
6 Mar 2015 by King Fisher
I hope your code is working fine.I just created a fiddle for your Codehttp://jsfiddle.net/King_Fisher/crLLwmo5/[^]
9 Sep 2013 by praveena0989@gmail.com
I am trying to code a web version of iphone app wobble(http://www.chillifresh.com/) in css and javascript.I tried HTML5 canvas, but had very bad performance issue.Now trying css keyframes and transitions, but no improvement in performance. Because I have to load same image more than 200...
19 Nov 2013 by Alexanbu
HTML CODE: Click here to bounce. Direction: Up Click here to bounce. Direction: Left Click here to bounce. Direction: Right
11 Jul 2017 by James Min
Hi Guys, I have a problem. The add to cart function doesn't work correctly. After i clicked the add to cart button, if it is the same Product ID, it does output a new product on another row. Another problem, is the total amount in the cart table. What I have tried: I tried using the find...
11 Jul 2017 by Andy Lanng
Here it is in jsfiddle: Add cart not working - JSFiddle[^] But it works as expected. I made a couple of changes just to get it to run, such as populating the elements on doc.ready, just to get it to fit with jsfiddle. I also made the functions arrow functions. I guess I don't get when you...
27 Aug 2020 by Member 14920672
I had already asked for help to resolve this issue. But I have got an advise to describe my issue in more details for increasing chances to get an answer. And I will try to do it. I have a checkout page in my website. There are 3 payment methods...
17 Nov 2015 by elshorbagy
I built a mobile application using HTML5 & javascript,I added the facebook comment plugin to a page of them.When I run the page on a web server, I can see the comment plugin, but when I run the page from the mobile or after installing the APK file, the plugin does not work.Any Ideas?Thank you
17 Nov 2015 by Darren_vms
If you are using a webview then java script is disabled by default, to enable use something like this.WebView myWebView = (WebView) findViewById(R.id.webview);WebSettings webSettings = myWebView.getSettings();webSettings.setJavaScriptEnabled(true);/Darren
1 Oct 2015 by LEADTOOLS Support
This “How To” adds document viewing with page thumbnail navigation and full page view to an ASP.NET MVC 5 project.