Today's Question:  What does your personal desk look like?        GIVE A SHOUT

 ALL

  How to create offline HTML5 web apps in 5 easy steps

Among all cool new features introduced by HTML5, the possibility of caching web pages for offline use is definitely one of my favorites. Today, I’m glad to show you how you can create a page that will be available for offline browsing.Getting startedView DemoDownload files1 – Add HTML5 doctypeThe first thing to do is create a valid HTML5 document. The HTML5 doctype is easier to remember than ones used for xhtml:<!DOCTYPE html><html> ...Create a file named index.html, or get the example files from my CSS3 media queries article to use as a basis for this...

2,728 0       HTML5 DEMO STEPS OFFLINE STORE CACHE


  Making Sites Shine with @font-face

Like many of my web designer brethren, I’m a bit of a typographic geek. And like many web designers, I’ve been frustrated (to say the least) about the historical state of web typography.At first, we were limited to a common, but very small set of “web safe” fonts. Anything beyond those fonts, we had to rely on images. Images for text not only meant we had to create and maintain dozens (if not hundreds) of images, but it introduced accessibility issues.Over time, some clever image replacement techniques evolved to address those accessibili...

5,734 0       HTML DEMO EXAMPLE FONT FACE FONT FAMILY


  CSS3 Animation With jQuery Fallbacks

In today's post, we'll be taking a look at how you can use CSS3 transitions to power your application's animations with jQuery's .animate() method as a fallback where transitions aren't supported. The benefit of transitions is that unlike JavaScript based animations, they're hardware accelerated in certain browsers and mobile devices, resulting in a potentially smoother overall animation than you would normally experience. In a lot of cases your code will work seamlessly with the solutions presented today, so the effort involved in applying them is minimal. Before we get started, if ...

8,657 0       JAVASCRIPT JQUERY ANIMATION DEMO CSS3


  Modal dialog in Java example code

In Java, we can create modal dialog so that the main JFrame cannot be operated on until the modal dialog is closed. To achieve this, we need to use one class in Java--JDialog. This class can be used to create an modal dialog.Example code :import javax.swing.JDialog;import javax.swing.JLabel;import javax.swing.JPanel;public class Dialog extends JDialog{ public Dialog(){ super(); JPanel panel=new JPanel(); panel.add(new JLabel("Hello dialog")); this.getContentPane().add(panel); } public Dialog(MainFrame mf,String title,boolean modal){ super(mf,title...

40,145 2       JAVA CODE DEMO MODAL JFRAME JDIALOG


  5 Must See HTML5 Sites

With the release of the iPad, HTML5 technology has recently come into the spotlight.  The format that will likely kill Adobe’s Flash is a lot of fun to use, but we’ve  not seen much of it yet.The good news is that you don’t have to wait until the iPad is in your hands to see what HTML5 can do.  If you have a compatible browser, there are already a wealth of sites that show off the capabilities.First, make sure that you have a browser that is capable of rendering HTML5 content. At the moment, Google’s Chrome is king in this department.  So for the...

4,498 0       WEB HTML5 WEBSITE DEMO