Archive for the ‘HTML/CSS’ Category

Shards: Modern UI Kit Based on Bootstrap 4 as Open Source

Posted on: No Comments
There are many UI kits, including free ones. Designrevision’s Shards still sticks out of the masses, as it is not only free but also very considerable and modern. Catalin Vasile aka Designrevision Shards is the first product by Designrevision. B...

CSS3 for Design Experts: Four Attributes to Use Today

Posted on: No Comments
With the introduction of CSS3, design options for websites have changed a lot. Especially animations and transparencies are commonly used ever since. However, there are a lot of attributes that are rarely seen. The lack of browser support is not a good...

Variable Fonts are Now Available in Adobe and Chrome

Posted on: No Comments
The idea of variable fonts has been around for a while. In the future, instead of multiple font versions, line weights and font widths are supposed to be unified in one single font file. With Adobe’s new creative cloud, and Google’s new Chr...

Fontplop: Free Mac App Turns Web Fonts Into Desktop Fonts

Posted on: No Comments
Life can be this easy. Drag your TTF or OTF over to Fontplop, and get a web font bundle consisting of WOFF2, WOFF, TFF, SVG, and EOT in return. Fontplop is a small app for macOS, available for free on Github. You can download it as source text, but als...

Bubbly Backgrounds: Moving Backgrounds for Your Website

Posted on: No Comments
It’s not modern if it doesn’t move. Of course, this also applies to your website’s background. Bubbly Backgrounds are at your service. JavaScript for Bubbles Bubbly Backgrounds is a very small JavaScript written by a Norwegian develop...

Tool Tip: Moving Letters With Anime.js and CSS

Posted on: No Comments
Animated font effects are real eye-catchers. Used correctly, they can enhance your design. Moving Letters provides you with 16 fantastic visuals. The Swedish designer and developer Tobias Ahlin has an impressive backlog of references. First of all, he...

Hologram: Free Mac App For a Smooth Start With WebVR

Posted on: No Comments
Freelancers that make their money off customer projects have little time for new technologies. With Hologram, you can get a sneak peek at WebVR, without losing entire monthly incomes in the process. Hologram is a native app for macOS and is as such use...

CSS Grid Layout: Masonry Layout Made From Pure HTML and CSS

Posted on: No Comments
Codepen user Kseso convinces us with a simple but impressive application case for CSS Grid, by creating a clean Masonry layout from pure HTML and CSS. CSS Grid Layout is Available Across the Board The fact that the CSS Grid Layout is an important desig...