The future is HTML5

HTML5


Top Stories

The CSS3 Anthology by Rachel Andrews is subtitled instant CSS answers, how-to's, and examples. This subtitle clearly explains the goal of this book. The book consists of nine chapters. The first chapter is a quick review of CSS. The other chapters cover major topics such as text styling, image design elements, navigation, tabular data, forms and user interfaces, CSS positioning basics and CSS for layout. The topics in each chapter are laid out in the form of a question followed by one or more solutions and then a discussion explaining why that solution was offered. Here is an example of one of the questions: How do I remove the large gap between an h1 element and the following paragraph? I really like this book because it's a practical problem solver for everyday issues you encounter when designing web pages. It is especially useful for people just getting started ... (more)

Where Is My Disk Space?

by Nick Mueller, Zetta.net Hello new users! The file system visualizer can be found at wheresmydiskspace.com - continue reading to learn more about the development of the tool and the visualization options. Before buying more storage space it's a good idea to make sure your existing space isn't filled with redundant or old data - or hundreds of downloaded cat videos. Disk capacity is increasing and while prices continue to drop, those savings are offset by demands for new capacity to store more and larger files. Not only does this mean more primary disk space, but 2x that amount for backups. Zetta co-founder Lou Montulli may have the answer to this problem. Recently Lou combined his experience with browsers and storage in creating an open-source tool - a File System Visualizer (www.wheresmydiskspace.com) - for analyzing storage usage. Lou was a founding engineer a... (more)

To HTML5, or Not to HTML5, That Is the Question

If you've been following Sybase's announcements concerning their plans for future versions of PowerBuilder, you'll know that they are planning for PowerBuilder 15 to be able to generate a Silverlight application and are looking at having it generate applications based on HTML5 as well. If you've been following this column, you'll know I've been arguing that we need Silverlight generation much sooner than that. Back in November of 2008[1], I suggested that by the time PowerBuilder 12 was delivered, Microsoft would have Silverlight 3 out and it would be much more stable and ubiquitous. PowerBuilder 12 is here, and Microsoft is actually already on Silverlight 4. According to statowl.com, Silverlight was installed in 20% of browsers in November of 2008 and is now installed in 56% of browsers. Riastats.com indicates that Silverlight 4 is installed in 56% of browsers, an... (more)

Book Review | CSS3: The Missing Manual

This book is both board and deep. Meaning it covers a ton of topics and goes in-depth on all of them. This book is great for the beginner, but also has a lot of advanced material. After a nice introduction that explains the structure of the book the author starts off Part 1 covering the basics. The book starts with the basics and leads us to advanced topics by the end of the book. I have listed the 5 parts of the book below with the chapters they contain to give an idea of all the topics covered. Part 1. CSS Basics 1. HTML for CSS 2. Creating Styles and Style Sheets 3. Selectors: Identifying What to Style 4. Saving Time with Style Inheritance 5. Managing Multiple Styles: The Cascade Part 2. Applied CSS 6. Formatting Text 7. Margins, Padding, and Borders 8. Adding Graphics to Web Pages 9. Sprucing Up Your Site’s Navigation 10. CSS Transforms, Transitions, and Animations 11. Form... (more)

Book Excerpt: jQuery Essentials | Part 1

This excerpt is from the book Murach's JavaScript and jQuery by Mike Murach and Zak Ruvalcaba. Now that you have the JavaScript skills that you need for using jQuery, you're ready to learn jQuery. So, in this excerpt, you'll learn a working subset of jQuery that will get you off to a fast start. When you complete this section, you'll have all the jQuery skills that you need for developing professional web pages. You can also go on to any of the three sections that follow because they are written as independent modules. If, for example, you want to learn how to use Ajax next, skip to section 4. Get off to a fast start with jQuery In this excerpt you'll quickly see how jQuery makes JavaScript programming easier. Then, you'll learn a working subset of jQuery that will get you off to a fast start. Along the way, you'll study four complete applications that will show you ... (more)

Personal and Enterprise Clouds, HTML5 and Mobile Devices

In the recent survey "State of Enterprise Mobility 2013" I asked the question, "How many wireless devices do you use daily?"  An incredible 69 percent use three or more wireless devices daily. I myself use three - my MacBook Pro, iPad mini and iPhone. I use my iPad mostly for reading email, notes, news, ebooks and social media, plus I watch videos and listen to music on it. I use my iPhone for the same purposes when I am on the go, plus texting, phone calls, the camera, fitness apps and maps.  I use my laptop to do many of the same things, but specifically to write, use Microsoft Office apps, participate in video conferences and conduct research and store photos. There are a lot of overlaps in what I do on the devices, which is the reason the whole concept of the "personal cloud" is so valuable to me.  Rather than store all content on devices and worry about synchro... (more)

More About HTML5 and Google Chrome

I am glad that I switched over to Chrome. Otherwise it would have taken me lot more effort to go through the site created by Marcin Wichary and modified by Ernest Delgado. If you want to get a feel of what is possible with HTML5 this is a good place to look at. Here is the link. (You can use left and right arrow key to navigate) It is one single page but it behaves like a presentation. It showcases enhancements in JS, HTML & CSS: JS Client Side Storage (Web SQL Database, App Cache, Web Storage) – you can enter text which gets saved locally, you can create a local table Communication (Web Sockets, Worker Workers) Desktop experience (Notifications, Drag and Drop API) – drag-drop works beautifully – for text as well as picture Geolocation HTML Semantics (New tags, Link Relations, Microdata) Accessibility (ARIA roles) Web Forms 2.0 (Input Fields) Multimedia (Audio Ta... (more)

HTML5: Media in a Flash...Without Flash!

Welcome to part two of the four part primer to HTML5 development. In this article, I will showcase some of the additions to the HTML5 tag library that we can leverage to make media-rich websites and web applications in the blink of an eye without Flash or other 3rd-party code. HTML5-Compatible WebBrowsers The

HTML5 - What I Am Learning

With all the discussion around HTML5, I thought I would spend some time getting to know more about it myself. I will be researching it and sharing what I am learning through a series of articles over the next month.  I have read that it is expected to have a huge impact on mobile software applications and the business models of software vendors. Is it ready for prime time? I hear a variety of opinions on that subject. Sybase has stated that their goal is to "enable web developers to become mobile application developers" through the use of HTML5 and their mobile SDK that will come with SUP (the Sybase Unwired Platform).  I was told by Nick Brown at SAP that version 2.1 of SUP would be out in the September 2011 time frame and this version will include HTML5 support and an HTML5 container. Mobile application design and development is challenging, in part, because applica... (more)

HTML5 Going Like Gangbusters But Will Anyone Notice?

HTML5 will certainly have an impact on web applications, but not nearly as much as hoped on the mobile application market There’s a war on the horizon. But despite appearances, it’s a war for interactive web application dominance, and not one that’s likely to impact very heavily the war between mobile and web applications. First we have a report by ABI Research indicating a surge in the support of HTML5 on mobile devices indicating substantially impressive growth over the next five years. More than 2.1 billion mobile devices will have HTML5 browsers by 2016, up from just 109 million in 2010, according to a new report by ABI Research. -- The HTML Boom is Coming. Fast. (June 22, 2011) Impressive, no? But browser support does not mean use, and a report issued the day before by yet another analytics firm indicates that HTML5 usage on mobile applications is actually dec... (more)

Book Excerpt: Introducing HTML5

HTML5 is a draft specification for the next major iteration of HTML. It represents a break from its predecessors, HTML4 and XHTML. Some elements have been removed and it is no longer based on SGML, an older standard for document markup. HTML5 also has more allowances for incorrect syntax than were present in HTML4. It has rules for parsing to allow different browsers to display the same incorrectly formatted document in the same fashion. There are many notable additions to HTML, such as native drawing support and audiovisual elements. In this chapter, we discuss the features added by HTML5 and the associated JavaScript APIs. Beyond Basic HTML HTML (Hypertext Markup Language), invented by Tim Berners-Lee, has come a long way since its inception in 1990. Figure 1-1 shows an abbreviated timeline of HTML from the HTML5Rocks slides (http://slides.html5rocks.com/#slide3)... (more)