Recent

Author Topic: [Solved] Lazarus Website Mobile Friendly  (Read 10867 times)

Blade

  • Full Member
  • ***
  • Posts: 177
Re: Lazarus Website Mobile Friendly
« Reply #30 on: September 01, 2020, 01:56:07 am »
* Safari on iPad - the original site looks better as the banner with the image and download button takes up less than 50% of the depth that the new version takes up and the fonts in the new page are much bigger as well. See: old page and new page. This only seems to happen on the iPad (iPadOS 13.6.1).

Wouldn't various people want larger fonts for greater readability?  Is there some type of enhancement going on related to the browser or OS?

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #31 on: September 01, 2020, 02:14:51 am »
Wouldn't various people want larger fonts for greater readability?  Is there some type of enhancement going on related to the browser or OS?

Most browsers allow you to set a minimum font size. And also to zoom a webpage, if you need it.

If the font size were to small as it is, then it would need to be made bigger on all devices, but not just one. So - if possible - that device should show the same sizes as all others.

trev

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 2020
  • Former Delphi 1-7, 10.2 user
Re: Lazarus Website Mobile Friendly
« Reply #32 on: September 01, 2020, 04:11:55 am »
Do you have some form of "inspect"? So you can disable individual css attributes?

Both the html and the body element have a ton of stuff by bootstrap.
If you can disable them one by one, to see which one (if any) is causing this?

To do that, after some research, it seems that I need to enable some iPad Safari preference and then connect the iPad to my Mac mini and use the desktop Safari which would seem to defeat the whole purpose.

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #33 on: September 02, 2020, 01:18:25 pm »
I spotted one more issue.
The image (3 windows screenshot) used to be vertically centered. Now its glued to the top.


This has already put far to much work onto my plate. The initial statement was I review and apply a patch.
I ended up doing too much myself already
- fixing the margins added by bootstrap
- the missing bold styles
- (most of) the fact that in bootstrap media uses "min width" and therefore defaults to the mobile layout in browsers that do not support media queries (should all be max width)
- putting back the paw-logo, to keep the branding of the page.
- And a few other things.....

I should have simply rejected it for all the above reasons.

Anyway => the image alignment still needs to be done.

That image also is now horiz centered, instead of left aligned, but that actually might be better. So that is fine.


Quote
The 3 columns / boxes on the feature page were designed to always have the same height. So the bottom would align.
They are screwed up in IE 11 now.
While in firefox they are still not bottom aligned

But I given up on that. So that will be accepted as is....

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #34 on: September 04, 2020, 07:13:13 pm »
So now I ended up doing the fixes myself....  (well my fault for picking it up)
And I am not talking about fixes for IE 8 (that were the easy ones by the way). But fixes for modern up  to date browsers.

I respect "lainz" for the work he does otherwise. But this web-project went south badly.

The whole thing spun off the thread at (example msg / there are other msgs) https://forum.lazarus.freepascal.org/index.php/topic,51093.msg375124.html#msg375124

Claiming people would help on the website, if only it was on git (or at least avail as source).
I pointed out it was at svn. (and even accepted the changes as git commits on a mirror)

And here is what was mentioned on the other thread too: It's not about git/svn (I accepted git anyway).
It's about whether the patch is updated on review, as often as it takes till its good enough.
(And just to say, I have been on the other side, having a patch I wanted to be accepted at some project, and redoing it over and over again).




Anyway, ranted enough...

Maybe there can be at least some help testing.... (from everybody)

https://test.lazarus-ide.org/
https://test.lazarus-ide.org/index.php?page=features
vs
https://www.lazarus-ide.org/
https://www.lazarus-ide.org/index.php?page=features

Main page:
1)visually compare the headers and images, position and margin/padding....
Known diffs:
- main image is now centered
- text columns are 3 or 4 pixels further apart of each other.
- Some mobile safari uses a bigger font (on idea why)

2) general look in full width and mobile width (when it displays the menu button at the top)

3) working of menu / working of download

Feature page:
- 3 feature boxes should have same height (on older browsers, they can have individual heights)
- 3 feature boxes, no massive empty space at bottom of highest box
- 3 feature boxes , align on page left/right
- 3 feature boxes , in mobile mode have vertical spacing/gap

Other pages:
anything that changed noticeable.

Please report the browser(s) that you used for testing.
Thanks

(I might be away during next week / so could be a while)

Bi0T1N

  • Jr. Member
  • **
  • Posts: 85
Re: Lazarus Website Mobile Friendly
« Reply #35 on: September 04, 2020, 08:50:58 pm »
So now I ended up doing the fixes myself....  (well my fault for picking it up)
And I am not talking about fixes for IE 8 (that were the easy ones by the way). But fixes for modern up  to date browsers.

I respect "lainz" for the work he does otherwise. But this web-project went south badly.

The whole thing spun off the thread at (example msg / there are other msgs) https://forum.lazarus.freepascal.org/index.php/topic,51093.msg375124.html#msg375124

Claiming people would help on the website, if only it was on git (or at least avail as source).
I pointed out it was at svn. (and even accepted the changes as git commits on a mirror)

And here is what was mentioned on the other thread too: It's not about git/svn (I accepted git anyway).
It's about whether the patch is updated on review, as often as it takes till its good enough.
(And just to say, I have been on the other side, having a patch I wanted to be accepted at some project, and redoing it over and over again).
I think you've chosen the worst example message you could've chosen. I provided some patches for the FPC website and also sent a mail with fixes and recommendations for the foundation website. :)

Please report the browser(s) that you used for testing.
I've tried the mobile website with the new Firefox browser on Android and the desktop website with Firefox on Windows. Looks all okay for me.
Only thing I've found weird is the Frameworks section on the Feature page. Feels like there is something missing.
Quote
Various Frameworks are available which saves your time on certain codebase.


And more...



Here is a version-based feature history which has animations to show you many features in action: Wiki: New IDE features since
Would expect e.g. a list of frameworks (not sure what else might be intended by the creator). There are also too much newlines.

Another thing which I already mentioned in another thread about the wiki: the wiki should also get a modern theme - especially for the mobile website (mentioning it here as well because most links of the Lazarus site link to the wiki).

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #36 on: September 04, 2020, 09:43:49 pm »
About the linked message. I did not re-read the thread, hence I pointed out there are more msgs.
It is about the thread and not the message.

Also I did not mean to say, that nothing came out of the thread. I am glad to hear that other contributions where made. Those other websites do not include my in their maintenance, so I was not aware.
Even my involvement in the Lazarus website, emerged from rather curious circumstances. I never raised my hand, wanting to get part of its maintenance. But somehow it came to me.... :)



Framework / Content:

I agree, on that we could do with better content.

I am still happy to accept patches / Content patches may take longer, as there is more team approval involved.
And as seen, expectations can be demanding.

Also, most content should be on the wiki, where its less of a burden to maintain.
However, an actual list of frameworks (with short info) that could go on the website.

(Also, I am away next week, may or may not be able to answer queries)

trev

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 2020
  • Former Delphi 1-7, 10.2 user
Re: Lazarus Website Mobile Friendly
« Reply #37 on: September 05, 2020, 01:56:34 pm »
Maybe there can be at least some help testing.... (from everybody)

https://test.lazarus-ide.org/
https://test.lazarus-ide.org/index.php?page=features
vs
https://www.lazarus-ide.org/
https://www.lazarus-ide.org/index.php?page=features

Feature page:
- 3 feature boxes should have same height (on older browsers, they can have individual heights)
- 3 feature boxes, no massive empty space at bottom of highest box
- 3 feature boxes , align on page left/right
- 3 feature boxes , in mobile mode have vertical spacing/gap

Please report the browser(s) that you used for testing.

* SeaMonkey - FreeBSD - Looks good.
* Safari - iPad - The Feature page is a disaster :( The three columns are now narrower and stacked on top of each other leaving the right-hand side of the page next to each of the narrow columns blank.
* Safari - Mac mini - Looks good.
* Safari - old iPhoneSE - Looks much better (current page forced into landscape to fit; new page single column in portrait)

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Lazarus Website Mobile Friendly
« Reply #38 on: September 05, 2020, 02:37:18 pm »
- Chrome Windows 10: now the features page looks better on mobile, not stacked one in top of the other. (edit: it sounds weird I mean the mobile emulator of chrome when the dev tools are open, on Windows 10).

The unique issue I found on mobile is that the bottom is not sized properly, but I'm not sure how to fix that, maybe just hiding the 3 bottom images in mobile?

Edit> Safari 13.1.2, works fine on macbook pro late 2011.
« Last Edit: September 05, 2020, 03:39:46 pm by lainz »

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #39 on: September 05, 2020, 04:45:21 pm »
Ah, I hadn't spotted the images at the bottom yet.

Martin_fr

  • Administrator
  • Hero Member
  • *
  • Posts: 9794
  • Debugger - SynEdit - and more
    • wiki
Re: Lazarus Website Mobile Friendly
« Reply #40 on: September 05, 2020, 05:38:53 pm »
Fixed the footer.

Internet Explorer has an issue with some of the "Tip of day" images (e.g. syncro edit image).
If the window is to narrow, the image escapes its box.
If anyone has an idea...
Otherwise, IE should not normally get such a narrow window..

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Lazarus Website Mobile Friendly
« Reply #41 on: November 15, 2020, 07:53:15 pm »
The website seems live now, thanks for taking my suggestion into consideration.  :)

 

TinyPortal © 2005-2018