|
I know about both Bootstrap and
Foundation. I never used Skeleton. In another project, I started
out with Foundation. It is an excellent framework. Eventually I
switched to Bootstrap because of some issues in Foundation 5 and
couldn't find documentation or forum support to resolve them.
- Winston
Foundation is similar to Bootstrap in concept and is also
licensed by the MIT License. Its CSS file is a bit larger
than Bootstrap but it wouldn't be a big problem IMO. It
seems as widely used as Bootstrap is and it might be an
alternative to Bootstrap if we don't need glyphicons at all.
Skeleton, on the other hand, is more primitive and smaller in
CSS file size (1/10 even without minimization) but still has
grid-based layout responsiveness, and is also licensed by the
MIT License. As it is smaller than Bootstrap or Foundation,
It has fewer components but basic HTML elements, and doesn't
use _javascript_, either. If we want to customize our UI
heavily, it might be most flexible since it is pure CSS
without any preprocessor like Less or Sass.
Finally in regard to mobile usability, Foundation and Skeleton
uses larger default line height (160%) than Bootstrap does
(140%). It would make it easier to tap linked text on small
devices. It is one of the good points of the two, I think.
It is a combination of _javascript_ and CSS.
_javascript_ is needed only for advanced use. Once
you are ready, let me know, I'll explain where
to apply the changes. Mean while you might want
to read the document I put together several
years ago to get an understanding of how Hudson
UI is generated.
https://wiki.eclipse.org/Hudson-ci/documentation#Hudson_Architecture_Documents
(both Web/REST and View architectures may be
useful)
I just learned Bootstrap is
mostly implemented in CSS. It looks very easy
to use it in any websites so I will try it
myself before experimenting it with Hudson.
Thank you for the helpful information.
OK, though I am not familiar
with Bootstrap at all, I will take a look
into it for a long-term solution.
Hi Kaz,
Sure you can work on the short term
solution. For long term let us use
Bootstrap. Hudson does not use
Spring. It has proprietary UI and
REST framework. Hudson UI can
accommodate third party Layout
framework like Bootstrap.
Thanks,
Winston
I am just thinking of a
short-term solution yet. For a
long-term solution, I am not sure
which framework is good for future
versions of Hudson.
If Hudson is already
using the Spring framework, I
think Spring Mobile <http://projects.spring.io/spring-mobile/>
might have less impact on the
current structure. Anyway, I must
start from studying the current
Hudson codebase.
Hi Kaz,
Excellent. For some time
I've been debating about
changing Hudson page layout
to Bootstrap 3, which if
done correctly will
automatically take care of
mobile usability. Do you
have any framework in mind?.
Otherwise I will highly
recommend to use Bootstrap.
I'll create a branch for
you.
- Winston
|
