Wednesday, February 22, 2012

Using SwipeView for a swipe gesture in mobile web

In mobile web, the swipe is the most commonly used features.
However, It is difficult to implement it.
It need to write many javascript code.

I introduce the SwipeView service.
It provide some script that handle swipe features.

http://cubiq.org/swipeview




The video is as follows.



It contains various contents such as image, text, and so on.

The image demo is as follows.
http://cubiq.org/dropbox/SwipeView/demo/gallery/

The text demo is as follows.
http://cubiq.org/dropbox/SwipeView/demo/ereader/

Wednesday, February 8, 2012

A test of blog's BGM using HTML5


W3Schools.com have had many information about standard of W3C.
Especially It announced HTML5 tutorials. It's very useful for me.

http://www.w3schools.com/html5/default.asp

Some blogs have a background music such as BGM.
Most of all are used windows media player in Internet Explorer.

This sample used <audio> tag of HTML5.
I set auto play and hided controls. Maybe you can listen to music in this post.

Of course, It can be played in a browser that support <audio> tag of HTML5.
Under Internet Explorer 8, you saw just some text.

The source is as follows.
In the below source it is set control and repeat.


<audio autoplay="autoplay" loop="loop" controls="controls">
  <source src="rain.mp3" type="audio/mpeg" />
  <source src="rain.ogg" type="audio/ogg" />
</audio>

I tested at mobile environment.
Android is a fully working  auto play.
Though iPhone support HTML5, it is not working auto play.
Only when the user clicks, the music is playing.

Monday, February 6, 2012

XML Quiz...

Please answer next items as  O or X


1) XML stands for “Example Markup Language”.

2) XML uses a DTD to describe the data.

3) XML’s goal is to replace HTML.

4) DTD stands for “Dynamic Type Definition”.

5) All XML documents must have a DTD.

6) All XML elements must be properly closed.

7) XML documents must have a root tag.

8) XML elements cannot be empty.

.
.
.
.
.
.
.
.

The answer is as follows.


1) XML stands for “Example Markup Language”. (X)
    XML stands for "eXtensible Markup Language".

2) XML uses a DTD to describe the data. (O)

3) XML’s goal is to replace HTML. (X)
    XML's goal is to replace SGML.

4) DTD stands for “Dynamic Type Definition”. (X)
    DTD stands for "Document Type Definition".

5) All XML documents must have a DTD. (X)
    Well-formed XML documents have not a DTD.

6) All XML elements must be properly closed. (O)

7) XML documents must have a root tag. (O)

8) XML elements cannot be empty. (X)
    XML elements can be empty.