2013-01-29, 06:07 AM
Here are some examples of some Responsive CSS frameworks:
http://foundation.zurb.com/
http://www.getskeleton.com/
http://dfcb.github.com/Responsivator/ (used by Time Magazine)
is MyBB 2.0 already going to have a responsive CSS framework for the Default theme?
If not it should be considered, there's open source frameworks that may allow a partnership of sorts...
With the massive amount of internet devices today and with that list continuing to grow... it's important to compensate for all those different displays with isolating ideal CSS properties for each major screen size. Which is what this semi new keyword "responsive" is all about.
Simple enough to code, not like PHP or JS... (not to say it's super easy).. but again, It really should be the standard for MyBB themes for MyBB 2.0.
Ideas?
Edit:
just realized this thread is similar:
http://community.mybb.com/thread-110944.html
but seems many of the posts on that thread seem to surround the term "responsive" with mysticism...
it's really simple in form/workflow. Just takes time to decide what looks best for each screen size.
Anyone want to work with me to actually get this going? If it's not already
We could use http://styletil.es/ Style Tiles for development ideas.
Edit 2:
To clarify... my term of "responsive framework" I mean STRICTLY CSS....
javascript like Modernizr is a great TOOL to detect devices but the main responsive framework should always rely on CSS only.
If (solely relying on Modernizer for moving around divs) for any reason a device doesn't use JS or a user disables it then your whole "responsive" framework is kaput.
Use Modernizr as a compliment to your CSS structure.
Some notable js tools as useful as Modernizer:
http://masonry.desandro.com/demos/fluid.html (amazing organization of divs)
http://bonsaijs.org/ (great effects library)
http://johnpolacek.github.com/stacktable.js/ (make tables look good on small screens)
http://www.no-margin-for-errors.com/proj...box-clone/ (one of the nicer photo jquery tools)
My favorite Javascript compressor:
http://jscompress.com/
My favorite HTML minifier:
http://www.willpeavy.com/minifier/
Great tool to clean up your HTML:
http://infohound.net/tidy/
My Favorite CSS format tool:
http://www.lonniebest.com/FormatCSS/
Of course the best HTML markup validator I know of:
http://validator.w3.org/
an OK .htaccess generator:
http://htaccessredirect.net/index.php
An UN-MINIFY HTML tool!:
http://www.textfixer.com/html/uncompress-html-code.php (by far one of the most useful little tools for me ever lol, I always go back to redo my work... which is usually minified lol)
http://foundation.zurb.com/
http://www.getskeleton.com/
http://dfcb.github.com/Responsivator/ (used by Time Magazine)
is MyBB 2.0 already going to have a responsive CSS framework for the Default theme?
If not it should be considered, there's open source frameworks that may allow a partnership of sorts...
With the massive amount of internet devices today and with that list continuing to grow... it's important to compensate for all those different displays with isolating ideal CSS properties for each major screen size. Which is what this semi new keyword "responsive" is all about.
Simple enough to code, not like PHP or JS... (not to say it's super easy).. but again, It really should be the standard for MyBB themes for MyBB 2.0.
Ideas?
Edit:
just realized this thread is similar:
http://community.mybb.com/thread-110944.html
but seems many of the posts on that thread seem to surround the term "responsive" with mysticism...
it's really simple in form/workflow. Just takes time to decide what looks best for each screen size.
Anyone want to work with me to actually get this going? If it's not already
We could use http://styletil.es/ Style Tiles for development ideas.
Edit 2:
To clarify... my term of "responsive framework" I mean STRICTLY CSS....
javascript like Modernizr is a great TOOL to detect devices but the main responsive framework should always rely on CSS only.
If (solely relying on Modernizer for moving around divs) for any reason a device doesn't use JS or a user disables it then your whole "responsive" framework is kaput.
Use Modernizr as a compliment to your CSS structure.
Some notable js tools as useful as Modernizer:
http://masonry.desandro.com/demos/fluid.html (amazing organization of divs)
http://bonsaijs.org/ (great effects library)
http://johnpolacek.github.com/stacktable.js/ (make tables look good on small screens)
http://www.no-margin-for-errors.com/proj...box-clone/ (one of the nicer photo jquery tools)
My favorite Javascript compressor:
http://jscompress.com/
My favorite HTML minifier:
http://www.willpeavy.com/minifier/
Great tool to clean up your HTML:
http://infohound.net/tidy/
My Favorite CSS format tool:
http://www.lonniebest.com/FormatCSS/
Of course the best HTML markup validator I know of:
http://validator.w3.org/
an OK .htaccess generator:
http://htaccessredirect.net/index.php
An UN-MINIFY HTML tool!:
http://www.textfixer.com/html/uncompress-html-code.php (by far one of the most useful little tools for me ever lol, I always go back to redo my work... which is usually minified lol)