Android, iOS and Windows Mobile…Oh My: An Introduction to PhoneGap - CodeProject

Android/Eclipse dev-setup: Hello World! (Photo credit: Espen Klem)

Image via CrunchBase

From Intro to the Article

PhoneGap is an open source framework that allows the building of applications across major mobile platforms using languages you are already familiar and comfortable with, like HTML5, JavaScript, and CSS. It can be compiled using platform-native tools. The JavaScript API is defined to facilitate access to device features for supported platforms.
To familiarize myself with PhoneGap functionality, I decided to start small by building a simple application for an iPhone. Before diving into development of the application, please make sure that the following software tools are installed on your development machine.

Android, iOS and Windows Mobile…Oh My: An Introduction to PhoneGap - CodeProject

HTML5 animation using a texture atlas - CodeProject®

Image via Wikipedia

Introduction to article by Ed Welch

In last week’s tutorial we used the canvas control to make a character’s eyes follow the mouse. This week Nelly the elephant is back again. This time we will add some animations and use a texture atlas. If you are reading this on Code Project you can see the code in action at the original blog entry.

HTML5 animation using a texture atlas - CodeProject®

HTML5/CSS3 graphic enhancement: buttons, inputs - CodeProject®

Introduction to Article by DrABELL

Suggested technique does not require any graphic files like .jpg or .png, etc. All aesthetic enhancements, like: rounded corners, color gradients, borders and shadows are achieved exclusively via CSS3 styling, thus resulting in very small digital footprint and fast web page load.

Following code snippet demonstrates web page novel styling technique using HTML5/CSS3 advanced features: rounded corners, gradients (in particular, color-stop property), shadows applicable to HTML5 elements, in particular, input, button and div elements.

HTML5/CSS3 graphic enhancement: buttons, inputs - CodeProject®

Related articles

• Button Basics (jacojoubert.ca)
• Rounded corner techniques (steveworley.me)
• Are You Using CSS3 Appropriately? (sixrevisions.com)
• Infographic: CSS3 Corners, Gradients, Shadows and more... (marketingtechblog.com)
• An Introduction To Object Oriented CSS (OOCSS) (coding.smashingmagazine.com)

Building Apps with HTML5: What You Need to Know - CodeProject

Article intro

You might have discovered by now that HTML5 means different things to different people. To some, it just means new tags like

and

and a handful of new attributes available in markup. To others, it means everything that’s new and interesting on the Web, including technologies implemented in just a single browser or other specifications not officially part of HTML5. To be sure, understanding the real meaning of HTML5 is often the first roadblock many of us face. And, honestly, there’s some justification for the number of varying definitions. HTML5 is huge! Formally defined by an international standards body known as the World Wide Web Consortium (W3C), HTML5 consists of more than 100 specifications that relate to the next generation of Web technologies. By putting all 100-plus of these specifications under the moniker HTML5, you could argue that the W3C oversimplified things. And while it’s hard to take something as broad as HTML5 and define it in an unambiguous way, I believe that the W3C was trying to address the scope of what’s changing on the Web by introducing HTML5 as a unifying concept for that change.
In fact, HTML5 is an umbrella term describing a set of HTML, CSS and JavaScript specifications designed to enable developers to build the next generation of Web sites and applications. What’s notable in that definition is its three parts: HTML, CSS and JavaScript. They define how developers use improved markup, richer style capabilities and new JavaScript APIs to make the most of new Web development features. Simply put, HTML5 = HTML + CSS + JavaScript.
And that’s it. HTML5 is about changes to HTML, CSS and JavaScript. Rather than worrying about all 100-plus specifications, those three terms describe the breadth and scope of HTML5. Still think that’s a bit simplistic? It may be, but as you’ll soon see, a comprehensive definition of HTML5 doesn’t matter as much as the technologies you choose as worthy of your time and effort to adopt.
With a definition in hand, let’s spend a few moments talking about where Microsoft fits into the HTML5 space.

Building Apps with HTML5: What You Need to Know - CodeProject

Vertical Text in HTML - Creating dynamic vertical text images in webpages - CodeProject

Create Cross-Browser Vertical Text in HTML without using IE specific layout-flow or writing-mode

Vertical Text in HTML - Creating dynamic vertical text images in webpages - CodeProject

Related articles by Zemanta

• Webpage Designer (socialactions.net)
• 25 Incredibly Useful CSS Snippets for Developers (1stwebdesigner.com)
• Switch Between HTML And Plain Text Emails In Thunderbird (ghacks.net)