Show & Tell: 10 HTML+CSS+JS experiments to try out

screenshot-2016-11-29-12-29-05I found an article hosted by the CSS Design Awards site that shows off 10 experiments using HTML+CSS (and sometimes JavaScript) to produce some amazing effects.

There’s an effect called tearable cloth, which, while not very practical, shows the amazing things you can do with HTML, CSS and Javascript. There’s a peelable sticker, which I could see used to reveal a coupon code on an e-commerce site. There’s a “jelly” scroll effect for mobile devices that looks sharp. There’s also, for you diehard Star Wars fans, a Star Wars-like text scrolling effect like the movies. And then my favorite, the 3D unfolding dropdown menu.

All of the effects are presented through codepen, so you can see how to implement these effects in your work. Check out the article on CSS Design Awards.

 

Using cutting edge web features: Warning users with outdated browsers

Browser-Update.org ScreenshotThere are new innovations in web design all the time, but the biggest problem with being able to use them is the variety of browsers and versions of those browsers out there. There are times when you have to design for the lowest common denominator (which, currently, is Internet Explorer 8), but if you don’t have that constraint put upon you by a client, and want to design with current browsers in mind, then you should look at Browser-Update.org’s solution.

Continue reading