[IPFire Artwork] PSD from new Homepage

Sven sven.hoehn at posteo.de
Wed Mar 15 14:44:58 CET 2017


Hey Maurice,
no problem.
I will do it with the variables: https://getbootstrap.com/css/#grid-less <https://getbootstrap.com/css/#grid-less> so we have complete control.

Greetings,
Sven


> On 15 Mar 2017, at 14:37, Maurice Gesswein <zerpixelung at gmail.com> wrote:
> 
> 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-width/ <http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/>
> 
> 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 at ipfire.org <mailto:michael.tremer at 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 at gmail.com <mailto:zerpixelung at 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 <http://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 at ipfire.org <mailto:michael.tremer at 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 <http://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 at ipfire.
> > > > org>
> > > > > wrote:
> > > > > > Hi,
> > > > > >
> > > > > > to send emails to the list, you just need to email to
> > > > > >
> > > > > >   ipfire-artwork at lists.ipfire.org <mailto:ipfire-artwork at 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
> > > > >
> > > >
> > >
> >
> 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ipfire.org/pipermail/ipfire-artwork/attachments/20170315/4c1e42cb/attachment-0001.html>


More information about the IPFire-Artwork mailing list