From mboxrd@z Thu Jan 1 00:00:00 1970 From: Michael Tremer To: ipfire-artwork@lists.ipfire.org Subject: Re: [IPFire Artwork] Questions for the CSS based on the mockup and technical question related to Server and GIT Date: Wed, 29 Mar 2017 12:54:02 +0100 Message-ID: <1490788442.2108.1.camel@ipfire.org> In-Reply-To: MIME-Version: 1.0 Content-Type: multipart/mixed; boundary="===============0800354779947801966==" List-Id: --===============0800354779947801966== Content-Type: text/plain; charset="utf-8" Content-Transfer-Encoding: 8bit Hi, 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 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 everywhere. 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 :) -Michael --===============0800354779947801966== Content-Type: application/pgp-signature Content-Transfer-Encoding: base64 Content-Disposition: attachment; filename="signature.asc" MIME-Version: 1.0 LS0tLS1CRUdJTiBQR1AgU0lHTkFUVVJFLS0tLS0KVmVyc2lvbjogR251UEcgdjIKCmlRSWNCQUFC Q2dBR0JRSlkyNkJiQUFvSkVJQjU4UDl2a0FrSGhIY1AvQTYwek50aWRxNTVPVTFjNXlTVVR1c3UK YWErNVVRcDQ3NjJ5VmlQc0Ewa1djUVR4S1NPYlpHZ2lwNXRpcm41NjNXQnRUc1RmNW0xenM1UzI1 Qi9UYkRQcgpyNmdWUHc5d0VhTDZLUWR1NmJ0Mlkrb1NWMnVHVUsrbTRRcUh0RU1YNlJKb3N2L1B1 bXgyNTVZMU9TRkVNUzFQCnVoQVRwODIwR1RROUQ3dWlCcHc1Q3dYcG5OWnhsczVzcjBEYjhXcUJs Mi80RTVhb0diRVRZUXpRc0VZdHdxTHoKdk54RVFWdVFOTGxTbjVyN0YrV01KckI2WXRyTXFOQ1JO VVNNdGRlY2RBMXZ4VUZFK1UrckxLSlZCNWlYRGJ6SQphdFR6ZE52bittcUhMbUluWjF6T3VrNW5u dXR2eWNXY2ZnVXNqK3FmTHZWYkVtN0E5SUZaUG1DQ3c5MWFHUVh1ClF6Z3BQbGRRTTIxY041L29u MHovcFdVOGlTck02NXRGcitIUDdtZFU3aFl2eTlzUUxXN05wR0FneFRUVzJVVHcKeERpaHhvZ3Ru bmFGRjBRclpVKzNQZUNSaWdRWXF2dFhsWVoveHp1VmQrMlNIeEZNdmExQmVka2Y1TnlPbUk4bgoy RG54OXpzZjdtN1VOV0wyVEFzVklub3Q3cnVlaUZuNVRKT2ZORVNKRGVKU2MwU2pCYklwMjVzYnFk SGl3bkhYCkNjRGFvV1VESXU3NktGSzZZYWFKSmplMlIyZ0ZYTmgyU1FESWpPOENud3g3cGZ1RUIz OGZUWTJ0SHR2OHlXSnkKOGw4NW82UFpHc2piZks5RGV0Um1WdWltSGFUdWtIY3ZJZmlFRnU0a3Za enNYQXVjQ01NN3luVVRUWW8yeHQyWQpEQXVKNW9jTW40UFQxODkwMFJCcgo9MUc0aAotLS0tLUVO RCBQR1AgU0lHTkFUVVJFLS0tLS0K --===============0800354779947801966==--