I want to use image maps & http://dev.w3.org/html5/spec/the-map-element.html#dom-map-images. I haven't seen much of this kind of usage(exception might be in case of HTML5 Canvas because one of the above link is of HTML5, not sure though) and since advent of jquery and other libraries. I guess there are more easier ways to implement this. So I was wondering if there are any libraries or better ways to implement image maps in jQuery Mobile or do I need to go with the old practice.
Thanks,
As per my knowledge image maps are not introduced in HTML5, but there are supported in all browser since many years.
I am not sure, what you want to achieve with jquery library, but I have used couple of years ago for highlighting image map areas,& it worked like a charm.
maphighlight:
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/
Demo:
http://davidlynch.org/projects/maphilight/docs/demo_world.html
Related
I'm wondering if someone has tried already to port jQueryMobile on top of Zepto.js (http://zeptojs.com/) instead of the required jQuery?
The main feature of Zepto.js over jQuery is its file size of ~10kb (minified, not gzipped) instead of jQuery's ~80kb. If you were to replace jQuery wuth Zepto.js then you'd still have to include jQuery mobile, which weighs in about 95kb (JS & CSS).
jQuery and jQuery mobile: 175kb
Zepto.js and jQuery mobile: 115kb
You'd save about 1/3rd of the download weight (not including HTML, images and other JS), making making a port of jQuery Mobile to Zepto.js unlikely to be worth the time.
Zepto.js currently also only supports WebKit browsers, meaning you'd be loosing support of Firefox Mobile and IE7&9 Mobile too.
Update: Zepto now supports a lot more platforms.
dave1010 makes good points.
You may also be interested in a back & forth between the creator of Zepto (madrobby) and jQuery (John Resig) on Hacker News
I think it's simply to early for that. jQuery Mobile hasn't seen an official release yet (only alpha2) and zepto.js is also still in its infancy.
Furthermore, zepto.js states "[...] that emulation of all features of jQuery is not a project goal", they just want to emulate the most useful parts. With this direction it is questionable if zepto.js can ever serve as a drop-in-replacement for jQuery in the mobile context.
However, a possible success of zepto.js could inspire the jQuery team... maybe we will soon see a "jQuery for Chrome Smartphones" build that has all IE/Firefox/Opera stuff compiled out.
jqtouch already support zeptojs, you may want to give it a try.
I started on a web project and I really, rally wanna use Zepto, but the current users developing for Zepto is really low. Not a big community, not to many plugins and I don't see why not using google's CDN for jQuery.
Zepto is great for senior JavaScript developers maybe.
I already know Asp.net and C#. I want to build web site, and I need to choose between learning Silverlight or learning Ajax.
The site will be (visual) with nice tables and a little graphics, and with hard work with db.
My question is what is the recommended way for me, and the reasons.
Thank u and sorry for my English.
Microsoft's current position would indicate that you should go with Asp.Net + HTML + CSS + jQuery (I would use MVC as it gives you much better control as to what gets rendered in the page, but that's just a recommendation).
http://mashable.com/2010/10/29/microsoft-silverlgiht-html/
Even if we ignore all the news regarding this shift from SilverLight to what's commonly being called "HTML5", learning & using jQuery + HTML + CSS has several advantages:
From a personal standpoint, all the knowledge you'll get will be useful for C# and for any other languages you need to use in the future for developing web apps.
Using Silverlight (or flash) you are basically telling search engines to ignore you. Ok, maybe it's not so radical, but you'll have a hard time trying to make your page climb positions in Google & Bing, if you intend to do so.
Silverlight makes you depend on a browser plugin. Your page won't work in any OS or browser that doesn't have the plugin installed.
You'll find much more information and documentation for jQuery + HTML than for Silverlight, as jQuery is used not only with C#, but also with PHP, Java...
As a benefit of using Silverlight, however, you will gain the ability to stream DRM'd content (it's actually Silverlight's and Flash's main strength right now). How useful that will be to you, I don't know.
The question promotes somewhat subjective answers, so please understand that the answers will vary from person to person.
I would prefer AJAX in this instance. If you need to do a lot of animation then silverlight is probably your best bet. However, if you're looking just to display tabular data (with some graphics), the most commonly used approach (by my observation) is to use AJAX to populate tabular data.
The most common use I see for Silverlight these days is media streaming and proof of concepts.
First of all, I'm sorry because of this lame question. But I'm kind of lost in all dynamic-html, ajax, etc stuff. So i decided get help from the pros.
Basically what I'm trying to do is creating a web page which have dynamic content(messages) coming from a web server(asp.net or php) presented in floating(movable by viewer) boxes in the page. And those boxes will be created dynamically upon a trigger from the server. And the viewer should be able to draw lines between those boxes to connect them(this information will also be sent/received to/from the server). Now which technologies should i use to have this? Is a combination of ajax+html5+jscript enough for this? Or do i need libraries like Yahoo's YUI, Google's GWT, etc.? Or, is flash/silverlight the best solution? Or something else?
Thanks
I'm no pro but I'd go for the HTML+JS+CSS version. As for the libraries, they'll help you in getting your content accross the many browsers and provide you with some nice utilities ;)
You don't need frameworks to do any of this. They might make the job easier, but, ultimately, they'll produce HTML and Javascript that make use of AJAX to get the job done.
Sounds like a big job, so be sure consider appropriate server-side and Javascript frameworks, and good luck.
You first have to decide between HTML5/JS/CSS, Flash and Silverlight for your client technology. Consider the client machines you need to support (Windows, Mac, Linux, iPad etc.)
You then pick your server-side language/platform. AJAX is your communication medium.
If you're going with HTML5/JS/CSS you'd like to pick a JS framework to speed up development. jQuery makes for quick coding. Other frameworks may have more features but are more abstracted from plain JS. You might want to use GWT if you're more familiar with Java than Javascript.
I've been using jQTouch to make an iphone-like website. But, I don't want it to look like a native iPhone app (Since people will be using it on other phones), but I don't really like the included JQT theme. Anyone know any other themes? I've searched long and hard, but can't find any. If worst comes to worse, I guess I could always make my own, but I'm not too good at graphics. Just wondering if anybody knows about any others, including those in demos?
Thanks in advance!
-Leticia Meyer
I've created one, available for download here
It's easily customizable, has Retina support and uses lots of CSS3 and a minimum amount of images.
2018-08-02: link to download from webarchive
as per my point of view you don't need to have graphics knowledge, coz in jqtouch you can use css3 and using that you can develop a kick ass theme.
This may be a subjective question, I am new here so keep that in mind...
I have searched and searched and been unable to determine what the best way is the do a tabbed menu for a webpage. The webserver is Unix based, so anything .NET is out of the question. It seems that AJAX/javascript is the 'nicest' way to go, but I've heard there are issues with certain browsers (especially IE). Is this true?
I'd rather have the flexibility offered by javascript than going for purely CSS based tabs, and have the menu tabs function correctly in all/the_most browsers.
Thanks in advance for helping!
Welcome to SO. To answer your question, I would recommend you take a look at jQuery's tab control API:
http://jqueryui.com/demos/tabs/
The advantage of doing this on the client side is that you won't have to worry about what the backend platform supports, only browser compatibility.
If you're wanting to use AJAX it depends on whether you're loading dynamic content or not. Unfortunately a lot of things can be a tad funky in IE.
You should be able to use JQuery for creating tabs, check out JQuery UI for examples or search for other plugins.
This is basically using JS and you could have a fall back CSS version incase browser doesn't support Javascript. Using JQuery also is independent of you using any other language (PHP, ASP, ASP.NET etc).