YUI3 Responsive Design & Calendar

[Keila Mak]

Hi I'm a student web developer who is learning YUI3 at school.


I am currently making a Bootstrap website, and am trying to combine YUI3 calendar widget (or any other YUI widget used in the future) responsively.  Here are the issues:

1) http://yuilibrary.com/yui/docs/cssgrids/           

   --->  This responsive stuff in YUI is based on Pure Grids.  Pure Grids, as I understand it, only allows 99.9% pixel by pixel adjusting, rather including the other option of using percentages in Web Developing.

  

  --->   I don't understand how to make the calendar widget, or on any other widget behave responsively with other highly used frameworks like Bootstrap, Foundation, etc.  You see, I like this widget, but I cannot make it responsive at 177px width.   On the other hand, Bootstrap's responsive utilities work amazingly, yet this YUI widget will not match Bootstrap's responsive utilities.

  ---> Also the documentation could be more precise on how to change the look and feel (the skinning) of the calendar.  Could you please provide advanced skinning coding techniques for the public on the YUI3 site as a tutorial?  That way the YUI3 site could be more user-friendly to users, or students like me, who are just learning YUI.  :)

2)  http://yui.github.io/yui2/docs/yui_2.9.0_full/examples/calendar/intervalcal.html

 --->   I am interested if you could provide an example and tutorial on how to get the calendar shown in the YUI2 link above working in YUI3.

3)  http://fromanegg.com/code/yui-popup-calendar

--->  As a web-developer I can see the yui-popup-calendar widget to be useful.  If the popup calendar widget is successful in development (responsive and skinning included), could you please provide a working example with functional code available on the API?

[John Lindal]

Note that your question #3 is for a gallery module, which is separate from the YUI core.  Another option is gallery-popup, which lets you display a calendar (or any other widget) in a popup:  http://jafl.github.io/yui-modules/popup/

John

--
You received this message because you are subscribed to the Google Groups "yui-support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to yui-support...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.