1. http://www.queness.com/post/11069/7-image-sliders-with-responsive-fluid-layout-support
2. http://dimsemenov.com/plugins/royal-slider/
3. http://magazine.nuefolio.com/2011/09/photo-swipe-image-gallery-for-mobile-and-touch-devices/
4. http://freebiesdesign.com/6-best-jquery-images-slider-for-mobile/
5. http://www.photoswipe.com/
6. http://www.jquery4u.com/mobile/10-jquery-mobile-swipe/
7. http://jbkflex.wordpress.com/2012/01/09/replicating-the-swipe-gesture-iphone-gallery-for-mobile-web-html5-part-1/
Thứ Ba, 18 tháng 12, 2012
jQuery Sparklines - The tool draw chart
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.
The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.
Each example displayed below takes just 1 line of HTML or javascript to generate.
Link to jQuery Sparklines http://omnipotent.net/jquery.sparkline/#s-about
Example :
Pros
Easy to use
A jquery plugin (we are familiar with jQuery)
Free software
Run faster than google chart
Have variety of different charts
Cons
Border not smoothly rounded for pie chart
Cannot add SliceText (only show Slice's value)
Limited customisation to tool-tip styling
The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.
Each example displayed below takes just 1 line of HTML or javascript to generate.
Link to jQuery Sparklines http://omnipotent.net/jquery.sparkline/#s-about
Example :
<script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="jquery.sparkline.js"></script><p> Inline Sparkline: <span class="inlinesparkline">5,5,9,10</span>. </p><script type="text/javascript"> $(function() { $('.inlinesparkline').sparkline('html', {type: 'pie', barColor: 'red'} ); }); </script>
Pros





Cons



Responsive Frameworks Options Analysis
Overview
We may wish to select a responsive UI framework in order to expedite the creation of our site in a Responsive manner.![]() | Please Note This selection analysis assumes that we will be utilising PHP and the ZEND framework to build this site. |
Results
After much deliberation we have chosen to use the latest version of Twitter Bootstap for our needs.There is not much to separate it from Foundation 3 except for the fact that we have had exposure to it in the past and it seems to have more proven usages in the market.
We will most likely wish to utilise the fluid grid within Twitter Bootstap as I believe this will give us the best results.
Responsive Frameworks
These are some of the frameworks available and their pros and cons.Twitter Bootstrap - http://twitter.github.com/bootstrap |
Pros







Cons




Foundation 3 - http://foundation.zurb.com/
Pros








Cons



Foundation 2 - http://foundation.zurb.com/
Pros




Cons


Skeleton - http://www.getskeleton.com
Pros





Cons




1140px grid - http://cssgrid.net/
Pros

Cons



Less Framework 4 - http://lessframework.com/
Pros



Cons

Frameless Grid - http://framelessgrid.com/
Pros

Cons

Đăng ký:
Bài đăng (Atom)
Học lập trình web căn bản với PHP
Bài 1: Các kiến thức căn bản Part 1: https://jimmyvan88.blogspot.com/2012/05/can-ban-lap-trinh-web-voi-php-bai-1-cac.html Part 2: https://...
-
IMindMap 8.0.4 iMindMap là công cụ tuyệt vời để vẽ bản đồ tư duy đem mọi chi tiết trong đầu bạn ra thành các ý tươgnr, để nắm bắt ý tư...
-
1. Download Bamboo in : http://www.atlassian.com/software/bamboo/download?os=linux cd ~ mkdir BAMBOO cd BAMBOO wget http://www.atlassia...
-
1.Giới thiệu về Vim Vim – Vi iMprove là bản cải thiện của Vim – một trình soạn thảo phổ biến trên Unix. Vim có tính cấu hình rất cao ...