Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 5 days ago.
Improve this question
It's been a debate, btw the front-end devs in my office about whether safari is already supported the use of CSS aspect-ratio or not. Some are still unsure and choose to go with the CSS hack. I've tried to research it for a bit but found it kinda hard to find a reliable source. So I want to clear up the confusion here.
Yes, according to the mdn safari support aspect-ratio https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio#browser_compatibility
It's also worth checking out: can i use...
Support is at 91 % but on safari 100% only from version 14.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 2 years ago.
Improve this question
I've read a few times that if you need to center an element vertically you can use flexbox. Is this really a good practice? Or is there a better way to do this without flexbox?
Flexbox is the latest and the most improved styling version and it. is an absolute yes to your. question . However it is not the only way , it is possible to use. . and margins and many more but Flexbox is by far the best way that could rather. be difficult to understand in the beginning . Reffer to this amazing. document which. even i still sometime go back to .
https://www.internetingishard.com/html-and-css/flexbox/
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 years ago.
Improve this question
I want to know that if i use flex on CSS style sheet will it not work properly on other uncommon browsers and devices? I tested on chrome and Firefox it works fine. but hard to check with all browsers. I need some expert advice.
It might cause a problem on some really old browsers, but they are negligible.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 5 years ago.
Improve this question
I've been searching for CSS Backdrop Filter recently. I am an Information Technology Student and been love designing web. I got Excited on blurry effect behind an element like an iOS like, Its Dream CSS code for me. But it wasn't working on my Microsoft Edge and some browsers. I already checked it on Mac and it does work on safari. When it will be available on these Windows browsers?
This feature just landed in Windows 10 Insider Preview build 17063 (EdgeHTML 17), so there's a good chance it will be available in the next major release of Windows 10 that's coming later this year.
It's supposed to come with Edge 17... but that's the least of the concerns. The status barely an Editor's Draft, so it's not supported by Firefox nor Chrome, only Safari has implemented it so far.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I am writing a mobile/web app which has coloured clickable and movable circles.
I am aware of the fact that I can draw them in two ways:
A div using border-radius
A <circle> in a <svg>
Now considering the fact that with svg I can take advantage of doing cool animations, why one over the other?
It seems to depend on what you're going to do with the circles.
If they're just buttons for a link, stick with a div, But if you're going to do all sorts of animation or create a game, I might go with SVG as it's more flexible but not supported by some old or mobile browsers.
I will update this answer with more info if you answer my question comment.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
Please check out this image:
Look at the part that says 'keyboard'
I want that shape but facing the other way (right) and not curved.
I know this is a pentagon but its not the standard type so its hard to find the name or type of this shape to learn how to make it in css. Any ideas on how to make it!?!?
Thanks guys,
James
It's a rounded rectangle and a triangle (or a rotated square). To make it in "CSS" would require some hacks. I suggest you use a background image.
Mimicking the iPhone design purely in CSS is nearly impossible. However:
I found iWebKit, written by a guy who spent a lot of time on just that task. He did the navigation buttons with border images.
You can take a look at it at http://snippetspace.com/ . It's free to download, I think.
Looking at the demo code, you can easily see how the buttons work.
iWebKit is only for webkit browsers, but it does not take a lot of work to adapt to other browsers (just add -moz or -o lines where it says -webkit in the CSS).