Dose Apple have any official documentation to study HTML/CSS/JavaScript ? Kind Regards

When having a single input field type="email" I get a suggestion to autofill the field with password instead of email. However, if I add another input field, the autofill works correctly. I noticed some solutions where the second input field is hidden, but I'd like to know if there's a more elegant solution to this. Thanks.

Hi, I'm a web developer and I would to put in my website a favicon for each Apple Mobile Devices but I don't know the sizes of each favicon's images (for iPhone, iPad, iPod). Actually I know that I have to create this sizes's typoligies: 57x57 72x72 114x114 144x144 Example: <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favicon.png"> <!-- or --> <link rel="apple-touch-icon" sizes="144x144" href="images/favicon.png"> Are there others? Thanks at all.

Really need some help with this please. I've now spent several days trying to fix this problem and I can't find a solution. I have a 3 column Bootstrap 5 layout with a auto width column middle column that contains an SVG. I've made the layout 100% height and I have the middle column responsive with the SVG taking up the full width of the auto width column. Stackoveflow with Codepen here If you check it in FF and Chrome in non maximised browser or using dev tools the columns all scale as I expect and the SVG and middle column scale properly. However, if you look at it in MacOS Safari (14.1.1) the SVG doesn't scale properly (gap either side of the SVG when scaling down) and only resizes properly if you refresh the browser. From what I can see there seems to be a problem with the way Safari handles the SVG width when it isn't explicitly set, where the other browsers seem to handle it fine. I don't know if there is some sort of bug in Safari where it doesn't handle the width of the SVG when the browser window is resized but I'm guessing. Or possibly a problem with the flex: 0 0 auto; on the col-auto BS column. I've tried multiple safari workarounds and nothing I can find by googling seems to work. Any help gratefully received. Thanks

I want the select dropdown border-radius to be 5% or 5px round, But after upgrading my device to IOS 14.6, the select dropdown is getting 50% round borders? Is there any way I can prevent this? I have used the hack too "-webkit-border-radius:5px" but this doesn't seem to work.