[IPFire Artwork] Questions for the CSS based on the mockup and technical question related to Server and GIT

Michael Tremer michael.tremer at ipfire.org
Wed Mar 29 13:54:02 CEST 2017


On Tue, 2017-03-28 at 23:54 +0200, Maurice Gesswein wrote:
> Hey Sven,
> see my inline comments...
> On Tue, Mar 28, 2017 at 10:32 PM, Sven <sven.hoehn at posteo.de> wrote:
> > Hello,
> > I have some questions:
> > 
> > What is the base-font size? 16px (SM) or 20px (M)?
> I use 16px for body text in all viewports. Only in some cases the
> text sizes are different in some viewports for the same case. For the
> WUI (IPFire Admin Interface) I'm going to use 14px as the default
> size.
> > It is okay if I use rem for the font-size? (It’s the default in
> > bootstrap).
> If I convert rem into px later on based your finished pages and I get
> the px size back I defined than I'm happy :) I leave the decision to
> you. I can't use rem in Sketch. So I'll provide always px.
> > How we handle the headings do we use h1-h6 with given sizes or are
> > the sizes defined via classes 4xl-xs?
> > (Keine Ahnung ob das so zu verstehen ist. Also meine Frage ist ob
> > wir für die Überschriften die Schriftgrößen bei H1-H6 definieren
> > oder wir die Größen über Klassen festlegen also 4xl-xs?)
> Use the way which do you think works better :)

I think it is best to change the bootstrap template to what we need and
then we are fine.

Bootstrap 4 has also extra classed for "display" headings. Maybe it is
those that we should change. Probably just the default ones.

> > What are the fallback fonts? Ubuntu, “Helvetica Neue”, Arial, sans-
> > serif?
> I suggest the common fallback. I can't remember a case where the
> webfont was not able to load.

How do you guys feel about the Ubuntu font anyways?
> > The grid is the default Bootstrap Grid (12 columns) with a padding
> > of 24px instead of the default 30px?
> Correct.
> e.g. https://www.dropbox.com/home/IPFire/IPFire-Share/Website?preview
> =Website+-+Start+-+XL+-+GRID.png
> > Do we use the color naming from the Zeplin Project or a semantic
> > color naming like brand-primary, brand-info etc.?
> I prefer names as provided in Zeplin. They are named how they look
> and not for what they are planed to use. It avoids confusion in cases
> like: A blue is named "info-blue" and later on it should be used for
> a donut-chart fragment as well. "info-blue" doesn't fit anymore.

I think we should go with the bootstrap names again. We exactly have
colours for the success, info, danger, etc. states and I used that in
all the existing markup already. So going with that way we don't have
to change too much in the HTML and just get the right colour

The fewer stuff we have to customise the better.
> > If I create a note file for myself, do I also put this file on git?

Could do. Depends on what it is really. Generally I would like to keep
everything open and accessible for everyone. So we can see what the
status is, review what we need to review and so on.

> > How often do you want me to submit the work, is once a day enough?

I would prefer small and logical steps. That doesn't have to be once a
day. Usually that is more often :)

You can use branches for stuff as well. I usually make sure that by the
end of my working day everything is in Git - just to have a backup.

> > I’m not familiar with the Python webserver it is better to serve
> > less files (like in HTTP) or more small files (like in HTTP/2)?

This will just be used to serve the HTML. The assets like JS and CSS
will be served by nginx later. I try to keep the number of files as low
as possible because that means fewer requests.

However, I do not see that there will be more files required. You
should not need to create more JS and CSS will just be modifying the
Bootstrap template which is one (rather large) file.

> > 
> > Can I remove all the HTTP prefixes in the template file and put
> > only //. At the moment both methods are used.

Some of the websites are served over http, some over https.

We deliver assets from static.ipfire.org in production, so that nobody
needs to download these files multiple times when they browser across
domain names on the same webapp.

Hope this answers all these questions so far. Please do send more if
there are any.

What is the progress so far? How are you doing? I cannot tell by the
questions you are asking :)

-------------- next part --------------
A non-text attachment was scrubbed...
Name: signature.asc
Type: application/pgp-signature
Size: 819 bytes
Desc: This is a digitally signed message part
URL: <http://lists.ipfire.org/pipermail/ipfire-artwork/attachments/20170329/8e5a1331/attachment.sig>

More information about the IPFire-Artwork mailing list