3. Lets talk grids

Discuss requests for comments/changes posted in the Issue Tracker for the development of phpBB's style.
Forum rules
Please do not post support questions regarding installing, updating, or upgrading phpBB or modifying styles of released phpBB versions. If you need support for phpBB please visit the Support Forums on phpbb.com.

If you have questions regarding creating styles please post in Styles Support & Discussion to receive proper guidance from our staff and community.
Post Reply
User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

3. Lets talk grids

Post by hanakin »

For the layout of the new theme there are two things we should consider.

What type of layout mechanics should we use?
  1. Traditional floats layout - using the standard grid we see everyday
  2. Table Layout - using display: table based grid compatible with (IE9^)
  3. Flex Layout - using display: flex based grids compatible with (IE10^)
How to implement it?
  1. Class based - this relies on classes applied to markup to set layout
  2. Mixin based - This uses the grid system as mixins that are applied to the components
  3. Best of both - Uses classes to set major barebones of the layout and mixins for layout of components.
My Thoughts
Personally I am leaning to options 3 for both questions but I want to hear everyones thoughts on the matter.

My reasonings for choosing flex is that its far more versatile and once you get used to it easier to use.

My reasonings for using both classes and mixins is that there are things with the layout that should be more stringent and require more knowledge when messing with and classes provide more control. This would be for the skeleton of the theme. The sections of the page. However the components are meant to be self containing and should opt to use as few objects as possible which is what the grid classes would be objects. They would not be singletons like that of the buttons class which are essentially tiny components themselves, but rather pattern based objects as that is what a grid is.
Donations welcome via Paypal Image

User avatar
Marc
Development Team Leader
Development Team Leader
Posts: 185
Joined: Thu Sep 09, 2010 11:36 am
Location: Munich, Germany

Re: 3. Lets talk grids

Post by Marc »

I tend to agree with your thoughts. Flex layout is definitely the way to go for a future front-end style and (judging my having worked with bootstrap for a bit now) I also think that having both classes and mixins gives you better control over specific parts of the front-end.

Rhino.Freak
Registered User
Posts: 48
Joined: Thu Dec 24, 2015 10:47 am

Re: 3. Lets talk grids

Post by Rhino.Freak »

Ooh yeah FLEX!! I don't have much experience but in my time of designing I always find flexbox much more usable and convenient so I agree there. :D

Post Reply