[4.0.x][DEV] [OFFICIAL] CODENAME: Chameleon

For style authors to post and receive feedback on 3.3.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Post Reply
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

[4.0.x][DEV] [OFFICIAL] CODENAME: Chameleon

Post by Hanakin »

*** This is intended as a replacement for prosilver. As such it does not inherit from nor is it compatible in any way with any other themes. ***

It's time to look towards the future and begin development on the next version of the phpBB interface. By this, I am referring to a replacement for prosilver and then some. To facilitate this we are asking for your assistance through the design/development process through feedback, testing, or some coding if you so wish.

This will require so much change and overhaul to the platform that we will be releasing it in stages. The first release will be here as alpha/beta/RC releases. The next release will be as a supported theme on here. Finally, we will release a packaged version with phpBB 4.0.0 because of the number of changes there is no backward compatibility at all which means we will have to do a major version number change to phpBB in order to release it. We will also be overhauling the template system to accommodate some necessary changes for this as well.

Below you will find the planned improvements and milestones to get there. I will provide links to everything and updates to this post as we progress towards our goal.

Its also important that you understand that this is not just a change in the design and a simple code refactor. We are overhauling the entire way that themes will work in the next major version in order to streamline both the development of the software and make it easier on the theme designers and end-users to make simple customization. To do this one major change is the use of a build step for the theme. This will require a bit of overhead to setup, but it's fairly simple to do and we will have detailed guides. We realize that this is not something everyone will want to do, so we are also going to be releasing an interactive web tool to streamline this.

There is a lot that will need explaining in detail and to facilitate in relation to all of this, I will be releasing a series of posts on the blog to detail how everything will work. I will link to each article/video as they come out here as well.

Let's get the ball rolling...

Here is an early mockup and static demo
screencapture-s-codepen-io-hanakin-debug-jvvGLj-yYryLOVYaaQM-2018-09-16-16_00_19.png
STYLE FEATURES:
  • Completely new folder structure
  • Completely coded from scratch (html, css & js)
  • Uses base-l front-end framework
  • ITCSS
  • SCSS
  • modular components
  • mobile-first adaptive vs responsive design
  • flex layout
  • endlessly extendable
  • 100% scalable codebase
  • effortlessly editable and themeable
  • material design principles
  • modern coding practices
  • strict CSS/HTML/JS specific coding practices and contol via linting
DEVELOPMENT MILESTONES: (difficulty multiplier to complete)[/u]
  1. front-end framework development
  2. write css coding standards
  3. mobile first Component html/css/js mock-ups (10) started
  4. RTL refactor (1)
  5. accessibility refactor (1)
  6. theme design (1)
  7. write js coding standards (2) started
  8. Twig conversion (1 + concurrent with #3) started
  9. Code refactoring of components (2 + some concurrently with #3) started
  10. Page mock-ups/themeing tests (4 + concurrent with #3) started
  11. JS module mock-ups (7 + concurrent with #3) started
  12. build tool refinement for js (2)
  13. code refactoring of pages (2)
  14. code refactoring for js (5)
  15. phpBB conversion of pages (1)
  16. Alpha release phase (3)
  17. Beta release phase (2)
  18. RC release phase (1)
  19. phpBB 4.0 packaged release (1)
Current working repo: https://github.com/phpbb/chameleon
Current Development progress & examples: https://codepen.io/collection/Drjrjx/
Current Themeing testing front page: https://codepen.io/hanakin/pen/gzqMwx?editors=1000
Backend TODO list: https://area51.phpbb.com/phpBB/viewtopi ... 81&t=61766
User avatar
jrolson
Registered User
Posts: 968
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by jrolson »

I feel like it takes up to much space, everything seems large...

And the forum categories feel scattered with no sense of organization. Just my 2 cents...

Overall I think it's a good start in the right direction but still needs some work.

I look forward to leaving prosilver and moving on...
User avatar
DTMWC
Registered User
Posts: 379
Joined: Tue Jan 16, 2018 6:17 am

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by DTMWC »

Agree about the categories, will there be a way to switch between list view and grid view? (similar to eBay search pages)

Really liking the look of the User Profile 😍 nice job.
Boom.
User avatar
jrolson
Registered User
Posts: 968
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by jrolson »

Dan Stylez wrote: Sun Sep 16, 2018 5:10 pm Will there be a way to switch between list view and grid view? (similar to eBay search pages)
Like this idea! :D
User avatar
Joyce&Luna
Registered User
Posts: 306
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Joyce&Luna »

Hello Hanakin

I hope you use other colors for the style than pink, purple and blue.
Another color combination would be nice.
The colors are similar to Prosilver too strong.
The style looks promising.

Best Reagrds
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Hanakin »

Not sure if it will be a toggle or not yet but it’s extremely easy to switch from grid and list for forums just remove the c-forum-deck class so easily doable. Keep in mind everything is configurable and scaleable as well via SCSS variables including the spacing. :D also this does not include a theme layer yet everything is barebones styled during development. But it’s very easy to achieve really great looks with minimal theme layers. ;)
User avatar
Meis2M
Translator
Posts: 1009
Joined: Wed Mar 03, 2010 11:32 am
Location: IR.Damghan
Name: میثم نوبری
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Meis2M »

Yes... new theme is here.

Thank you Hanakin, i know you are working hard on it. we should complete it and i will one of them... :D
phpBB persian international support
Follow us in Instagram
Free upgrade and install extensions on your forum - drop me PM
Ultimate phpBB SEO Friendly URL extension
User avatar
Joyce&Luna
Registered User
Posts: 306
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Joyce&Luna »

I've looked at something. Already interesting as it is built on. Will there be a custom.scss where users can change colors and design?
Will there be a compiler in the ACP like Arty once did?

Have I also seen correctly, that the forums Icon then as Base64 code to be created?

Many questions :D
To really say something, you already need a test level
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
david63
Registered User
Posts: 20646
Joined: Thu Dec 19, 2002 8:08 am

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by david63 »

There are already several topics on Area51 about the "new" style and questions/comments/suggestions would be more appropriate there at this time.
David
Remember: You only know what you know and - you don't know what you don't know!

I now no longer support any of my extensions but they will start to become available here
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by 3Di »

david63 wrote: Mon Sep 17, 2018 2:08 am There are already several topics on Area51 about the "new" style and questions/comments/suggestions would be more appropriate there at this time.
This topic in spite of the date of its issue is the natural consequence of a blog post inserted just yesterday FYI. :)

https://blog.phpbb.com/2018/09/16/to-the-future/
🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
Joyce&Luna
Registered User
Posts: 306
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Joyce&Luna »

Hi David63

If in the Blog entry the whole thing is linked to here, there is also a Discussion about the New Style instead. That there are 3 Topics on Area51. It is known to me. I suggested that at the time.

https://area51.phpbb.com/phpBB/viewtopi ... 31&t=49241
https://area51.phpbb.com/phpBB/viewtopi ... 31&t=50336
https://area51.phpbb.com/phpBB/viewtopi ... 31&t=50356

If this is not wanted, then the link should lead to Area51.
To spread a censure here is completely out of place and does not promote a normal discussion.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Hanakin »

This is the discussion topic to voice concerns for the masses. If you have a specific coding topic to discuss related to the development yes probably then you should post on area51 which is also linked in the blog post. This topic is more of a showcase of progress as all custom theme posts are. You can voice concerns here and discussion can be created around it on area51 if need be.

Keep in mind there is a lot changing and there are a lot of questions that I will need to provide answers to. So many in fact that It’s best to be broken up into a series of blog posts. It takes time however to make these and as such they will be released as I find time. It is my hope to try and get something out each month, but my schedule is vary busy until after the new year. We will try to answer as many questions as possible but a lot is found in the topics on area51 in the forum linked in the blog post. So in the mean time I would ask for some patience and recommend reading through any of those topics started by me. Thanks all
User avatar
Joyce&Luna
Registered User
Posts: 306
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Joyce&Luna »

That questions are asked here is completely normal.
Not everyone is on Area51 and hardly anyone reads there.
If the blog is just an indication of the upcoming new phpbb, then the topic closes here and leads the discussion to Area51.
But I would advise to move the topic here, here you get more feedback than on Area51.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
3Di
I've Been Banned!
Posts: 17538
Joined: Mon Apr 04, 2005 11:09 pm
Location: I'm with Ukraine 🇺🇦
Name: Marco
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by 3Di »

In fact, it's easier for them to come to the mountain than the mountain to go to them.. poorly speaking.

The Audience is here.
🆓 Free support for our extensions also provided here: phpBB Studio
🚀 Looking for a specific feature or alternative option? We will rock you!
Please PM me only to request paid works. Thx. Buy me a coffee -> Image
My development's activity º PhpStorm's proud user º Extensions, Scripts, MOD porting, Update/Upgrades
User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Post by Hanakin »

Joyce&Luna wrote: Mon Sep 17, 2018 6:22 am That questions are asked here is completely normal.
Not everyone is on Area51 and hardly anyone reads there.
If the blog is just an indication of the upcoming new phpbb, then the topic closes here and leads the discussion to Area51.
But I would advise to move the topic here, here you get more feedback than on Area51.
That is the intent we want to develop this with the style development communities inputs. Keep in mind though area51 is the test/development board as well so there will be features implemented along the way related to backend changes for the new theme. Also we do not want all discussions in one thread that is very confusing and not the intent of this topic. It’s easy to get lost which is why specific discussions will be linked to in the first post that lead to area51.
Post Reply

Return to “[3.3.x] Styles in Development”