Hey Sven,
do you think we can do a tiny customization at Bootstrap 4's column grid system? Just 24px gutter width instead of 30px? I found a short guide for that. Seems pretty easy.
http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter...
From my point of view it looks like you just need to change this:
.col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {
padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; }
to this:
.col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {
padding-right: 12px; padding-left: 12px; } .row { margin-right: -12px; margin-left: -12px; }
That would help me to follow consistent UI metrics.
Best, Maurice
On Tue, Mar 14, 2017 at 3:52 PM, Michael Tremer michael.tremer@ipfire.org wrote:
It would be nice to keep the conversation in English since there are people reading our mailing lists who don't speak German.
I know it might be a little bit complicated in the beginning but I am sure we will all get used to it :)
-Michael
On Tue, 2017-03-14 at 15:10 +0100, Sven wrote:
Hallo Maurice, ich antworte einfach mal in Deutsch. Englisch kann ich gut lesen und
verstehen
aber schreibe es nicht so gern.
Im Moment baut die Seite ja auf Bootstrap auf, wird das nicht
überflüssig wenn
du sowohl Grid als auch Pattern Library aufbaust? In wie weit wir die Pattern Library über alle Projekte teilen sollten wir sehen wenn die Webseite steht, da die im Moment Priorität hat.
Freu mich auf die Zusammenarbeit.
Grüße, Sven
On 14 Mar 2017, at 14:25, Maurice Gesswein zerpixelung@gmail.com
wrote:
Don't worry about the delay :)
As far as I can remember I didn't created responsive versions of the
IPFire
Website. It makes sense that these are at least almost done before Sven starts with coding. I don't want that Sven has to guess the font sizes, paddings, margins, line-height and so on. That's not his job :) So
please
stay tuned for a proper handover. I'm sure that will help Sven a lot.
@Sven Hey Sven, nice to meet you :)
I just want to give some information beforehand. You may already know
that
but I just want to get sure that we are both on the same level.
My designs and layouts are based on a 8x8px grid (4x4px fallback) and
are
Atomic Design driven. Touch Targets are at least 48x48px. In some edge
cases
there might be less. Means that you will never see a "margin: 50px"
because
50 is not dividable by 8 or 4. I would very appreciate if you could
consider
that within your code. That method provides a great support to follow a consistent line. I'm pretty sure that I'll provide all designs via zeplin.io. From that tool you will get (almost) every information you
need.
Margins, paddings, colors, font size, etc.
Also I'm a big fan of Pattern Libraries. At least when it comes to the IPFire WUI there will be a lot of pattern usage to save time on your
side.
My strong guess is that it would make sense to have different Pattern Libraries for the Website/FireInfo and WUI. But that is totally up to
you
how to deal with that :) I think you already saw the first designs for
the
WUI?
Hope that doesn't sound like an arrogant Designer. Believe me that one
of my
most important goals is to make the DEVs life as comfortable as
possible by
providing well prepared handovers. My experience with that is that we
will
get a great output and a professional looking UI/Website.
Please let me know if you have any questions or concerns.
Best, M
On Tue, Mar 14, 2017 at 1:02 PM, Michael Tremer <
michael.tremer@ipfire.org>
wrote:
Hello Maurice,
thank you for getting back in touch.
On Tue, 2017-03-14 at 12:58 +0100, Maurice Gesswein wrote:
Hi Sven and rest of the gang,
I nearly thought that the project has died. I'm glad to see that
this is
not
the case. Since it's very long time ago I have to check the old PSD
files
within the next days and make sure that you get a good handover.
I can only apologise that everything took so long. I would have
liked to
see this realised quicker but time just didn't allow me to work on it.
Luckily
Sven is now on board to help out and together we will get this done now!
Perhaps I'll handover the designs via zeplin.io. I've made very
good
experience with that tool during last year. Please give me some
days for
preparing since I'm very busy right now.
So where have we stopped? As far as I can see the designs for the
index
and features page are done. Is there anything I forgot?
I think what Sven mainly needs is the background images that you
used and
so on. I am quite sure this doesn't need to be PSD in particular.
If required we can have a conference call with everyone, but I am
not sure
if there are any big questions that we cannot discuss on the list.
Best, -Michael
Thanks and best regards, Maurice
On Tue, Mar 14, 2017 at 12:03 PM, Michael Tremer
<michael.tremer@ipfire.
org>
wrote:
Hi,
to send emails to the list, you just need to email to
ipfire-artwork@lists.ipfire.org
I copied Maurice to your request and we will wait until he
replies.
Best, -Michael
On Mon, 2017-03-13 at 19:51 +0100, Sven wrote: > Hi Maurice, > can you please send me the PSD files from the new layout
(Homepage
and
> Featurepage)? > > Thanks, > Sven