SVG :hover [was: hover]

Report · Jul 17, 2019

Hi,

Upon mouse-over, I want to change the color of Twitter logo.

How would I do?

Hosun Kang

Report · Jul 29, 2019

osgood_ wrote
BenPleysier wrote
I don't think that the server supports PHP. It does however serve HTTP/2
Im hoping this is just a test server and being as though the pages dont look like they will be verbosely populated with 20-30 unnecessary calls to bloated js plugins and redundant css files http2 will be irrelevant.

Showing your ignorance once again? (referring to HTTP/2)

Wappler, the only real Dreamweaver alternative.

Report · Jul 29, 2019

BenPleysier wrote
osgood_ wrote
BenPleysier wrote
I don't think that the server supports PHP. It does however serve HTTP/2
Im hoping this is just a test server and being as though the pages dont look like they will be verbosely populated with 20-30 unnecessary calls to bloated js plugins and redundant css files http2 will be irrelevant.
Showing your ignorance once again? (referring to HTTP/2)

Pardon me, my ignorance, now that is hugely funny. Please inform why your 'hats' website slideshow/product images are so slow to load even on a http2 connection and get the damn form fixed, it hasnt worked for months. I won't embarass you by providing a link to it, it gives you a chance to fix it up and get the speed up and for goodnes sake dont try a http 1 connection, I'll be waiting all day for anything to load.

Report · Jul 29, 2019

osgood_ wrote
Please inform why your 'hats' website slideshow/product images are so slow to load even on a http2 connection and get the damn form fixed, it hasnt worked for months. I won't embarass you by providing a link to it, it gives you a chance to fix it up and get the speed up and for goodnes sake dont try a http 1 connection, I'll be waiting all day for anything to load.

No embarrassment, here it is https://cobbcoleatherhats.com/ and thank you for your feedback, much appreciated. Later on today (once the site has loaded), I'll check the the form. Have been having a few problems when the server was switched from PHP 7.2 to PHP 7.3. Will keep you informed.

In passing, you may like to have a read of https://quicwg.org/base-drafts/draft-ietf-quic-http.html to keep abreast of what the future looks like.

Wappler, the only real Dreamweaver alternative.

Report · Jul 30, 2019

BenPleysier wrote
osgood_ wrote
Please inform why your 'hats' website slideshow/product images are so slow to load even on a http2 connection and get the damn form fixed, it hasnt worked for months. I won't embarass you by providing a link to it, it gives you a chance to fix it up and get the speed up and for goodnes sake dont try a http 1 connection, I'll be waiting all day for anything to load.
No embarrassment, here it is https://cobbcoleatherhats.com/ and thank you for your feedback, much appreciated. Later on today (once the site has loaded), I'll check the the form. Have been having a few problems when the server was switched from PHP 7.2 to PHP 7.3. Will keep you informed.
In passing, you may like to have a read of https://quicwg.org/base-drafts/draft-ietf-quic-http.html to keep abreast of what the future looks like.

Hi Ben,

I visited earlier on in the day and I think you may have some server issues, or it could possibly have been a bad time to visit, the images were still taking a really, really long time to load, but maybe its not your fault, all servers have dodgy slow periods. The form is at least now functioning as it should, not sure why it took so long for anyone to identify that issue.

Anyway keep an eye on it.

Just a query, should this be in the Google indexed search for that site?

BunchOKids Interactive Booklets........

Report · Jul 30, 2019

Just a query, should this be in the Google indexed search for that site?
BunchOKids Interactive Booklets........

Ooopps! No excuse for that. Explanation: Copy and Paste without paying attention. Now rectified along with a previous fix of the form.

Maybe quality control should be part of your retired life .

Wappler, the only real Dreamweaver alternative.

Report · Jul 31, 2019

BenPleysier wrote

Maybe quality control should be part of your retired life .

Probably why I'm completely nuts............too much checking over the last 40 odd years, drives me to the point of exhaustion sometimes. However if a job is worth doing its worth doing well but there's always going to be errors no matter how many times its checked, just part and parcel of the job but I hope to eliminate the majority.

Report · Jul 29, 2019

BenPleysier wrote
osgood_ wrote
BenPleysier wrote
I don't think that the server supports PHP. It does however serve HTTP/2
Im hoping this is just a test server and being as though the pages dont look like they will be verbosely populated with 20-30 unnecessary calls to bloated js plugins and redundant css files http2 will be irrelevant.
Showing your ignorance once again? (referring to HTTP/2)

Actually the question of the relevance of http2, that Osgood has said is 'irrelevant', is a good one and probably worthy of its own discussion.

The one big advantage of http2, used to be the number of simultanious connections between the browser and server(s), (note the inclussion of (s)). With websites getting bigger, the number of them ever increasing, the increase in cdn usage, the increase in internet services and users, and the increase in video/film media, the question becomes not just how many simultanious files the browser can download, but one of how many servers can handle, and the devices accessing those servers download speeds. Or to put it simply, the more files transfered, the slower everything becommes.

Even 5 years ago the w3c admitted that unless something radical was done about the amount of data being transfered over the internet, the speeds expected even with the planned increase in server/cables/satellites, (insert your own list of ways to transfer data) cannot be maintained into the 2020's.

Report · Jul 29, 2019

hello Paula,

I'm not talking for Ben (he is big enought for speaking by himself)... hello Ben

Your point, although very interesting, does not address the issue of HTTP/2 per se, but of HTTP in general....

your question does not concern the number of requests, which is not important at this level, but rather the amount of information downloaded.

if we had talked about multiplexing, or approximate compression, or the minimization of protocol exchanges... okay... but here your point is only based on the mass of information... (or perhaps I missed your point and in that case ... I'm confuse)

so this whatever the protocol used is (HTTP or HTTP/2), too many data kills the display speed. it doesn't matter if this loading takes place through a single connection (imposed in HTTP) or multiple connections (not penalizing in HTTP/2)

now, and to avoid any confusion in my remarks... since the web exists we have fought to have weight savings on all our transactions. since I work on sites, (we then had 9k modems and screens (for the better off) in 256 colors (you certainly remember of debabelizer:)).... we were doing everything to save the slightest kilo and the slightest color necessary for the display... today the fact of having T1 connections and Ultra HD screens does not allow us either all the unimaginable releases... although and whatever...

in short... I advocate economics... and even though my apps run under a reverse proxy between nginx and apache, I still use various node scripts that allow me to remove everything that is not used (both in HTML, as well as in media, as in scripts, as in css... to minimize, uglify and concatenate all this and reduce any unnecessary operation.

my editor also asked me to make a tutorial about that at the time... it was in 2012 with L'essentiel de l'Open Web Platform courses... the course was then redesigned more node oriented in 2015 and finally published in 2016 under the title HTML5: Optimization of production flows

so bring back to story to what it was... HTTP/2 understanding

Report · Jul 29, 2019

You did miss the point Birnou.

There is no point in advocating the use of http2, unless we also discuss the amount of data a site is transfering. Not to consider the use of http2 from the end users point, (the site user not Dw user, site developer) is to only have a selected benefits, (or not) discussion, without discussing the one person that matters most, (site/app end user).

Over the last 7 or so years the amount of data developers/designers are expecting end users to download has increased beyond all expectations, with the average site now transfering over 2.5 Mb on initial page load, with much of it going unused, and many developers ignorant of, or with a 'do not care' attitude to page weight.

Report · Jul 29, 2019

For any reader who does not know the differences between http2, and normal http, a quick overview can be read at -

https://developers.google.com/web/fundamentals/performance/http2/

Report · Jul 29, 2019

pziecina wrote
Over the last 7 or so years the amount of data developers/designers are expecting end users to download has increased beyond all expectations, with the average site now transfering over 2.5 Mb on initial page load, with much of it going unused, and many developers ignorant of, or with a 'do not care' attitude to page weight.

That would be my stand point of view. Rather than face up to poor workflows we actually openly embrace them simply because they can be hidden as a result of enhanced modern server/browser technologies. If there was some honesty in all this I could accept that but its the pretence that somewhat concerns me.

Report · Jul 29, 2019

osgood_ wrote
pziecina wrote
Over the last 7 or so years the amount of data developers/designers are expecting end users to download has increased beyond all expectations, with the average site now transfering over 2.5 Mb on initial page load, with much of it going unused, and many developers ignorant of, or with a 'do not care' attitude to page weight.
That would be my stand point of view. Rather than face up to poor workflows we actually openly embrace them simply because they can be hidden as a result of enhanced modern server/browser technologies. If there was some honesty in all this I could accept that but its the pretence that somewhat concerns me.

The problem is that the internet no longer has the infrastructure to allow designers/developers to ignore page weight, as they are currently doing. It is no use saying that one can download 'x' amount of data, in a shorter time if the infrastructure, (be that server, internet infrastructure, broadband/mobile connection) cannot support it.

No matter how one recons it transfering 'x' amount of data, means transfering 'x' amount of data, and the more data and users there are, the more data must be transfered. Even the practice of keeping a connection open uses data, as the browser -><- server connection must be maintained, which requires periodic checking by the server/browser.

The answer by many does appear to be, that the technology will keep up, even when the w3c and the internet regulatory board, (in the USA) says it will not. No one wants to pay extra for faster 'prime time' connections, but the blame for the possible requirement lays firmly with the developers/designers who continue to ignore the problem, and use excessive (code weight) solutions.

Report · Jul 29, 2019

pziecina wrote
The answer by many does appear to be, that the technology will keep up, even when the w3c and the internet regulatory board, (in the USA) says it will not. No one wants to pay extra for faster 'prime time' connections, but the blame for the possible requirement lays firmly with the developers/designers who continue to ignore the problem, and use excessive (code weight) solutions.

I absolutely agree. I think a developer should bear some responsiblity in terms of what they produce but we know many are not actually producing anything other than deploying off-the-shelf solutions which are in most over-kill for what is required, leading to more overhead.

Report · Jul 29, 2019

pziecina a écrit
You did miss the point Birnou.
There is no point in advocating the use of http2, unless we also discuss the amount of data a site is transfering. Not to consider the use of http2 from the end users point, (the site user not Dw user, site developer) is to only have a selected benefits, (or not) discussion, without discussing the one person that matters most, (site/app end user).
Over the last 7 or so years the amount of data developers/designers are expecting end users to download has increased beyond all expectations, with the average site now transfering over 2.5 Mb on initial page load, with much of it going unused, and many developers ignorant of, or with a 'do not care' attitude to page weight.

it is not these points that were defended by OS and that initiated this debate... hence my current position which would be against any sophist position

please, read messages #24, #26 and #31 to catch where and how everything exactly starts

then, concerning your point, please, read the summary of both training that I did (from 2012 and 2015) and you'll see that I share 100% your point on what is say by you just above.

Report · Jul 29, 2019

BenPleysier wrote
I don't think that the server supports PHP.

You appear to be correct, some research suggests php cant be executed on the Netlify servers

The suggestion is to use their own solution:

Forms | Netlify

Mine would be find another server provider that runs what you want to use.

Report · Jul 29, 2019

Hi,

Thank you very much for your help.

I tried your solution.

Styles in header are still the issue (contact.php).

Global Invisible Hand

contact.php

https://drive.google.com/open?id=1PNvzmp_Ihb47WVv4kMQJC8X-c3xRefID

contact.css

https://drive.google.com/open?id=1DEMcss9JP3twpKox13Kp-FKztYR6_rpp

header.js

https://drive.google.com/open?id=1oDQA-xj9u8dHvshJiGcYZ5ly4U56vMFC

Hosun Kang

Report · Jul 30, 2019

Hosun wrote
Hi,
Thank you very much for your help.
I tried your solution.
Styles in header are still the issue (contact.php).
Global Invisible Hand
contact.php
https://drive.google.com/open?id=1PNvzmp_Ihb47WVv4kMQJC8X-c3xRefID
contact.css
https://drive.google.com/open?id=1DEMcss9JP3twpKox13Kp-FKztYR6_rpp
header.js
https://drive.google.com/open?id=1oDQA-xj9u8dHvshJiGcYZ5ly4U56vMFC
Hosun Kang

Hi Hosun

I think the problem is your server, netlify.com, does not support php so the solution that we have been supplying is not going to work for you as netlify, according to some Google research, does not parse any php code on its servers.

The advice seems to be use their forms solution:

Forms | Netlify

However you wont get much input or help in ths forum as I doubt anyone has any experience with netlify hosting.

The other option would be to source some cheap php hosting (it MUST support the mail function).

Report · Jul 30, 2019

Hi,

I will find out the server, which supports the PHP mail function.

I want to align the Form in the middle.

I wrote

.form-container {

display: flex;

justify-content: middle;

}

But it doesn't work.

Global Invisible Hand

contact.php

https://drive.google.com/open?id=1r8fXrevXrxnEB0JqNpTYMYn5e3ijYjqq

contact.css

https://drive.google.com/open?id=1Pi5vMtWhqN4d4ZVCgNKPsTNo5atcD9vT

Hosun Kang

Report · Jul 30, 2019

Just give form-container a width, say 50%, then give it a margin: 0 auto;

Report · Jul 31, 2019

Hi,

Q1.

Can I apply “font-family” and “font-size” to .alert-message?

Q2.

How can I move the Submit button to the center?

I just can think of giving <div> to <button> and apply flexbox.

https://silly-mclean-4eef05.netlify.com/

Global Invisible Hand

contact.php

https://drive.google.com/open?id=1zmFWbP2AziXHTHxoY2KhqoHCKUauOfrm

contact.css

https://drive.google.com/open?id=1WIEeIAMKVbQz5v2zjrzk3hBhIP0o0bXm

Hosun Kang

Report · Jul 31, 2019

Hosun wrote
Hi,
Q1.
Can I apply “font-family” and “font-size” to .alert-message?
Q2.
How can I move the Submit button to the center?
I just can think of giving <div> to <button> and apply flexbox.

1. When you put the page on a server which supports php that green box won't show until an alert is needed when a form field is left blank or an invalid email address is supplied. So at the moment there is no alert message visable, when it does become visible your font-family and font-size will show.

2. add to the btn-green css:

display: block;

margin: 0 auto;

Report · Jul 31, 2019

Hi,

Q1.

There is "display: block" in two places.

What is its role?

I deleted the first one. No change.

I deleted the second one. Alignment didn't work.

Q2.

Is my own email address? (for example, gmail)

contact.php

https://drive.google.com/open?id=1Rzs-RZZCyeMZuyat-h8_v3pVJr8MwEF8

contact.css

https://drive.google.com/open?id=18dzIRUiHVRTmU4VQFiopi7w3q4GUpiYq

Hosun Kang

Report · Jul 31, 2019

The first instance of display block just allows for some bottom margin to be applied to the form label to push it away from the form field.

The second instance of display block in combination with margin 0 auto should centre the submit button in the form container div. If it doesnt try giving the submit button a specific width.

The $toEmail should be the email address where you want the form information to be sent.