Posts marked with "HTML" in categories

Make Headers Jump Links In WordPress Posts

You might have noticed that the , headers in my blog posts are links that can be used to jump to that section. These links are called Jump Links. These Jump Links can be sent anywhere on web for reading that particular section. This is very useful for tutorials as when someone comments a problem, we can use the link to redirect that user to the section where the solution is situated.... [READ MORE]

Finding The Value Of Pi

Everyone must have heard of Pi, the irrational number that never ends. It goes by this : 3.14159265... I have been learning about Pi since I was in 8th grade. All the time in school, I was curious about to which Pi extends. Now, I know the extend – Infinity :P. I dedicated my precious Christmas vacation for finding the useless value of Pi. Why ? Curiosity. Simply, the curiosity made me want to do this.... [READ MORE]

Uploading Images Using AJAX In HTML5

In a post that was published some years ago, I explained how to upload an image using AJAX. But, it is an old trick when HTML5 was not standardized. But, now browsers have evolved and almost every person in the world has an HTML5 supported browser. Besides, the old trick used a JS file which is about 15KB. If we used HTML5 mechanism instead, then you can save about 14KB.... [READ MORE]

Advanced Live Group Chat With WebSocket, PHP & jQuery

WebSocket is one of the awesomest part of the HTML5 and we developers should experiment with it as it will be the future of client to server communication. In a recent post, I made a tutorial of live chat with WebSockets and PHP. It was the basic step into websockets. But, I have created another chat which is more advanced that has the capability to upload images as well as record audio from microphone of the user.... [READ MORE]

Notebook Paper Design Text Editor With jQuery

Hey, all.. it’s been a while since I wrote anything on my blog. Sorry guys, but I was working on a project which will be released soon. 🙂 WYSIWYG editors are used by us all on the web and if we are going to create a site, it’s better if the editor on it is WYSIWYG. There are many text editors, but there are none with a Notebook Paper design. Well, in this post I will guide you in creating a notebook paper with CSS3 and making that paper design into a text editor.... [READ MORE]

Drupal 8 HTML5 Initiative

HTML5 is the newest HTML version and it has tons of new features. New input types, output & input (audio, video) and many more. It is now absolutely necessary for projects to move to HTML5 to enjoy new features. Drupal is also converting to HTML5 in the upcoming stable 8.0 release. Drupal has started the HTML5 Initiative to convert Drupal to HTML5. Now, this will upgrade Drupal into new heights.... [READ MORE]

Newton Color Disc in jQuery

Newton Color Disc is used to find the color got by the combination of multiple colors. The color is not actually formed, but the eye identifies the combination as another color due to persistence of vision. Normally, Newton’s Color disk is made by marking sectors filled with color on a circular shaped disc. When this disc is rotated at high speed, we see the circle as another color. This principle led to the method of creating different colors by the combination of some primary colors at different percentage compositions.... [READ MORE]

Create HTML Chess Game With jQuery

We all love to play Chess, the most fascinating game that absolutely needs good thinking powers. You know that, comparing a human to a computer logically and arithmetically, computer has the superior power. So, certainly if you play a chess game with computer as opponent, a 90% chance is for the computer to be the winner. But, it is not sure. It was actually in C language by Oscar Toledo Gutiérrez, who created chess game program in less than 2 KB.... [READ MORE]

Create Live Group Chat With PHP, jQuery & WebSocket

With the introduction of HTML5, a new technology was evolved in 2011 called WebSockets. This technology enables live connection with the server even after the page finished loading. It’s a better, replaceable version of AJAX for client to server communication in the background. With WebSocket technology, its possible to have a direct communication between server and client without any interruption and faster data transmission. So, to demonstrate this to me and for you, We’re going to create a live group chat with PHP, jQuery with the help of WebSockets.... [READ MORE]

Record, Play, Download Microphone Sound With HTML5

HTML5 has tons of new stuff that are exciting and very interesting. It arrived with features that would replace the need of Flash in browsers. Since the features that were available in Flash is coming into the native JavaScript, soon we won’t have to update our Flash player plugin and depend on Adobe for new awesome features. More integration with hardware technologies to the Web is the main important thing. We can now access the audio & video hardware of the user’s system efficiently with less code.... [READ MORE]

Follow/Subscribe

Telegram 

Mastodon  Twitter

GitHub GitLab

Subdomains

Demos  Lab

Past

This blog was once on WordPress. Now a static site. See source code on

GitLab