You may use more than one interaction in your site. ONE INTERACTION: Draggable, droppable, resizeable, selectable, sortable.Interaction/widget/effect groups are taken from the jQuery UI website: This may compliment the jQuery Mobile theme, or it may be totally different. Create a custom jQuery UI ThemeRoller theme.You may use the default with all of the options. You do not have to create a custom jQuery UI download.However, as noted in the lecture, this may be buggy, so it is recommended that you have a separate jQuery UI document(s) demonstrating the below features. You may combine jQuery Mobile and jQuery UI on the same page.This can be part of your jQuery Mobile site, or it can stand alone as a separate URL. jQuery Mobile events are listed at Some were covered in lecture, and you may use these, or you may use other events listed in the docs.Ĭreate a separate document or documents using jQuery UI and demonstrating the requirements below. Apply at least two of the jQuery Mobile touch events to your page(s) to make something happen.For at least two of the field types, include a jQuery Mobile modification, as demonstrated in the lecture (horizontal display, mini version, etc) or some other modification you find in the documentation. Use proper HTML5 coding and field types for creating the form, as covered in previous lectures. (Example: a group of radio buttons, a text field, a select list, etc.) The form does not have to submit. Create a form for your site that contains at least 4 distinct field types.a "c" theme), but if you want to add additional styling elements to more themes (like a "d" or "e" theme), you are welcome to do so. (You can apply the theme to the whole page or a few elements on your page – your pick.) You should have at least one main theme (i.e. Create a custom theme for your site using ThemeRoller and make use of it in your site.You should be able to read the docs and implement these. Example: listview widget, navbar widget, popup widget, etc. From the jQuery Mobile demo page ( ), make use of at least 2 items that end in “widget”.Include at least one button or icon (or both).(You may code more if you wish.) This must be applied to at least one of the pages on your site. Use at least one breakpoint, as defined in a media query. ![]() Use the grid system and make something responsive with custom code (not the built-in breakpoint).(Hint: this means there will be one single HTML page, but the navigation will make it seem like 2-3 pages.) Create the site using jQuery Mobile pages or dialogs.Use the jQuery Mobile definition of "page" for the page count, not the number of HTML documents. If you have a question about your topic and its appropriateness, ask! Part 1: jQuery Mobile (67% of grade)Ĭreate a 2-3 page website using jQuery Mobile. Your topic should be legal, ethical, moral, and safe for work. Please note that since this is the final assignment of the semester, there are no regrades and no late submissions.Ĭreate a 2-3 page website about a topic of your choosing. This assignment is worth 25% of your course grade, or 100 points. This assignment is due on December 16, 2016, by 11:59 PM Eastern time.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |