Image gallery is basically designed to show images on our websites and image galleries is now becomes a part of more than 90% websites. People uses different image galleries based on different software or scripts.
In this Thesis I have represented how HTML5, CSS3, jQuery and javascript work on the websites. Image galleries are very light in weight and it loads quickly even on very slow speed internet. In my work I used 20 Indian Freedom Fighters Images these new elements in HTML5 other researchers can also use this demo for future work. These demos can also use in mobile devices like iphone, android & browsers like Chrome, Mozilla firefox, Safari, Opera. Table 5.1 defines about the browser's comparison of image demos.
Table 5.1 Image Browser's Comparison
Browsers
&
Image Demo
Chrome Safari Opera Mozilla Internet Explorer
Future Work
HTML5 and CSS3 are web techniques that guarantee a successful future of web designing and development. HTML5 and CSS3 are future pioneers of web designing. HTML5 and CSS3 are the newest versions of two important web languages that have been around for some time now HTML has been in the same version for over 10 years. These new languages promise a host of new web design techniques and possibilities for amazing web services. These new web standards are being adopted by modern web browsers now and should be fully supported in a year to 18 months.
HTML5 also promises an expanded suite of document structure tags to support easy transplanting of page content such as through syndication, and will provide more semantic meaning about the structure of a document. CSS3 promises to make interactive web features easier to program and provides a new bag of tricks that CSS implementers can use. Most of what can be done can already be done through Flash or javascript but historically some of these have been "hacks" rather than fully supported web features.
The specifications for both HTML5 and CSS3 are still in flux but on the home stretch for wide adoption. Some browsers already support most of the features such a Google's Chrome browser and Safari. Internet Explorer 9 is slated to fully support both new specifications. Image galleries in many styles so they could perfectly fit to sites, running smoothly and seamlessly. HTML5 and JavaScript Projects is for the developer who wants and needs to move to the next level of Web development, including more sophisticated programming and the design and construction of sets of applications. This book targets people who want to go beyond the basics of HTML5, CSS3. The book will be helpful for people working in teams, where considerable effort is required to create image gallery websites.
References
[1] "Introduction-Free HTML Tutorial",
http://www.html.net/tutorials/html/introduction.php
[2] "W3Schools.com", http://www.w3schools.com/html/default.asp
[3] “What is HTML 5.”
http://webdesign.about.com/od/html5/qt/what_is_html5.htm.
[Accessed: 03 May, 2012].
[4] What is HTML5 The Newest Version of HTML By Jennifer Kyrnin, http://webdesign.about.com/od/html5/qt/what is html5.htm
[5] HTML Current Status - W3C.”
http://www.w3.org/standards/techs/html#w3c_all.[Accessed:02 May, 2012].
[6] “JavaScript - O’Reilly Media.”
http://oreilly.com/pub/a/javascript/2001/04/06/js_history.html.
[Accessed: 04 May, 2012].
[7] TriplePanelImageSlider: A jQuery image slider with three panels and 3D look:
http://tympanus.net/Tutorials/TriplePanelImageSlider/
[8] Jquery lightBox Plugin:
http://leandrovieira.com/projects/jquery/lightbox/
[9] Jquery and CSS3 Image wall:
http://blog.templatemonster.com/2012/02/17/jquery-css3-image-gallery-slideshow-tutorials/
[10] Image DG crop:
http://www.dhtmlgoodies.com/scripts/dg-crop/dg-crop.html
[11] Water Ripple effect using HTML5 Canvas:
http://www.script-tutorials.com/how-to-create-water-drops-effect-using-html5-canvas/
[12] “HTML & CSS - W3C.” [Online].
http://www.w3.org/standards/webdesign/htmlcss#whatcss.
[Accessed: 04 May, 2012].
[13] "Introduction to HTML4",
http://www.w3.org/TR/html401/intro/intro.html
[14] "XHTML", http://en.wikipedia.org/wiki/XHTML, Developed by World wide web, Published by 23 November 2010.
[15] Steven Pemberton, "HTML and XHTML Frequently Answered Questions"
http://www.w3.org/MarkUp/2004/xhtml-faq, Version date: 21 July 2004
[16] Stephen Shankland, "Opera for Android to get HTML5 video, Flash", http://news.cnet.com/8301-30685_3-20024664-264.html
[17] Rogerjohansson, "Seven HTML related working drafts published", http://www.456bereastreet.com/archive/201003/seven_html_relate d_working_drafts_published/
[18] Dive Into HTML5 by Mark Piligrim With contribuition from the community,
http://diveintohtml5.org/detect.html
[19] Cloudberry: An HTML5 Cloud Phone Platform for Mobile Devices Antero Taivalsaari and Kari Systä, Nokia
http://ieeexplore.ieee.org/stamp/stamp.jsp?arnumber=06178208, Published by July/August 2012.
[20] HTML 4.0 W3C Recommendation December 18, 1997:
http://www.w3.org/TR/html4/
[21] Pfeiffer, S. and Parker, C. (2009). "Accessibility for the HTML5
<video> element. In proceedings of the 2009 International
Cross-Disciplinary Conference on Web Accessibililty (W4A)", pages 98–100.
ACM.
[22] Harjono, J., Ng, G., Kong, D., and Lo, J. (2010). Building smarter web applications with HTML5. In Proceedings of the 2010 Conference of the Center for Advanced Studies on Collaborative Research, pages 402–403. ACM.
[23] W3C, 20112012., HTML5, "A vocabulary and associated APIs for HTML and XHTML", available at:
http://dev.w3.org/html5/spec/Overview.html (28 March, 2012).
[24] M. Pilgrim, HTML5: Up and Running, p. 23, O'Reilly Media
[25] Steven J. Vaughan-Nichols, "Will HTML 5 Restandardize the Web?", http://u.cs.biu.ac.il/~ariel/download/mm664/resources/internet_we
b/html5.pdf, Published by the IEEE Computer Society APRIL 2010.
[26] Grigsby, J., 2009 HTML5 from a Mobile Perspective,
http://cloudfour.com/html5-from-a-mobile-perspective/ (Accessed:
28 March, 2012).
[27] “Geolocation - Dive Into HTML5.”
http://diveintohtml5.info/geolocation.html. [Accessed: 20 May, 2012].
[28] “New Tricks in XMLHttpRequest2 - HTML5 Rocks.”
http://www.html5rocks.com/en/tutorials/file/xhr2/. [Accessed: 15 May, 2012].
[29] “HTML Current Status - W3C.”
http://www.w3.org/standards/techs/html#w3c_all. [Accessed: 02 May, 2012].
[30] “How browsers work.”
http://taligarsiel.com/Projects/howbrowserswork1.htm#The_brows er_hig h_level_structure. [Accessed: 08 May, 2012].
[31] “The developer’s guide to the HTML5 APIs.” [Online].
http://www.netmagazine.com/features/developer-s-guide-html5-apis. [Accessed: 04 May, 2012].
[32] Pieters, S. 2012, HTML5 differences from HTML4, published 22.1.2008. http://dev.w3.org/html5/html4- differences/#new-apis [Accessed: January 11, 2012].
[33] [3] Enser P G B (1995) “Pictorial information retrieval” Journal of Documentation, 51(2), 126-170
http://jis.sagepub.com/content/23/4/287. [Accessed: August 1, 1997].