Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Thursday, July 2, 2015

Sencha Touch Best Practices for User Interface Development


In this article I talk about Sencha Touch best practices, specifically for developing user interfaces. I use the following practices in my projects. I think they will help you when developing Sencha Touch UIs.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,Sencha Touch,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Monday, June 29, 2015

Build an AngularJS App Powered by Python EVE: Part 2


In the previous part of this series, we implemented the sign-in and sign-up process using the Eve API we created in the first part of the series. We used Node.js and AngularJS to create and get our app running. In this tutorial, we'll take our app development to the next level by using the Add, Edit and Delete APIs to create items in the user home page.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,AngularJS,Python,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Friday, June 26, 2015

Using Node.js to build REST APIs


Node.js is a platform for building server applications using JavaScript. The platform provides a way to create web applications and services that have to serve a large number of clients. One can quickly setup a basic server using Node.js that serves pages and APIs. In the last two posts, we saw how to get started with Node.js and how to serve pages and static content. In this post, we will see how to build some basic REST APIs using Node.js.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,Node.js, Rest,Computer Tutorials, Web Development, Web, HTML, HTML5

Node.js Serving HTML pages and Static content


Node.js is a platform that provides a way to write server side code using JavaScript. This model works well for quickly prototyping a server based application and even in building highly accessed web apps. In our previous post Node.js Tutorial Series - Getting Started, we discussed basics and working model of a Node.js based application. In this post, we will see how to serve HTML pages, scripts and styles using Node.js.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,Node.js,Rest,Computer Tutorials, Web Development, Web, HTML, HTML5

Thursday, June 25, 2015

Web Development - Building Responsive Web Sites with Bootstrap


In the past, a Web site that supported mobile and desktop required different code bases. Today, however, there are UI frameworks that allow a site's Web pages to support mobile, tablet, desktop and even large-screen desktops—all with a single code base. Though these tools aren't a panacea for mobile Web developers, they can significantly ease the development process. Still, thought must be given to determine if one is right for your site.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

Responsive Web, Bootstrap,.Net, Articles,Computer Tutorials, ASP.Net, jQuery, HTML, HTML5, Javascript

Monday, May 12, 2014

Beginner's Guide to HTML5 & CSS3 - Web Storage Wizardry


The World Wide Web (WWW) is originally stateless. HTTP (HyperText Transfer Protocol) - a set of rules that governs communications on the WWW, provides no means for maintaining states. Using HTTP alone, every request for a web page is a new and isolated one. In other words, you are anonymous or faceless to the website as it does not recognize you or remember your previous visits. This stateless WWW can be liken to your affair with the vending machines you frequent to buy your favorite beverages and snacks. These machines do not recognize you or remember your previous purchases. This type of model is fine if each transaction is independent and can be completed in a single cycle of request (press the product button) and response (out come the product). The stateless model of WWW cannot meet the sophisticated demands of today's web applications. A typical e-commence transaction session on the web, for example, will consists of a connected series of consecutive and iterative cycle of requests and responses - From browsing and searching items, adding items to cart, displaying cart content, changing cart items (iterative), changing item quantities (iterative), to checking out all within a single session. For this to happen, the e-commerce website must recognize you and remember your preceding activities with the website in order for it to correctly process your subsequent requests such as displaying cart content, changing cart items etc. In order words, today's web applications must employ some mechanism to maintain states in order to function properly.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Tuesday, April 15, 2014

Beginner's Guide to HTML5 & CSS3 - Getting Fancy with HTML5 & CSS3 (Series 5 of 12)


In this article we will learn more about CSS3 and some HTML5 related stuffs. By the end of the article you should be able to learn and understand the concepts and make use it in your day to day activities. This article is created with an effort in bringing interactive experience to the reader. Please feel free to run the demo for better experience. In order for you to feel a real time experience with the concepts explained in this article, Try it out option is provided (All code samples are developed using codepen.io editor) demonstrating the samples in a way you will interact with the sample code and learn. Feel free to open up, edit and see how the code works.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Saturday, April 12, 2014

Componentizing the Web


This is the story about a project of mine. A big one. A mixture between PHP and Node.js. It's a single page application from one point of view and an SEO optimized website from another. Tons of JavaScript, CSS and HTML was written. In a single word, a spaghetti nightmare for any developer. There were falls and rises. Producing and solving bugs. Fighting with the latest technologies and ending up with a wonderfully simple library, which is the topic of this article.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, ASP.Net, jQuery, HTML, HTML5, Javascript

Monday, April 7, 2014

Reading a Local File using HTML5 and JavaScript


One area where the web has lacked for some time is the lack of a true file system. HTML5 fills this void by providing a standard way of interacting with local files using the FIle API specification. These APIs are used to read file locally, handling images etc. Some of the specifications are as listed below: 1. File: Provides read-only information about the file like name, filesize, mimetype


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Friday, April 4, 2014

Using the touch screen in your HTML5 games on Android* devices powered by Intel


With the dramatic acceptance rate of smartphones and tablets has come an enormous shift in the way spontaneous experiences are delivered on these touch devices. Native application developers have incorporated touch events to improve the user experience and change the way users interface with their content. Mobile devices such as smartphones and tablets generally have a capacitive touch-sensitive screen to capture interactions made with the user's fingers. As the mobile web evolves to enable increasingly sophisticated applications, web developers need a way to handle these events. For instance, almost any fast game requires players to press several buttons at once, which, in the perspective of a touchscreen, infers multi-touch.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Creating your first HTML5 spaceship game for the Android* OS on Intel® Architecture


I'm certain most of us have some insane or not so insane video game plans in mind. The majority of these thoughts are never acted on as many people think game coding is exceptionally hard to do. Indeed that is true to a degree, but it is not as hard as you may think. If you have a fundamental understanding of HTML, CSS, and JavaScript*, you have all the requisites to start a straightforward project.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Sunday, March 2, 2014

HTML5: Battery Status API


One of the most irritating limitations of the current generation of mobile devices is their limited battery life. It drives me crazy when the battery of my mobile phone dies when I'm out and about. No matter how small and convenient modern smartphones are, you need to remember to carry an adapter with you in case your phone or tablet runs out of juice. As developers, we can help remedy this issue, but we usually prefer to ignore it. Until recently, developers had a good excuse as there wasn't an API to get information about the device's battery status. That excuse, however, is no longer valid thanks to the introduction of the Battery Status API. Let's take a few minutes to explore what the Battery Status API is all about.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Monday, February 24, 2014

10 HTML5 APIs Worth Looking Into


Developer Published February 19, 2014 The tools available to create powerful applications on the web platform are getting better with each passing year. The HTML5 specification has added a number of useful features in new APIs that you may not have delved into yet, likely because of the lack of browser support. In this post, we'll take a look at 10 HTML5 APIs that cover a whole slew of functionality and features that can help you create interactive websites, test the performance of your code, interact with a user's device, and much more. And as you'll see, support for these features is probably a lot better than you might think.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

HTML5 Video and History: Features Users Can Really See


Who hasn't started looking at the mobile Web and HTML5—features like the viewport, new HTML5 controls, geolocation and many others that are part of smartphones, tablets and advanced browsers? With these features, developers have started to provide users with fairly common, new input controls; jQuery Mobile features; location and mapping; and much more. In this article, I describe two features that you might not be familiar with: the


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Sunday, January 26, 2014

Four Options for Mobile Form Validation


Form validation is among the most despised tasks in web development. Implementing client-side validation in a user-friendly, developer-friendly, and accessible way is shockingly difficult - especially in the context of mobile. Worse, since the need for server-side validation is not removed, any client-side validation violates the DRY principle of software development. In this article we'll look at some mobile form validation best practices, and a few different ways to implement them. We'll specifically look at the following four approaches:


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Monday, January 20, 2014

SOLID: Part 2 – The Open/Closed Principle


The Open/Closed Principle, OCP in short, is credited to Bertrand Mayer, a French programmer, who first published it in his book n Object-Oriented Software Construction in 1988. The principle rose in popularity in the early 2000s when it became one of the SOLID principles defined by Robert C. Martin in his book Agile Software Development, Principles, Patterns, and Practices and later republished in the C# version of the book Agile Principles, Patterns, and Practices in C#. What we are basically talking about here is to design our modules, classes and functions in a way that when a new functionality is needed, we should not modify our existing code but rather write new code that will be used by existing code. This sounds a little bit strange, especially if we are working in languages like Java, C, C++ or C# where it applies not only to the source code itself but to the binary also. We want to create new features in ways that will not require us to redeploy existing binaries, executables or DLLs.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

Architect,Intermediate,Articles,Computer Tutorials, PHP, SOLID, HTML, HTML5, Open/Closed Principle,

HTML5 Geolocation API - Getting Started


Geolocation is one of the first HTML5 features that has been embraced across all major browsers. In this article, we will look at the HTML5 Geolocation API to get/access a user's Geolocation. Using HTML5 Geolocation API, you can share your current location with trusted web sites or even use it to provide additional geo location features in your own website, like providing discounts to visitors


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

Architect,Intermediate,HTML5 Geolocation API,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Monday, January 13, 2014

HTML5 Threading with Web Workers and Data Storage with IndexedDB


In a previous article, I looked at the HTML5


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

C#,.NET,Architect,Intermediate,IndexedDB,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Wednesday, January 1, 2014

Using LocalStorage in HTML5 with JavaScript to manage data locally in a Browser


Cookies and HTML5 LocalStorage serve different purposes although they both store data on client-side. While Cookies are meant to be sent to the server with each request, HTML5 LocalStorage comes with the idea of storing data locally, without transmitting it to the server. In the past, we have used cookies to save data generated by user, on the client side. But there have been multiple issues


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

Wednesday, November 27, 2013

AJAX file uploader with progress notification in pure HTML5


Since the introduction of AJAX technology into the internet app development scene which allowed sending of requests to the server and updating part of a webpage without reloading the whole part, developers have taken advantage of it to write great apps. But as great as this technology is, it had a major limitation of not being able to upload files not until HTML5 with the introduction of FileReader and ArrayBuffer. Before HTML5, developers had to fake AJAX file uploads using various methods. One of the most popular being the use of iFrame embedded into the document and a JSONP response from the server loaded back into the iFrame to fake the onreadystatechange method.


I guess you came to this post by searching similar kind of issues in any of the search engine and hope that this resolved your problem. If you find this tips useful, just drop a line below and share the link to others and who knows they might find it useful too.

Stay tuned to my blogtwitter or facebook to read more articles, tutorials, news, tips & tricks on various technology fields. Also Subscribe to our Newsletter with your Email ID to keep you updated on latest posts. We will send newsletter to your registered email address. We will not share your email address to anybody as we respect privacy.


This article is related to

AJAX,.NET,Architect,Intermediate,VS2010,.Net,Articles,Computer Tutorials, Web Development, Web, HTML, HTML5

LinkWithin

LinkWithin

Like Us On Facebook and Receive All Updates!

You can also receive Free Email Updates:

Powered By Tutorails