Version 7 (modified by 10 years ago) (diff) | ,
---|
CLARIN style
The original SCSS file and a brief description is at: https://trac.clarin.eu/changeset/5528
Improvements to be made
Presentation
- Font sizes. Currently based on http://typecast.com/blog/a-more-modern-scale-for-web-typography . Seems a bit smallish, although the font size scales very well.
- onhover effects in menu.
- Fine-tune default number of dynamic table rows displayed (Based on screen size?).
- Remember user-selected number of dynamic table rows displayed.
- More sleek alignment of header cell vertical borders and the connected body cell vertical borders below them.
- Cover more elements used in web applications, such as messages, highlights, forms.
- Quick scan of usability for disabled, age groups.
Technical
- Organize/automate build from SCSS to CSS.
- Optimize, minify automatically.
- Publish to https://infra.clarin.eu/content/ or some better static content delivery location in accordance with a logical versioning structure.
- Ideally, try to explicity model the dependency of web applications on this SCSS/CSS.
- Less use of '!important;', finds smoother ways to work around Bootstrap's defaults.
- Add more comments.
Dieter's initial feedback
host a version of the roboto font on clarin.eu (avoids needless tracking by google servers)- * use a larger font for the body and menus
remove the shadows from the title, version, login, contactuse a darker gray (or black) for version, login, contactalign version and contact in the middle of the footer (vertically)- *
compare footer text font style: Capitalized instead of UPPER CASE - * put the information icon left to the version number
slightly smaller title font (e.g. 2em instead of 3em)- see if we can increase the size of the CLARIN logo in the footer (similar to image used for trac.clarin.eu)
- use a double-sized version of the logo and display it at 50%, to support high-res screens (retina + smart phones)
- * Use the dark blue from the logo for the default link color
- * look at using another color (same?) for links that have been clicked
*: to be discussed over physical meeting between Dieter, Sander and perhaps others.