I am not sure what I am looking at. I see a big yellow rectangle. Should I be looking at the code only? Should I press a button?
I think the old "Best Viewed With Internet Explorer" is back (only ... with chrome as the new ie)
Show HN: CSS Pokemon – created with clip-path and CSS variables
11–20 of 45 posts
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#12Edit: Major correction: it appears Firefox only supports clip-path behind a flag. Enabling this flag makes the experiment appear in Firefox. --- It's Webkit/Blink-only - no support for other browsers. It says it uses clip-path and variables, both supported in Firefox, so I see no compelling reason for this. Also viewing it in Chrome, I don't see anything that would actually require the use of clip-path or variables -…
Seems to work for me in mobile safari
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#13Edit: Major correction: it appears Firefox only supports clip-path behind a flag. Enabling this flag makes the experiment appear in Firefox. --- It's Webkit/Blink-only - no support for other browsers. It says it uses clip-path and variables, both supported in Firefox, so I see no compelling reason for this. Also viewing it in Chrome, I don't see anything that would actually require the use of clip-path or variables -…
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#14Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#15Earlier quoted context omitted.
I think the old "Best Viewed With Internet Explorer" is back (only ... with chrome as the new ie)
Except chrome is open source and actually improves multiple times a year...
IE also "improved" rapidly back in the IE4/5/6 days, adding features such as CSS filters and AJAX. These "improvements" were considered much needed progress by developers at the time; later, with the wisdom of hindsight, rightly seen as proprietary extensions with little to no consideration for interoperability.
And if you think the Blink team's membership of, and contributions to, WHATWG/W3C/&c. automatically ticks all the friendly interoperability boxes, you've clearly never encountered monstrosities such as https://compat.spec.whatwg.org/ (created and maintained by Mozilla)
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#16Edit: Major correction: it appears Firefox only supports clip-path behind a flag. Enabling this flag makes the experiment appear in Firefox. --- It's Webkit/Blink-only - no support for other browsers. It says it uses clip-path and variables, both supported in Firefox, so I see no compelling reason for this. Also viewing it in Chrome, I don't see anything that would actually require the use of clip-path or variables -…
Seems to work for me in mobile safari
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#17I'd love to understand the techniques and processes @lukehaas used to create it.
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#18Edit: Major correction: it appears Firefox only supports clip-path behind a flag. Enabling this flag makes the experiment appear in Firefox. --- It's Webkit/Blink-only - no support for other browsers. It says it uses clip-path and variables, both supported in Firefox, so I see no compelling reason for this. Also viewing it in Chrome, I don't see anything that would actually require the use of clip-path or variables -…
Why is this currently #6 on the HN front page?
Because someone took time to make this, and we tend to approach Show HN projects with an open mind.If it doesn't work on your browser, then try another one. The OP isn't asking you to buy anything or force anything down your throat.
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#19Earlier quoted context omitted.
Except chrome is open source and actually improves multiple times a year...
Chrome is closed-source (though based on the open-source Chromium project so it can nicely claim the associated kudos of an open-source project). IE also "improved" rapidly back in the IE4/5/6 days, adding features such as CSS filters and AJAX. These "improvements" were considered much needed progress by developers at the time; later, with the wisdom of hindsight, rightly seen as proprietary extensions with little to…
Re: Show HN: CSS Pokemon – created with clip-path and CSS variables
#20Earlier quoted context omitted.
Except chrome is open source and actually improves multiple times a year...
Chrome is closed-source (though based on the open-source Chromium project so it can nicely claim the associated kudos of an open-source project). IE also "improved" rapidly back in the IE4/5/6 days, adding features such as CSS filters and AJAX. These "improvements" were considered much needed progress by developers at the time; later, with the wisdom of hindsight, rightly seen as proprietary extensions with little to…