The Software Programming Experience of a Tech Lead: HTML5
» Coding Savvy FB Twitter Google
Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

Why Ionic Framework is Leading Cross-Platform Development Stack

Ionic Framework is a mobile app stack that let web developers build apps for all major app stores and the web with a single code base. At the same time, your app looks and feels awesome on every device, Isn't that great?
In fact , All you need to know is Angular, JavaScript, Typescript and HTML5.
Arguably, All these are things you can learn through a normal weekend if your'e a newbie.
Above all, Ionic Framework makes it easy for web developers to build mobile and web apps for Android, Windows, IOS, Electron and Browser without stress.
Why Ionic Framework is Leading Cross-Platform Development Stack

Getting started with Google Material Design ( Materialize ) an HTML5 Responsive Framework

Google Materialize is a CSS framework but the special thing about this powerful library is that it gives your page the look and feel of material properties(colors, typography, shapes, patterns and layout). If you have ever come across any Material Design CSS you will understand what Google is trying to archive by creating this powerful library. Materialize has it own unique characteristics( Motion and Stacking ) which is why developers don't see it as another Twitter Bootstrap duplicate, It follows Google Material Design Documentation.
Material Design is a design language that combines the classic principles of successful design along with innovation and technology.:
We want to create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.  Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.
Materialize is the web implementation of Material Design to web which was initially made by Google for Android.
Programming Languages and Frameworks used to build Top Nigeria Websites

Must-have tools and services for Front-End Web Development

To have an efficient front-end development environment require more than just the right skills, It needs to be with the right tools. This web development tools make our work easier every day. As a for a web developer/ web designer you can not help but have this tools and service readily available for every project. This tools are what add grease to the wheels of your development process and make things run smoothly without unnecessary rough patches. I have taken my time to look around the web and search for tools that are needed to have more front-end development environment on your PC and here they are base on developers remarks. It not necessary for you to have more than one tool that performs a single task but it your choice to determine the tool that suit your taste.
Must have tool and services for Front-End Web Development

HTML5 Unicode Symbols & Icons for Web Designers & Developers

Loading some additional Icons library can slow down your webpage , Why not just use the inbuilt HTML5 Symbols and Icons. It will save you great deal of time and working flexibility, It very simple to use, There is no import needed all we need to do is put the code and it done. They are Created to make web development cycle easier. 
HTML Useful Unicode Symbols : Useful for Web Designers.

How to Create Custom Audio Media Player With HTML5 and JQuery P1

The tutorial you have basic knowledge of HTML and JavaScript, We are going to create an awesome audio music player that can work cross-browser with an incredible look and feel.
 JQuery is involved for compatibility. I/O is still evolving on the web lot of security constraints has been put in place for user protection. Our aims are quite simple. Get audio files, read them and play.
Streaming is done by the app. The supported extension is mp3, mp4, wave e.t.c.
How to Create Custom Audio Media Player With HTML5 and JQuery P1

How to Create a Circular Shape Progress Bar Using HTML5 Canvas

Displaying the progress of an ongoing operation to the users is one of the best way of representing a process progress in web applications. Now here is how to spice it up a bit, Making the progress bar in circular shape is now the most used style for a process that might take long. This is also very useful when you want to use a progress bar to represent any form of rating in percentage in your own applications. It make it look more presentable than the basic old lame rectangular progress bar.
How to Create a Circular Shape Progress Bar Using HTML5 Canvas

Live Username Picker Using JavaScript and HTML5

Developer always want user registration to be easy and comprehensive, we can make it very interesting by letting the user know the pattern their username will take after completing the registration. They can see if the username look cool enough or they can change it to see what is going to come out of it. The main reason for creating this tutorial is for us to learn how to create a very interactive application with the combination of JavaScript and HTML5.We are going to create a username picker that will change their username right in front of their eyes. 
Live Username Picker Using JavaScript and HTML5

Capture Audio & Video with your website like skype using HTML5 and JavaScript

Hi Friends, It been a while since we did some cool Programming stuffs, Let crack this one together. Today we are going to learn how to access user webcam and use it to snap picture and videos just like Skype.This was initially done by +Eric Bidelman a Google Developer on HTMLRockswebsite owned by Google. but I save the best out of it for us, Please keep in Mind that the technology behind this audio/video capture is fully supported by Google Chrome ,Opera,Latest Firefox browser and some other browser but I will recommend that you make use of Google chrome to see how it really works.
Capture Audio & Video with your website like skype using HTML5 and JavaScript