In addition to Foundation and Skeleton mentioned
previously, I found another one, Pure < http://purecss.io/>
today. It offers 1/5-based grid in addition to 1/24-based one,
and it is quite small (17 KB minified compared to 120 KB of
Bootstrap) while offering common components like tables, menus,
buttons, etc. It looks quite young but it could be more widely
used in the future as it is made by Yahoo. It does not use
_javascript_ at all but it can be extended or combined with
scripts, and It is licensed under the 3-clause BSD License
instead of the MIT as the former ones. It is provided in
several modules and we can use only the modules we need while we
can still use all-in-one file (it is still 17 KB). I like its
modular design and small footprint, so I will experiment a small
number of page design with it.
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.
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
_______________________________________________
hudson-dev mailing list
hudson-dev@xxxxxxxxxxx
To change your delivery options, retrieve your password, or
unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/hudson-dev
_______________________________________________
hudson-dev mailing list
hudson-dev@xxxxxxxxxxx
To change your delivery options, retrieve your password, or unsubscribe from this list, visit
https://dev.eclipse.org/mailman/listinfo/hudson-dev
|