www.digitalmars.com         C & C++   DMDScript  

digitalmars.D - [dlang.org] getting the redesign wrapped up

reply anonymous <anonymous example.com> writes:
My implementation of the redesign is pretty much complete.

Check it out: http://d-ag0aep6g.rhcloud.com/

This is an implementation of a design done by one Ivan Smirnov, brought 
forward by Jacob Carlborg [1].

The dark forum widgets on the home page are in iframes. Their styling 
will need to be updated at the source, which is forum.dlang.org.

Another external dependency is the This Week in D script. Adam, it would 
be nice if the `setTwid` function could take the date separately. That 
would allow me to word the text without having "This Week in D" there twice.

Other than those two little things I consider this done. From my side it 
could be merged immediately.

But I'm sure there are a thousand things wrong with this. Here are some 
topics to get you started:

1) Legalities

I mentioned this before, but noone reacted. Can we use Ivan's work? Do 
we have his ok? Do we need it? Jacob mentioned that he can't in contact 
with him anymore. Is that a problem?

2) Reviewing the code

https://github.com/aG0aep6G/dlang.org/commits/Ivan-Smirnov's-redesign

This is just one giant commit (the others are independent minor fixes). 
GitHub refuses to show the diff for the style.css file, because it's too 
big. Is this acceptable, or do I need to split it up somehow? If I need 
to split it up, any advice on how to do that?

3) New Pages

Aside from the overall style changes and menu reorganization, I also 
added overview pages for the articles and for the tools:

http://d-ag0aep6g.rhcloud.com/articles.html
http://d-ag0aep6g.rhcloud.com/tools.html

They feature new text that should be proofread.

4) Fonts

Vladimir Panteleev has spoken out against web fonts [2]. His argument is 
that they can look fine on one system but bad on another. Indeed the 
recently changed code font on dlang.org looks pretty bad for me while 
the default 'monospace' looks just fine, which is why I reverted that in 
the redesign.

The redesign uses a web font for its main font, though: Roboto Slab. It 
looks good for me, but I'm not able to test it on a large variety of 
device/OS/browser combinations. Maybe it's fine, or maybe we should stay 
away from web fonts categorically. I don't really have an opinion on this.

5) Justified Text

Andrei loves it, everybody else hates it. I killed it as the mockup 
didn't have it. Is that ok, or is justified text a must?

6) Red For Clickables Only?

Currently, the site uses red almost exclusively for clickable stuff. But 
it's also used as a highlight color for non-clickable things. For 
example in phobos signatures:

http://d-ag0aep6g.rhcloud.com/phobos/object.html#.Object

The left borders of the signature boxes are red, and the documented 
symbol is highlighted with red.

Red does not signal clickability here. I don't like that and I'd prefer 
to go with another color for generic highlighting, reserving red for 
clickable stuff.

7) The Logo

As requested by Andrei, this does not feature a logo change for now. I'm 
going to make a pull request for the slicker logo variant [3] when this 
is through.


[1] http://forum.dlang.org/post/n53ps0$2j8f$1 digitalmars.com
[2] http://forum.dlang.org/post/xezfeilxblfkibldvsgg forum.dlang.org
[3] https://gist.github.com/aG0aep6G/0803ec5ae49f6afb0196
Jan 08
next sibling parent Mattcoder <stop spam.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.
 check it out: http://d-ag0aep6g.rhcloud.com/
Well I think it's very good, the layout is clean and very presentable. I know that isn't your fault, but that logo needs a change. ;) Matt.
Jan 08
prev sibling next sibling parent Adam D. Ruppe <destructionator gmail.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 Another external dependency is the This Week in D script. Adam, 
 it would be nice if the `setTwid` function could take the date 
 separately. That would allow me to word the text without having 
 "This Week in D" there twice.
Once it goes live, I can change it to be whatever you want. In the mean time btw, you could scan the string for parens. I always use the same format: "This Week in D (date)" so you could slice that string to get the date.
Jan 08
prev sibling next sibling parent reply Jacob Carlborg <doob me.com> writes:
On 2016-01-08 23:32, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/
I'm not sure that I like that some of the headers (learn, packages) are clickable on the main page. This also causes some icons to be black (gray?) and some to be red. How about a link at the end of the section with the title "Read more", or similar?
 [3] https://gist.github.com/aG0aep6G/0803ec5ae49f6afb0196
I like it :) Ideally we should make something like a base logo with only two colors. The logo needs to be recognizable with this basic design. Then it should be fine to create different variations with different colors, backgrounds, shadows and so on, if necessary. The point is that one would recognize the core from the base logo in all of the variants, then we would have a more flexible logo. -- /Jacob Carlborg
Jan 09
parent anonymous <anonymous example.com> writes:
On 09.01.2016 11:35, Jacob Carlborg wrote:
 I'm not sure that I like that some of the headers (learn, packages) are
 clickable on the main page. This also causes some icons to be black
 (gray?) and some to be red. How about a link at the end of the section
 with the title "Read more", or similar?
Agreed. I unlinked Learn and Packages. The links were duplicated in the text already anyway.
Jan 10
prev sibling next sibling parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/8/16 5:32 PM, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/

 This is an implementation of a design done by one Ivan Smirnov, brought
 forward by Jacob Carlborg [1].

 The dark forum widgets on the home page are in iframes. Their styling
 will need to be updated at the source, which is forum.dlang.org.

 Another external dependency is the This Week in D script. Adam, it would
 be nice if the `setTwid` function could take the date separately. That
 would allow me to word the text without having "This Week in D" there
 twice.

 Other than those two little things I consider this done. From my side it
 could be merged immediately.
I give it my seal of approval. It's a large change but something familiar enough in style that current maintainers can continue maintaining.
 1) Legalities

 I mentioned this before, but noone reacted. Can we use Ivan's work? Do
 we have his ok? Do we need it? Jacob mentioned that he can't in contact
 with him anymore. Is that a problem?
Please reach out to Ivan by email. If he comes later, I'm sure he'll love seeing his work implemented with credit. The worst he can do is ask us to take down the page.
 2) Reviewing the code

 https://github.com/aG0aep6G/dlang.org/commits/Ivan-Smirnov's-redesign

 This is just one giant commit (the others are independent minor fixes).
 GitHub refuses to show the diff for the style.css file, because it's too
 big. Is this acceptable, or do I need to split it up somehow? If I need
 to split it up, any advice on how to do that?
I think we're fine.
 3) New Pages

 Aside from the overall style changes and menu reorganization, I also
 added overview pages for the articles and for the tools:

 http://d-ag0aep6g.rhcloud.com/articles.html
 http://d-ag0aep6g.rhcloud.com/tools.html

 They feature new text that should be proofread.
Nice touch.
 4) Fonts

 Vladimir Panteleev has spoken out against web fonts [2]. His argument is
 that they can look fine on one system but bad on another. Indeed the
 recently changed code font on dlang.org looks pretty bad for me while
 the default 'monospace' looks just fine, which is why I reverted that in
 the redesign.

 The redesign uses a web font for its main font, though: Roboto Slab. It
 looks good for me, but I'm not able to test it on a large variety of
 device/OS/browser combinations. Maybe it's fine, or maybe we should stay
 away from web fonts categorically. I don't really have an opinion on this.
I'd say go with the webfont and let us change it based on forward experience.
 5) Justified Text

 Andrei loves it, everybody else hates it. I killed it as the mockup
 didn't have it. Is that ok, or is justified text a must?
Justified font only looks good in conjunction with hyphenation. I'd say make text justified on browsers that support css hyphenation (all but Chrome I recall?) and left align on the others.
 6) Red For Clickables Only?

 Currently, the site uses red almost exclusively for clickable stuff. But
 it's also used as a highlight color for non-clickable things. For
 example in phobos signatures:

 http://d-ag0aep6g.rhcloud.com/phobos/object.html#.Object

 The left borders of the signature boxes are red, and the documented
 symbol is highlighted with red.

 Red does not signal clickability here. I don't like that and I'd prefer
 to go with another color for generic highlighting, reserving red for
 clickable stuff.
Up to you.
 7) The Logo

 As requested by Andrei, this does not feature a logo change for now. I'm
 going to make a pull request for the slicker logo variant [3] when this
 is through.
Sounds good. Thanks. Let's put this in motion!! Andrei
Jan 09
parent reply anonymous <anonymous example.com> writes:
On 09.01.2016 22:43, Andrei Alexandrescu wrote:
 On 1/8/16 5:32 PM, anonymous wrote:
[...]
 5) Justified Text
[...]
 Justified font only looks good in conjunction with hyphenation. I'd say
 make text justified on browsers that support css hyphenation (all but
 Chrome I recall?) and left align on the others.
I.e., revert the change. Done. By the way, in Ubuntu I don't see any hyphenation in Firefox. It works in Windows, though.
Jan 10
next sibling parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/10/16 9:05 AM, anonymous wrote:
 On 09.01.2016 22:43, Andrei Alexandrescu wrote:
 On 1/8/16 5:32 PM, anonymous wrote:
[...]
 5) Justified Text
[...]
 Justified font only looks good in conjunction with hyphenation. I'd say
 make text justified on browsers that support css hyphenation (all but
 Chrome I recall?) and left align on the others.
I.e., revert the change. Done. By the way, in Ubuntu I don't see any hyphenation in Firefox. It works in Windows, though.
Probably we need to fix that, but it's a preexisting matter so don't worry about it. Do you have a PR in place yet? Thx! -- Andrei
Jan 10
parent reply anonymous <anonymous example.com> writes:
On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
Jan 10
next sibling parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
Jan 10
next sibling parent Robert burner Schadek <rburners gmail.com> writes:
congratulations
Jan 10
prev sibling next sibling parent reply Saurabh Das <saurabh.das gmail.com> writes:
On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu 
wrote:
 On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
Congratulations to everyone who's worked on this! What is the canonical way to report bugs on the website? On mobile, the red "your code here" merges with the code itself.
Jan 10
parent reply anonymous <anonymous example.com> writes:
On 10.01.2016 19:04, Saurabh Das wrote:
 What is the canonical way to report bugs on the website?
Website bugs go into the same bug tracker as compiler and library bugs: https://issues.dlang.org/ Select "dlang.org" for component.
 On mobile, the red "your code here" merges with the code itself.
Yeah, that's not good. I'm not sure what the best fix for this would be. Do you have anything in mind?
Jan 10
parent Saurabh Das <saurabh.das gmail.com> writes:
On Sunday, 10 January 2016 at 22:11:51 UTC, anonymous wrote:
 On 10.01.2016 19:04, Saurabh Das wrote:
 What is the canonical way to report bugs on the website?
Website bugs go into the same bug tracker as compiler and library bugs: https://issues.dlang.org/ Select "dlang.org" for component.
OK. I'll report issues there. Will do a thorough review later this week.
 On mobile, the red "your code here" merges with the code 
 itself.
Yeah, that's not good. I'm not sure what the best fix for this would be. Do you have anything in mind?
Move the "your code here" to next to the buttons would be a good move. Alternatively, fade out the code below and hide the "your code here" when the box is in focus.
Jan 10
prev sibling next sibling parent reply Vladimir Panteleev <thecybershadow.lists gmail.com> writes:
On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu 
wrote:
 On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
anonymous, thank you for the great work and congratulations on getting it merged and live. Andrei, I am once again disappointed and frustrated at your attitude towards your fellow dlang.org maintainers. Please allow proper time for code review for pull requests, but at this point I feel like talking to a wall.
Jan 10
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/10/16 1:05 PM, Vladimir Panteleev wrote:
  Andrei, I am once again disappointed and frustrated at your attitude
 towards your fellow dlang.org maintainers. Please allow proper time for
 code review for pull requests, but at this point I feel like talking to
 a wall.
You're right, sorry about getting too enthusiastic. Should we undo? -- Andrei
Jan 10
parent Jacob Carlborg <doob me.com> writes:
On 2016-01-10 21:23, Andrei Alexandrescu wrote:

 You're right, sorry about getting too enthusiastic. Should we undo? --
 Andrei
That depends on how many new issues have appeared, how much trouble they cause and how much trouble it is do a rollback. It might be easier to roll forward. -- /Jacob Carlborg
Jan 10
prev sibling next sibling parent reply cym13 <cpicard openmailbox.org> writes:
On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu 
wrote:
 On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
Congrats! This looks great!
Jan 10
parent Gary Willoughby <dev nomad.so> writes:
On Sunday, 10 January 2016 at 19:50:40 UTC, cym13 wrote:
 On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu 
 wrote:
 On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
Congrats! This looks great!
I like it! It's a vast improvement. My one criticism would be that the logo is far too small. Well done!
Jan 10
prev sibling parent reply deadalnix <deadalnix gmail.com> writes:
On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu 
wrote:
 On 1/10/16 10:23 AM, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
That's awesome. Now : - I have no idea what the code sample is doing. The code sample is not for me or anyone that already knows D, but for newcomer that wonder what the hell D is about. If I can't understand it at first glance, then it is missing it's goal BY FAR. - Learn barely make the cut on my 15' monitor. That's way too low. If one doesn't know D, one doesn't care about news, community or whatever. - Widget are still broken on https. - The download button is small while surrounded by wasted grey area. BIG FAT DOWNLOAD WANTED, DEAD OR ALIVE. - Please don't make me click on the menus. You can also make them work with pure CSS using :hover - A light touch of green would make the page much nicer (complementary color, all that good fun). - Look and feel of packages and forum need to follow. While I complains like a grumpy old man, I'd like to congrats people that makes this happen. This is very good for D. Good job.
Jan 10
next sibling parent reply Iain Buclaw via Digitalmars-d <digitalmars-d puremagic.com> writes:
On 10 January 2016 at 22:14, deadalnix via Digitalmars-d <
digitalmars-d puremagic.com> wrote:

 On Sunday, 10 January 2016 at 17:17:44 UTC, Andrei Alexandrescu wrote:

 On 1/10/16 10:23 AM, anonymous wrote:

 On 10.01.2016 16:11, Andrei Alexandrescu wrote:

 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
...aaaaaand we're live. Congratulations and many thanks to the folks who worked on this! -- Andrei
That's awesome. Now : - I have no idea what the code sample is doing. The code sample is not for me or anyone that already knows D, but for newcomer that wonder what the hell D is about. If I can't understand it at first glance, then it is missing it's goal BY FAR. - Learn barely make the cut on my 15' monitor. That's way too low. If one doesn't know D, one doesn't care about news, community or whatever. - Widget are still broken on https. - The download button is small while surrounded by wasted grey area. BIG FAT DOWNLOAD WANTED, DEAD OR ALIVE. - Please don't make me click on the menus. You can also make them work with pure CSS using :hover - A light touch of green would make the page much nicer (complementary color, all that good fun). - Look and feel of packages and forum need to follow. While I complains like a grumpy old man, I'd like to congrats people that makes this happen. This is very good for D. Good job.
I echo this, and would add a further point that you should have tested all sub-domains before uploading. Release archive is not looking well. http://downloads.dlang.org/
Jan 10
next sibling parent reply JohnCK <j j.com> writes:
On Sunday, 10 January 2016 at 21:18:46 UTC, Iain Buclaw wrote:
 I echo this, and would add a further point that you should have 
 tested all sub-domains before uploading.  Release archive is 
 not looking well.

 http://downloads.dlang.org/
Wow. Man I don't want to be too harsh, but that was pretty lame. I mean... put the site on the air without testing? JohnCK.
Jan 10
next sibling parent reply cym13 <cpicard openmailbox.org> writes:
On Sunday, 10 January 2016 at 21:46:03 UTC, JohnCK wrote:
 On Sunday, 10 January 2016 at 21:18:46 UTC, Iain Buclaw wrote:
 I echo this, and would add a further point that you should 
 have tested all sub-domains before uploading.  Release archive 
 is not looking well.

 http://downloads.dlang.org/
Wow. Man I don't want to be too harsh, but that was pretty lame. I mean... put the site on the air without testing? JohnCK.
Note that this url shouldn't even exist: the link on the main page for the download section points to http://dlang.org/download.html . I believe it is a left-over from a previous version.
Jan 10
parent anonymous <anonymous example.com> writes:
On 10.01.2016 23:03, cym13 wrote:
 Note that this url shouldn't even exist: the link on the main page for
 the download section points to http://dlang.org/download.html . I
 believe it is a left-over from a previous version.
downloads.dlang.org is linked from download.html ("Release Archive"). So yeah, we dropped the ball on that one.
Jan 10
prev sibling parent Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/10/16 4:46 PM, JohnCK wrote:
 On Sunday, 10 January 2016 at 21:18:46 UTC, Iain Buclaw wrote:
 I echo this, and would add a further point that you should have tested
 all sub-domains before uploading.  Release archive is not looking well.

 http://downloads.dlang.org/
Wow. Man I don't want to be too harsh, but that was pretty lame. I mean... put the site on the air without testing?
We're either too quick or too slow :o). https://github.com/D-Programming-Language/dlang.org/pull/1189 Andrei
Jan 10
prev sibling parent reply anonymous <anonymous example.com> writes:
On 10.01.2016 22:18, Iain Buclaw via Digitalmars-d wrote:
 I echo this, and would add a further point that you should have tested all
 sub-domains before uploading.  Release archive is not looking well.

 http://downloads.dlang.org/
Uhm, where can I fix that? downloads.dlang.org isn't part of the of dlang.org repository, is it?
Jan 10
next sibling parent reply JohnCK <j j.com> writes:
First of all, the site looks better than the old version. 
Congratulations and now the criticism:

I don't want to hurt anybody's feelings. But look the DMD's Image 
compared to GDC and LDC: http://i.imgur.com/TrnuxcB.jpg

Really looks like a joke. I would say this seems more like 90's 
but I have doubt if it's older than that.

Please let's go change that.

JohnCK.
Jan 10
next sibling parent rsw0x <anonymous anonymous.com> writes:
On Sunday, 10 January 2016 at 22:46:34 UTC, JohnCK wrote:
 First of all, the site looks better than the old version. 
 Congratulations and now the criticism:

 I don't want to hurt anybody's feelings. But look the DMD's 
 Image compared to GDC and LDC: http://i.imgur.com/TrnuxcB.jpg

 Really looks like a joke. I would say this seems more like 90's 
 but I have doubt if it's older than that.

 Please let's go change that.

 JohnCK.
It actually seems sort of fitting ; )
Jan 10
prev sibling next sibling parent Iain Buclaw via Digitalmars-d <digitalmars-d puremagic.com> writes:
On 10 January 2016 at 23:46, JohnCK via Digitalmars-d <
digitalmars-d puremagic.com> wrote:

 First of all, the site looks better than the old version. Congratulations
 and now the criticism:

 I don't want to hurt anybody's feelings. But look the DMD's Image compared
 to GDC and LDC: http://i.imgur.com/TrnuxcB.jpg

 Really looks like a joke. I would say this seems more like 90's but I have
 doubt if it's older than that.

 Please let's go change that.

 JohnCK.
Don't mock D-man. He will get you in your dreams. :-)
Jan 10
prev sibling parent lobo <swamplobo gmail.com> writes:
On Sunday, 10 January 2016 at 22:46:34 UTC, JohnCK wrote:
 First of all, the site looks better than the old version. 
 Congratulations and now the criticism:

 I don't want to hurt anybody's feelings. But look the DMD's 
 Image compared to GDC and LDC: http://i.imgur.com/TrnuxcB.jpg

 Really looks like a joke. I would say this seems more like 90's 
 but I have doubt if it's older than that.

 Please let's go change that.

 JohnCK.
I kinda like it :) It's better than that inbred bucktoothed gopher thing Go has for a mascot...it is all subjective. bye, lobo
Jan 10
prev sibling next sibling parent Iain Buclaw via Digitalmars-d <digitalmars-d puremagic.com> writes:
On 10 January 2016 at 23:33, anonymous via Digitalmars-d <
digitalmars-d puremagic.com> wrote:

 On 10.01.2016 22:18, Iain Buclaw via Digitalmars-d wrote:

 I echo this, and would add a further point that you should have tested all
 sub-domains before uploading.  Release archive is not looking well.

 http://downloads.dlang.org/
Uhm, where can I fix that? downloads.dlang.org isn't part of the of dlang.org repository, is it?
This is on Amazon S3. Brad, this is your domain. Can you have a look? (Not sure if you monitor your emails :-)
Jan 10
prev sibling parent Brad Roberts via Digitalmars-d <digitalmars-d puremagic.com> writes:
On 1/10/2016 3:09 PM, Iain Buclaw via Digitalmars-d wrote:
 On 10 January 2016 at 23:33, anonymous via Digitalmars-d
 <digitalmars-d puremagic.com <mailto:digitalmars-d puremagic.com>> wrote:

     On 10.01.2016 22:18, Iain Buclaw via Digitalmars-d wrote:

         I echo this, and would add a further point that you should have
         tested all
         sub-domains before uploading.  Release archive is not looking well.

         http://downloads.dlang.org/


     Uhm, where can I fix that? downloads.dlang.org
     <http://downloads.dlang.org> isn't part of the of dlang.org
     <http://dlang.org> repository, is it?



 This is on Amazon S3.

 Brad, this is your domain.  Can you have a look?  (Not sure if you
 monitor your emails :-)
These days I just pay for it. Our very capable release manager manages the content of it.
Jan 10
prev sibling parent reply anonymous <anonymous example.com> writes:
On 10.01.2016 22:14, deadalnix wrote:
   - Learn barely make the cut on my 15' monitor. That's way too low. If
 one doesn't know D, one doesn't care about news, community or whatever.
We can shuffle things around, of course. One alternative: Learn News Documentation Community Packages Contribute http://i.imgur.com/8mQj0rg.png This would make Learn the most prominent item. There is an empty void between Learn and Documentation. It could be filled by putting more into Learn. I don't know what to write there, though. This would sort of split the items in a consumer oriented left column and a contributor oriented right column. Which makes me think that I'm over-thinking this.
   - Please don't make me click on the menus. You can also make them work
 with pure CSS using :hover
I think it was Adam who spoke out against :hover menus, preferring to click instead. So we're at 1:1 now, I guess?
Jan 10
next sibling parent Jacob Carlborg <doob me.com> writes:
On 2016-01-11 00:31, anonymous wrote:

 I think it was Adam who spoke out against :hover menus, preferring to
 click instead. So we're at 1:1 now, I guess?
Do both? -- /Jacob Carlborg
Jan 11
prev sibling parent reply deadalnix <deadalnix gmail.com> writes:
On Sunday, 10 January 2016 at 23:31:07 UTC, anonymous wrote:
 On 10.01.2016 22:14, deadalnix wrote:
   - Learn barely make the cut on my 15' monitor. That's way 
 too low. If
 one doesn't know D, one doesn't care about news, community or 
 whatever.
We can shuffle things around, of course. One alternative: Learn News Documentation Community Packages Contribute http://i.imgur.com/8mQj0rg.png This would make Learn the most prominent item. There is an empty void between Learn and Documentation. It could be filled by putting more into Learn. I don't know what to write there, though.
No, nothing more needs to be added. Things needs to be removed, not added. I tested on a 15" screen, not even on a small screen.
   - Please don't make me click on the menus. You can also make 
 them work
 with pure CSS using :hover
I think it was Adam who spoke out against :hover menus, preferring to click instead. So we're at 1:1 now, I guess?
:hover is pretty much mandatory. Website need to work without JS.
Jan 11
next sibling parent anonymous <anonymous example.com> writes:
On 11.01.2016 13:54, deadalnix wrote:
 No, nothing more needs to be added. Things needs to be removed, not
 added. I tested on a 15" screen, not even on a small screen.
As far as I understand, you're saying that Learn is too far down. I'm saying we can fix that by moving it up to the first row. That would fix the problem, right? I don't see how adding some lines to Learn would be problematic then.
 :hover is pretty much mandatory. Website need to work without JS.
The site works without JS. Not as smoothly, but it works.
Jan 11
prev sibling parent reply wobbles <grogan.colin gmail.com> writes:
On Monday, 11 January 2016 at 12:54:46 UTC, deadalnix wrote:
 On Sunday, 10 January 2016 at 23:31:07 UTC, anonymous wrote:
 On 10.01.2016 22:14, deadalnix wrote:
   - Learn barely make the cut on my 15' monitor. That's way 
 too low. If
 one doesn't know D, one doesn't care about news, community or 
 whatever.
We can shuffle things around, of course. One alternative: Learn News Documentation Community Packages Contribute http://i.imgur.com/8mQj0rg.png This would make Learn the most prominent item. There is an empty void between Learn and Documentation. It could be filled by putting more into Learn. I don't know what to write there, though.
No, nothing more needs to be added. Things needs to be removed, not added. I tested on a 15" screen, not even on a small screen.
If there was a very slight border around each section (Learn, News, Documentation etc) then that gap between Learn and Documentation wouldn't look so... empty?
   - Please don't make me click on the menus. You can also 
 make them work
 with pure CSS using :hover
I think it was Adam who spoke out against :hover menus, preferring to click instead. So we're at 1:1 now, I guess?
:hover is pretty much mandatory. Website need to work without JS.
What was Adams gripe with :hover? I can't see a problem with it, as long as clicking still works as it does now (for mobile).
Jan 11
parent reply Adam D. Ruppe <destructionator gmail.com> writes:
On Monday, 11 January 2016 at 13:18:26 UTC, wobbles wrote:
 What was Adams gripe with :hover? I can't see a problem with 
 it, as long as clicking still works as it does now (for mobile).
I click on my URL bar and punch in "interesting-site.com". It loads and I move my mouse down to a link or text field that I actually want on the page and click... But as the mouse went down from the address bar to the site, I happened to pass over a hover menu. My click is now intercepted and I'm sent to some entirely different page. Really annoying. (My bank's website had a login right below a hover menu, they have fixed it recently, but for the longest time, I'd want to log in but accidentally be sent to the bank officers list instead!) Or, I'm trying to copy something from a hover element and the page size suddenly changes with it being there... which now puts my mouse pointer outside the hover, which causes it to disappear, which changes the page size again, and now I'm just lost. (A lot of web sites assume the page will be pixel-identical on all screens, but I disable web fonts, so your menus are often not exactly the same size on my screen...) Similarly, something near the edge of a hover can be really hard to click with shaky hands, or sometimes errant margins on hovers (you'd think debugging would catch this, but I see it on live sites too, including big ones like Facebook) mean mousing over the gap to get to a link causes the link to disappear! Really frustrating. I'd imagine it is even worse if you have poor dexterity in general, so there's the accessibility aspect too. There's also no such thing as hover on devices without a mouse, which used to be just fossils like me using our lynx browser, but now includes a large number of people on the touch screens (though I question how many of them are actually doing programming so I don't think we should optimize specifically for them, but sometimes new users will check out a language mentioned to them on such a device so we don't want to leave them completely out either.) Of course, a click fallback handles those people. But even when - especially when - I have a device that supports hover, I dislike it. I think the drop down list is completely worthless on dlang.org anyway. Things moving around are harder to locate than a static thing, your spacial memory leads you to the wrong place then. I'd rather have a single click bring you to an info page with the other links.
Jan 11
parent reply wobbles <grogan.colin gmail.com> writes:
On Monday, 11 January 2016 at 14:27:51 UTC, Adam D. Ruppe wrote:
 On Monday, 11 January 2016 at 13:18:26 UTC, wobbles wrote:
 What was Adams gripe with :hover? I can't see a problem with 
 it, as long as clicking still works as it does now (for 
 mobile).
I click on my URL bar and punch in "interesting-site.com". It loads and I move my mouse down to a link or text field that I actually want on the page and click... But as the mouse went down from the address bar to the site, I happened to pass over a hover menu. My click is now intercepted and I'm sent to some entirely different page. Really annoying. (My bank's website had a login right below a hover menu, they have fixed it recently, but for the longest time, I'd want to log in but accidentally be sent to the bank officers list instead!) Or, I'm trying to copy something from a hover element and the page size suddenly changes with it being there... which now puts my mouse pointer outside the hover, which causes it to disappear, which changes the page size again, and now I'm just lost. (A lot of web sites assume the page will be pixel-identical on all screens, but I disable web fonts, so your menus are often not exactly the same size on my screen...) Similarly, something near the edge of a hover can be really hard to click with shaky hands, or sometimes errant margins on hovers (you'd think debugging would catch this, but I see it on live sites too, including big ones like Facebook) mean mousing over the gap to get to a link causes the link to disappear! Really frustrating. I'd imagine it is even worse if you have poor dexterity in general, so there's the accessibility aspect too. There's also no such thing as hover on devices without a mouse, which used to be just fossils like me using our lynx browser, but now includes a large number of people on the touch screens (though I question how many of them are actually doing programming so I don't think we should optimize specifically for them, but sometimes new users will check out a language mentioned to them on such a device so we don't want to leave them completely out either.) Of course, a click fallback handles those people. But even when - especially when - I have a device that supports hover, I dislike it.
Yeah, I can see why that is an annoyance. But there is ways around it, like using transition-delay:0.200s [1] (or some other time that's quite small, so it doesn't impact the user actually trying to look at the drop down menu). That will prevent any annoying issues arising from moving the mouse across the web page.
 I think the drop down list is completely worthless on dlang.org 
 anyway. Things moving around are harder to locate than a static 
 thing, your spacial memory leads you to the wrong place then. 
 I'd rather have a single click bring you to an info page with 
 the other links.
The above solution doesn't solve this of course, as you just think having a drop-down is a bad design decision :) How else would you lay it out? I dont think you could put all the content in that top bar pre-expanded - so you'd have all the menus on the left as it is on the current site? [1] http://dabblet.com/gist/1498446
Jan 11
parent reply Adam D. Ruppe <destructionator gmail.com> writes:
On Monday, 11 January 2016 at 14:54:12 UTC, wobbles wrote:
 How else would you lay it out?
 I dont think you could put all the content in that top bar 
 pre-expanded - so you'd have all the menus on the left as it is 
 on the current site?
I think the left menu on the current site is of limited value too. It is really hard to find what I'm actually looking for. (The organization is weird. To me, "D reference" and "standard library" ought to be the same, for example, and why is bug tracker under community?) I'd prefer to simplify it to like 5 menu items, each of which leads to a new page that can further break it down, using the whole screen to lay it out. Really, one of my biggest worries with dlang.org isn't the color scheme, but rather I feel like everything is cramped and content takes a back seat to cramming it all in. That's not to say we need infinite whitespace like so many new sites, I just don't think everything needs to be on every page.
Jan 11
parent wobbles <grogan.colin gmail.com> writes:
On Monday, 11 January 2016 at 15:06:40 UTC, Adam D. Ruppe wrote:
 On Monday, 11 January 2016 at 14:54:12 UTC, wobbles wrote:
 How else would you lay it out?
 I dont think you could put all the content in that top bar 
 pre-expanded - so you'd have all the menus on the left as it 
 is on the current site?
I think the left menu on the current site is of limited value too. It is really hard to find what I'm actually looking for. (The organization is weird. To me, "D reference" and "standard library" ought to be the same, for example, and why is bug tracker under community?) I'd prefer to simplify it to like 5 menu items, each of which leads to a new page that can further break it down, using the whole screen to lay it out. Really, one of my biggest worries with dlang.org isn't the color scheme, but rather I feel like everything is cramped and content takes a back seat to cramming it all in. That's not to say we need infinite whitespace like so many new sites, I just don't think everything needs to be on every page.
Yeah, I really dislike the over use of whitespace in current trendy sites. And the constant scrolling down to view more info is annoying too (I know CSS z-layer animations are cool, but they dont need to be everywhere!!). Well, while the website is going under such tumultuous changes, is now not the time to fix all the above? Clean everything up and put everything under sane headings/sections etc?
Jan 11
prev sibling parent Guillaume Piolat <first.last gmail.com> writes:
On Sunday, 10 January 2016 at 15:23:53 UTC, anonymous wrote:
 On 10.01.2016 16:11, Andrei Alexandrescu wrote:
 Do you have a PR in place yet?
Here we go: https://github.com/D-Programming-Language/dlang.org/pull/1187
This looks gorgeous. Congratulation to our anonymous contributor!
Jan 10
prev sibling parent reply Martin Nowak <code+news.digitalmars dawg.eu> writes:
On 01/10/2016 03:05 PM, anonymous wrote:
 On 09.01.2016 22:43, Andrei Alexandrescu wrote:
 On 1/8/16 5:32 PM, anonymous wrote:
[...]
 5) Justified Text
[...]
 Justified font only looks good in conjunction with hyphenation. I'd say
 make text justified on browsers that support css hyphenation (all but
 Chrome I recall?) and left align on the others.
I.e., revert the change. Done. By the way, in Ubuntu I don't see any hyphenation in Firefox. It works in Windows, though.
Is there a chance to pre- (ddoc) or post-process (html) our documentation text? I can offer a hyphenation tool (http://code.dlang.org/packages/hyphenate), but wiring it up w/ our dlang.org build requires some work.
Jan 10
parent reply Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 1/10/16 4:44 PM, Martin Nowak wrote:
 On 01/10/2016 03:05 PM, anonymous wrote:
 On 09.01.2016 22:43, Andrei Alexandrescu wrote:
 On 1/8/16 5:32 PM, anonymous wrote:
[...]
 5) Justified Text
[...]
 Justified font only looks good in conjunction with hyphenation. I'd say
 make text justified on browsers that support css hyphenation (all but
 Chrome I recall?) and left align on the others.
I.e., revert the change. Done. By the way, in Ubuntu I don't see any hyphenation in Firefox. It works in Windows, though.
Is there a chance to pre- (ddoc) or post-process (html) our documentation text? I can offer a hyphenation tool (http://code.dlang.org/packages/hyphenate), but wiring it up w/ our dlang.org build requires some work.
Yeah, great tool Martin. I recall it was among the first on the dub repo. Would be great to hook it in and have it insert a bunch of "&shy;"s. -- Andrei
Jan 10
parent reply Martin Nowak <code dawg.eu> writes:
On Sunday, 10 January 2016 at 23:23:31 UTC, Andrei Alexandrescu 
wrote:
 Yeah, great tool Martin. I recall it was among the first on the 
 dub repo. Would be great to hook it in and have it insert a 
 bunch of "&shy;"s. -- Andrei
It's from 2014-Dec-11 and despite a few deprecations it still builds and passes it's tests with the latest compiler :). I could use some help on the html processing though. Wasn't there a binding for an html parser or does someone know a suitable tool?
Jan 11
parent Adam D. Ruppe <destructionator gmail.com> writes:
On Tuesday, 12 January 2016 at 01:02:44 UTC, Martin Nowak wrote:
 I could use some help on the html processing though.
 Wasn't there a binding for an html parser or does someone know 
 a suitable tool?
My dom.d in loose mode is able to read ddoc's output. Here's a skeleton program you can use to get started: --- import arsd.dom; import std.file; import std.stdio; string hyphenateText(string input) { return input; // FIXME: implement algorithm here } void doHyphenation(Element element) { if(element.hasClass("donthyphenate")) return; if(element.tagName == "script") return; // you might filter other things too if(auto tn = cast(TextNode) element) { tn.contents = hyphenateText(tn.contents); } else { foreach(child; element.childNodes) doHyphenation(child); } } void main() { auto document = new Document(); document.enableAddingSpecialTagsToDom(); // FIXME: pass a different html filename here document.parseUtf8(readText("intro.html"), false, false); doHyphenation(document.mainBody); writeln(document); } --- dom.d is available here: https://github.com/adamdruppe/arsd just download the single file, no need for anything else, it has no dependencies also available on dub: http://code.dlang.org/packages/arsd-official%3Adom/~master
Jan 11
prev sibling next sibling parent reply Vladimir Panteleev <thecybershadow.lists gmail.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/

 This is an implementation of a design done by one Ivan Smirnov, 
 brought forward by Jacob Carlborg [1].
Very nice work. Thank you for doing this.
 The dark forum widgets on the home page are in iframes. Their 
 styling will need to be updated at the source, which is 
 forum.dlang.org.
Once this is merged, would you be OK with working together on updating the forum to the new design?
 2) Reviewing the code

 https://github.com/aG0aep6G/dlang.org/commits/Ivan-Smirnov's-redesign

 This is just one giant commit (the others are independent minor 
 fixes). GitHub refuses to show the diff for the style.css file, 
 because it's too big. Is this acceptable, or do I need to split 
 it up somehow? If I need to split it up, any advice on how to 
 do that?
I think this is fine as it is.
 3) New Pages

 Aside from the overall style changes and menu reorganization, I 
 also added overview pages for the articles and for the tools:

 http://d-ag0aep6g.rhcloud.com/articles.html
 http://d-ag0aep6g.rhcloud.com/tools.html

 They feature new text that should be proofread.
Perhaps also link to (or even replace with) the wiki pages: http://wiki.dlang.org/Articles http://wiki.dlang.org/Development_tools BTW, I've been meaning to make a MediaWiki skin based on the dlang.org design for a while.
 4) Fonts

 Vladimir Panteleev has spoken out against web fonts [2]. His 
 argument is that they can look fine on one system but bad on 
 another. Indeed the recently changed code font on dlang.org 
 looks pretty bad for me while the default 'monospace' looks 
 just fine, which is why I reverted that in the redesign.

 The redesign uses a web font for its main font, though: Roboto 
 Slab. It looks good for me, but I'm not able to test it on a 
 large variety of device/OS/browser combinations. Maybe it's 
 fine, or maybe we should stay away from web fonts 
 categorically. I don't really have an opinion on this.
It looks good here (Firefox/Linux), and I agree that it fits the design nicely. I'll agree with Andrei, let's use it unless we run into some issues.
 5) Justified Text

 Andrei loves it, everybody else hates it. I killed it as the 
 mockup didn't have it. Is that ok, or is justified text a must?
IIRC the main point of contention was hyphenation (IMO hyphenated text is unusual and harder to read on the web). I agree that if hyphenation is a must, then justified text can be an improvement, but generally it seems to be a highly situational question.
 6) Red For Clickables Only?

 Currently, the site uses red almost exclusively for clickable 
 stuff. But it's also used as a highlight color for 
 non-clickable things. For example in phobos signatures:

 http://d-ag0aep6g.rhcloud.com/phobos/object.html#.Object

 The left borders of the signature boxes are red, and the 
 documented symbol is highlighted with red.

 Red does not signal clickability here. I don't like that and 
 I'd prefer to go with another color for generic highlighting, 
 reserving red for clickable stuff.
It's important to have some way to distinguish links from non-links, e.g. by underlining links (and only links). Unfortunately, in some places underlining all links doesn't work well, e.g. the "Jump to" indices in Phobos docs. I guess it's something that warrants some experimentation. Perhaps just use bold without a color change for symbol highlighting? The red borders look fine to me, I don't think they present any ambiguity.
 7) The Logo

 As requested by Andrei, this does not feature a logo change for 
 now. I'm going to make a pull request for the slicker logo 
 variant [3] when this is through.
Ironically, the current "official" logo is in the same legal position as the current design - we never got a confirmation from its author whether and how we can use it.
Jan 09
next sibling parent anonymous <anonymous example.com> writes:
On 09.01.2016 23:24, Vladimir Panteleev wrote:
 On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
[...]
 Once this is merged, would you be OK with working together on updating
 the forum to the new design?
Sure.
 3) New Pages
[...]
 Perhaps also link to (or even replace with) the wiki pages:

 http://wiki.dlang.org/Articles
 http://wiki.dlang.org/Development_tools
Added links. About replacing, let's see later.
 6) Red For Clickables Only?
[...]
 Perhaps just use bold without a color change for symbol highlighting?
That works pretty well with the new de-emphasized template constraints and a monospaced font (as per Jack Stouffer's request). So uncolored, bold symbols and red borders it is.
Jan 10
prev sibling parent reply anonymous <anonymous example.com> writes:
On 09.01.2016 23:24, Vladimir Panteleev wrote:
 Once this is merged, would you be OK with working together on updating
 the forum to the new design?
I wanted to have a look at DFeed, but all I get with a local clone is "Internal Server Error". After investigating a bit, I suspect that there should be a web/skel.htt file, but it's not in the repository.
Jan 11
parent reply Vladimir Panteleev <thecybershadow.lists gmail.com> writes:
On Monday, 11 January 2016 at 11:48:18 UTC, anonymous wrote:
 On 09.01.2016 23:24, Vladimir Panteleev wrote:
 Once this is merged, would you be OK with working together on 
 updating
 the forum to the new design?
I wanted to have a look at DFeed, but all I get with a local clone is "Internal Server Error". After investigating a bit, I suspect that there should be a web/skel.htt file, but it's not in the repository.
Ah, sorry, the build instructions are out of date. That file is created through the makefile (GNUmakefile).
Jan 11
parent reply anonymous <anonymous example.com> writes:
On 11.01.2016 15:58, Vladimir Panteleev wrote:
 Ah, sorry, the build instructions are out of date. That file is created
 through the makefile (GNUmakefile).
Alright, after `make` it works. I've started hacking around, no road blocks so far. Looks like this at the moment: http://i.imgur.com/yjuXFBq.png Is there a way to limit the number of loaded posts? I don't need the full archive. But the newest posts would be nice; I think /frame-discussions ignores ancient posts.
Jan 11
parent reply Vladimir Panteleev <thecybershadow.lists gmail.com> writes:
On Monday, 11 January 2016 at 19:39:51 UTC, anonymous wrote:
 On 11.01.2016 15:58, Vladimir Panteleev wrote:
 Ah, sorry, the build instructions are out of date. That file 
 is created
 through the makefile (GNUmakefile).
Alright, after `make` it works. I've started hacking around, no road blocks so far. Looks like this at the moment: http://i.imgur.com/yjuXFBq.png
Nice. Is it responsive?
 Is there a way to limit the number of loaded posts? I don't 
 need the full archive. But the newest posts would be nice; I 
 think /frame-discussions ignores ancient posts.
Not right now unfortunately. Definitely something I need to add at some point as the volume of messages grows.
Jan 11
parent reply anonymous <anonymous example.com> writes:
On 12.01.2016 08:24, Vladimir Panteleev wrote:
 Nice. Is it responsive?
As responsive as the main site. I just updated the dlang.org submodule and fixed what got broken. I'm mostly done now. Pull request is over here: https://github.com/CyberShadow/DFeed/pull/51
Jan 12
parent Andrei Alexandrescu <SeeWebsiteForEmail erdani.org> writes:
On 01/12/2016 03:12 PM, anonymous wrote:
 On 12.01.2016 08:24, Vladimir Panteleev wrote:
  > Nice. Is it responsive?

 As responsive as the main site. I just updated the dlang.org submodule
 and fixed what got broken.

 I'm mostly done now. Pull request is over here:
 https://github.com/CyberShadow/DFeed/pull/51
Here's the download source: https://github.com/braddr/downloads.dlang.org -- Andrei
Jan 12
prev sibling next sibling parent reply Jack Stouffer <jack jackstouffer.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/
Looks great!
 3) New Pages

 Aside from the overall style changes and menu reorganization, I 
 also added overview pages for the articles and for the tools:

 http://d-ag0aep6g.rhcloud.com/articles.html
 http://d-ag0aep6g.rhcloud.com/tools.html

 They feature new text that should be proofread.
Also great.
 4) Fonts

 Vladimir Panteleev has spoken out against web fonts [2]. His 
 argument is that they can look fine on one system but bad on 
 another. Indeed the recently changed code font on dlang.org 
 looks pretty bad for me while the default 'monospace' looks 
 just fine, which is why I reverted that in the redesign.
One nitpick here: can you change the function signatures to use a monospace font (any will do really)? Also, can you institute this change to the function signatures as well: https://github.com/D-Programming-Language/dlang.org/pull/1169
 5) Justified Text

 Andrei loves it, everybody else hates it. I killed it as the 
 mockup didn't have it. Is that ok, or is justified text a must?
See my arguments here: https://github.com/D-Programming-Language/dlang.org/pull/1152
 6) Red For Clickables Only?

 Currently, the site uses red almost exclusively for clickable 
 stuff. But it's also used as a highlight color for 
 non-clickable things. For example in phobos signatures:

 http://d-ag0aep6g.rhcloud.com/phobos/object.html#.Object

 The left borders of the signature boxes are red, and the 
 documented symbol is highlighted with red.

 Red does not signal clickability here. I don't like that and 
 I'd prefer to go with another color for generic highlighting, 
 reserving red for clickable stuff.
I would take the converse of your conclusion because I have to disagree with the use of red for links. People expect links to be blue and underlined and darker when they are already visited; it's one of the only design standards that exists on the web. If you change links to be blue, then you can keep red as a highlight color.
Jan 09
parent reply anonymous <anonymous example.com> writes:
On 09.01.2016 23:36, Jack Stouffer wrote:
 On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
[...]
 4) Fonts
[...]
 One nitpick here: can you change the function signatures to use a
 monospace font (any will do really)?
Done.
 Also, can you institute this change
 to the function signatures as well:
 https://github.com/D-Programming-Language/dlang.org/pull/1169
It's already in. You have to look at the pre-release docs. The release docs are built with an older dmd. Example: http://d-ag0aep6g.rhcloud.com/phobos-prerelease/std_algorithm_searching.html#.commonPrefix
 5) Justified Text
[...]
 See my arguments here:
 https://github.com/D-Programming-Language/dlang.org/pull/1152
I'm going the conservative route for now, keeping the text justified. I don't think hyphenation/justification is worth the troubles, but Andrei is the one that would have to be convinced here.
 6) Red For Clickables Only?
[...]
 I would take the converse of your conclusion because I have to disagree
 with the use of red for links. People expect links to be blue and
 underlined and darker when they are already visited; it's one of the
 only design standards that exists on the web.

 If you change links to be blue, then you can keep red as a highlight color.
I think that standard is pretty weak, more of a default really. We want a red site, not a blue one. Links are the site's number one source of color. Blue links would make for a blue site with a red bar on top. Re visited links: I removed the :visited styling without thinking too much about it, as I don't consider it very important. Am I wrong?
Jan 10
parent reply Bastiaan Veelo <Bastiaan Veelo.net> writes:
On Sunday, 10 January 2016 at 14:04:44 UTC, anonymous wrote:
 Example: 
 http://d-ag0aep6g.rhcloud.com/phobos-prerelease/std_algorithm_searching.html#.commonPrefix
Can I ask not to use dotted frames? It may be my eyes, but I get dizzy reading the tables. Maybe format tables like the cheat sheet at the top of the page, which I think looks beautiful. Thanks!
Jan 10
parent anonymous <anonymous example.com> writes:
On 10.01.2016 15:27, Bastiaan Veelo wrote:
 Can I ask not to use dotted frames?
I agree that they're ugly, but they've been ugly before the redesign, too. Let's do such stuff in separate pull requests.
Jan 10
prev sibling next sibling parent reply anonymous <anonymous example.com> writes:
On 08.01.2016 23:32, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/
No blocking issues in sight so far. Time to make a pull request: https://github.com/D-Programming-Language/dlang.org/pull/1187
Jan 10
next sibling parent reply mate <aiueo aiueo.aiueo> writes:
Thanks and congrats!

I have one issue with icons display on my laptop, although they 
display well on my phone:
http://imgur.com/lZWgWI4
http://imgur.com/KZWBiVr

Usually this kind of issues is due to my use of script blocker, 
but disabling it and reloading the page does not seem to fix it.

Any idea?
Jan 10
parent reply anonymous <anonymous example.com> writes:
On 10.01.2016 21:50, mate wrote:
 I have one issue with icons display on my laptop, although they display
 well on my phone:
 http://imgur.com/lZWgWI4
 http://imgur.com/KZWBiVr

 Usually this kind of issues is due to my use of script blocker, but
 disabling it and reloading the page does not seem to fix it.

 Any idea?
The icons are done using FontAwesome. Do the icons work on their examples page? https://fortawesome.github.io/Font-Awesome/examples/#basic Also, what browser are you using, and what operating system?
Jan 10
parent reply mate <aiueo aiueo.aiueo> writes:
 The icons are done using FontAwesome. Do the icons work on 
 their examples page?

 https://fortawesome.github.io/Font-Awesome/examples/#basic
Yes.
 Also, what browser are you using, and what operating system?
Firefox 43.0.3, on linux (Fedora).
Jan 10
parent reply rsw0x <anonymous anonymous.com> writes:
On Sunday, 10 January 2016 at 21:58:19 UTC, mate wrote:
 The icons are done using FontAwesome. Do the icons work on 
 their examples page?

 https://fortawesome.github.io/Font-Awesome/examples/#basic
Yes.
 Also, what browser are you using, and what operating system?
Firefox 43.0.3, on linux (Fedora).
Your browser is probably blocking maxcdn's connection. Do you happen to use a host-level adblocker by chance?
Jan 10
parent mate <aiueo aiueo.aiueo> writes:
On Sunday, 10 January 2016 at 22:25:50 UTC, rsw0x wrote:
 On Sunday, 10 January 2016 at 21:58:19 UTC, mate wrote:
 The icons are done using FontAwesome. Do the icons work on 
 their examples page?

 https://fortawesome.github.io/Font-Awesome/examples/#basic
Yes.
 Also, what browser are you using, and what operating system?
Firefox 43.0.3, on linux (Fedora).
Your browser is probably blocking maxcdn's connection. Do you happen to use a host-level adblocker by chance?
Yes, you spot it! I had not noticed a separate setting in my blocker for web objects such as fonts, and their blocking was still active. I changed that setting, and it’s displaying well now. Thank you
Jan 10
prev sibling parent anonymous <anonymous example.com> writes:
On 10.01.2016 16:23, anonymous wrote:
 https://github.com/D-Programming-Language/dlang.org/pull/1187
That one was pulled prematurely, and then reverted. Round 2: https://github.com/D-Programming-Language/dlang.org/pull/1190
Jan 11
prev sibling next sibling parent reply Saurabh Das <saurabh.das gmail.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/

 This is an implementation of a design done by one Ivan Smirnov, 
 brought forward by Jacob Carlborg [1].

 The dark forum widgets on the home page are in iframes. Their 
 styling will need to be updated at the source, which is 
 forum.dlang.org.

 Another external dependency is the This Week in D script. Adam, 
 it would be nice if the `setTwid` function could take the date 
 separately. That would allow me to word the text without having 
 "This Week in D" there twice.

 Other than those two little things I consider this done. From 
 my side it could be merged immediately.

 But I'm sure there are a thousand things wrong with this. Here 
 are some topics to get you started:

 1) Legalities

 I mentioned this before, but noone reacted. Can we use Ivan's 
 work? Do we have his ok? Do we need it? Jacob mentioned that he 
 can't in contact with him anymore. Is that a problem?

 2) Reviewing the code

 https://github.com/aG0aep6G/dlang.org/commits/Ivan-Smirnov's-redesign

 This is just one giant commit (the others are independent minor 
 fixes). GitHub refuses to show the diff for the style.css file, 
 because it's too big. Is this acceptable, or do I need to split 
 it up somehow? If I need to split it up, any advice on how to 
 do that?

 3) New Pages

 Aside from the overall style changes and menu reorganization, I 
 also added overview pages for the articles and for the tools:

 http://d-ag0aep6g.rhcloud.com/articles.html
 http://d-ag0aep6g.rhcloud.com/tools.html

 They feature new text that should be proofread.

 4) Fonts

 Vladimir Panteleev has spoken out against web fonts [2]. His 
 argument is that they can look fine on one system but bad on 
 another. Indeed the recently changed code font on dlang.org 
 looks pretty bad for me while the default 'monospace' looks 
 just fine, which is why I reverted that in the redesign.

 The redesign uses a web font for its main font, though: Roboto 
 Slab. It looks good for me, but I'm not able to test it on a 
 large variety of device/OS/browser combinations. Maybe it's 
 fine, or maybe we should stay away from web fonts 
 categorically. I don't really have an opinion on this.

 5) Justified Text

 Andrei loves it, everybody else hates it. I killed it as the 
 mockup didn't have it. Is that ok, or is justified text a must?

 6) Red For Clickables Only?

 Currently, the site uses red almost exclusively for clickable 
 stuff. But it's also used as a highlight color for 
 non-clickable things. For example in phobos signatures:

 http://d-ag0aep6g.rhcloud.com/phobos/object.html#.Object

 The left borders of the signature boxes are red, and the 
 documented symbol is highlighted with red.

 Red does not signal clickability here. I don't like that and 
 I'd prefer to go with another color for generic highlighting, 
 reserving red for clickable stuff.

 7) The Logo

 As requested by Andrei, this does not feature a logo change for 
 now. I'm going to make a pull request for the slicker logo 
 variant [3] when this is through.


 [1] http://forum.dlang.org/post/n53ps0$2j8f$1 digitalmars.com
 [2] 
 http://forum.dlang.org/post/xezfeilxblfkibldvsgg forum.dlang.org
 [3] https://gist.github.com/aG0aep6G/0803ec5ae49f6afb0196
Again, thanks for doing this. The new design overall looks much more modern and approachable. Some feedback I do have: Fonts ------- I do not have any problem with Web Fonts. In particular the web fonts created by Google are highly tested and render pretty similarly on many device/browser combinations. This is from practical experience. On the font used, Roboto Slab: I feel that the serif nature of the font makes it clash with the clean design. A sans serif font would look much better. Justified Text ---------------- I'm with Andrei on this one. Justified text is preferable to aligned text for large paragraphs which span the reading width of the page. It always makes it easier to read. For mini-paragraphs, sometimes left aligned does look better. "Your Code Here" widget ----------------------------- The widget that displays and allows you to run code in the browser has been a staple of the D website for a long time now. It's a great feature. There is one issue here: When the code length is large, it takes half the screen before any actual content begins. The grayed out header colour looks funny. I suggest displaying the first 7-9 lines of code in the box and either making the box scrollable, or making it so that clicking on the box expands it to show the entire code. The "Sort lines" example is about the right size. The "Round floating point numbers" is a bit large. PS: Sorry if there were opportunities to give feedback on this earlier and somehow I missed it. I do hope you consider this even it if comes a bit late. Thanks, Saurabh
Jan 10
next sibling parent Saurabh Das <saurabh.das gmail.com> writes:
On Sunday, 10 January 2016 at 17:02:59 UTC, Saurabh Das wrote:
 [...]
 The grayed out header colour looks funny.
I meant it looks funny when it spans half the height of the page when the example code is long. It looks fine otherwise :)
Jan 10
prev sibling parent anonymous <anonymous example.com> writes:
On 10.01.2016 18:02, Saurabh Das wrote:
 On the font used, Roboto Slab: I feel that the serif nature of the font
 makes it clash with the clean design. A sans serif font would look much
 better.
At first I felt so, too, but the font grew on me. I think it works well.
 "Your Code Here" widget
 -----------------------------
[...]
 I suggest displaying the first 7-9 lines of code in the box and either
 making the box scrollable, or making it so that clicking on the box
 expands it to show the entire code.
I'd rather just put a hard limit on the length of examples. But scrollable/expandable code would be better than a large empty void below the download button.
 The "Sort lines" example is about the right size. The "Round floating
 point numbers" is a bit large.
I agree that "Round floating point numbers" is a tad too long. I think it's in an acceptable area, though.
Jan 10
prev sibling next sibling parent Jack Stouffer <jack jackstouffer.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/
Congratulations on getting this merged!
Jan 10
prev sibling parent karabuta <karabutaworld gmail.com> writes:
On Friday, 8 January 2016 at 22:32:59 UTC, anonymous wrote:
 My implementation of the redesign is pretty much complete.

 Check it out: http://d-ag0aep6g.rhcloud.com/

 This is an implementation of a design done by one Ivan Smirnov, 
 brought forward by Jacob Carlborg [1].

 The dark forum widgets on the home page are in iframes. Their 
 styling will need to be updated at the source, which is 
 forum.dlang.org.

 Another external dependency is the This Week in D script. Adam, 
 it would be nice if the `setTwid` function could take the date 
 separately. That would allow me to word the text without having 
 "This Week in D" there twice.

 Other than those two little things I consider this done. From 
 my side it could be merged immediately.
It's responsive too. sweet!! Nice layout, nice UX, reddish color is a little mmm... But just to suggest further improvement on the UX; 1.The online runner could have a label which tells what it does. Maybe change the "you code here" to "Test Code Here". 2. The top and bottom margin of the various sections (Community, Learn, etc) are more squeezed together especially on smaller viewports. 3. I think the English there is too high level for a beginner, especially the "Why D" justification?
Jan 16