Share your websites made with Site...

User 244626 Photo


Registered User
811 posts

Steve wrote:
Chris wrote:
Hi All

My latest project for a client:

https://www.ict-s.co.za/

I used the following to design it design it:

1) Site Designer 4.0 - Materialize
2) Responsive Content Slider
3) Web Form Builder



Well Done Chris!!! I love the use of those high rez images it really brings a ZIP BANG BOOM to the website. Very visually stimulating. Keep up the great work!

Steve


Too bad though a great designer with high rez images is being penalized by Coffeecup by forcing him to use the "picture element" which TELLS the modern day browser what image size and resolution it has to choose between breakpoints. If Coffeecup did like any other modern day design website software they would give us the <img> tag alone with use of scrset and let the modern day browsers choose based on dpi and the image size on the screen.
To really properly use the picture element one also should have access to landscape and portrait settings....and thats nowhere in sight. A Ipad Pro would have loaded the largest image he had ....but nope the picture element overuled the smart modern browser and stuck a lower quality image there.

Oh...forgot the mention the picturefill.js polyfill for IE that loads on all modern browsers automatically too that already "DO" support the picture tag. What a waste of bandwidth and a penalty to all of us for that....at least put in a browser test to see if the picture tag is supported and then skip the loading of picturefill.js of its not IE11. Read the picturefill.js documents on how to do that....pretty simple.
Bootstrap 5 CSS Grid.
User 2699991 Photo


Registered User
5,078 posts

Twinstream wrote

Too bad though a great designer with high rez images is being penalized by Coffeecup by forcing him to use the "picture element" which TELLS the modern day browser what image size and resolution it has to choose between breakpoints. If Coffeecup did like any other modern day design website software they would give us the <img> tag alone with use of scrset and let the modern day browsers choose based on dpi and the image size on the screen.
To really properly use the picture element one also should have access to landscape and portrait settings....and thats nowhere in sight. A Ipad Pro would have loaded the largest image he had ....but nope the picture element overuled the smart modern browser and stuck a lower quality image there.

Oh...forgot the mention the picturefill.js polyfill for IE that loads on all modern browsers automatically too that already "DO" support the picture tag. What a waste of bandwidth and a penalty to all of us for that....at least put in a browser test to see if the picture tag is supported and then skip the loading of picturefill.js of its not IE11. Read the picturefill.js documents on how to do that....pretty simple.


Mind you unless I am terribly wrong all that doesn't apply or work with background images, and if the user has JS disabled the images will never appear unless a fallback is in place, but I may have not fully understood, I think there is a workaround with CSS for background images.
One other thing is it seems to me that it needs more than a tad of technical know-how, which maybe a bit beyond a lot of users of SD which maybe the reason for not yet adopting implementing something that could mean it being over complicated to do for a lot of people.
I do however support what Twinstream has said and the points he makes it can only be a great thing to do for image heavy webpage loading speed.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2885740 Photo


Registered User
60 posts

@Twinstream
I'm with you.
User 2622524 Photo


Registered User
97 posts

Hennie wrote:
Hi Chris,
Microsoft Edge has a small height problem with the hamburger menu section.
See attached screenshot.


Hi Hennie Thank you pointing the menu bar out to me, I have fixed it :)
User 2622524 Photo


Registered User
97 posts

Wayan Jaya Space Cadet wrote:

Update
Actually on closer inspection it could be the little grey slider indicator buttons causing it, to appear to jump whereas it would seem that the buttons container only appears on the last slide


Hi Wyan, thank you for the positive feedback :)

I could not see the jump of the first slide on my iPhone, maybe it was the menu bar that was taller than the container it's in.
User 244626 Photo


Registered User
811 posts

Chris wrote:
Hi All

My latest project for a client:

https://www.ict-s.co.za/

I used the following to design it design it:

1) Site Designer 4.0 - Materialize
2) Responsive Content Slider
3) Web Form Builder


I am not sure why it has not been mentioned but on my Iphone the hamburger jumps or stutters like crazy when scrolling up and down. Its a older Iphone6 if that helps but there is something happening in Safari.
Bootstrap 5 CSS Grid.
User 2622524 Photo


Registered User
97 posts

Twinstream wrote:

I am not sure why it has not been mentioned but on my Iphone the hamburger jumps or stutters like crazy when scrolling up and down. Its a older Iphone6 if that helps but there is something happening in Safari.


Thanks for mentioning I am aware of this issue and have been trying to find a resolve for this but no luck, it only seems to happen on some iOS devices.

It has got something to do with the Menu system I use. The software is "AllWebMenus Pro ver 5.3" (https://www.likno.com/allwebmenusinfo.html)

I have been in touch with them a few times but sadly they are not even responding. I'm currently looking for a replacement but it's not easy to find, I like all the features this software offers.
User 303390 Photo


Registered User
97 posts

Vern Tarbutt wrote:
Thank you for your comments Franko.
I guess I am a little naive concerning exposing the email address. I was't aware the client could be spammed.
I am not sure about how to use an obfuscator, I hadn't heard the term before.
Would inserting a link button with the "mailto:xxx@xxx.ca" link work?
Vern


Check out an obfuscator link here
https://www.albionresearch.com/misc/obfuscator.php
User 2088758 Photo


Senior Advisor
3,105 posts

Very Interesting I will have to check this out. Thanks for sharing.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 556652 Photo


Registered User
152 posts

Open for comments. Please be brutal!

http://artistatheart.coffeecup.com/

;)
___________
Artist At Heart

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.