Design
Web Designer 101: What Belongs Into the HTML Head?
The HTML head is an important component of every HTML document. It’s where the title is defined, and where JavaScript and CSS files are integrated. However, the ...
HTML/CSS
Design
Underlining Text – Now With Different Colors and More Effects
Typography is becoming increasingly more important in web design – especially since the introduction of web fonts. Underlining text, however, has always been a somewhat monotonous ...
Design
Progressive Web Apps: Closest to Native Apps With HTML5 and JavaScript
Native apps for Android and iOS devices have several major advantages over web applications developed using HTML5 and JavaScript. For instance, native apps can access camera, file ...
Design
Shards: Modern UI Kit Based on Bootstrap 4 as Open Source
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.
Design
CSS3 for Design Experts: Four Attributes to Use Today
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 ...
Design
Variable Fonts are Now Available in Adobe and Chrome
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 ...
Design
Web Standards Documentation: Microsoft Joins the Mozilla Developer Network
Microsoft is busily exporting documents that deal with web standards. Target of the export is the MDN, the Mozilla Developer Network. What gives?
Design
Fontplop: Free Mac App Turns Web Fonts Into Desktop Fonts
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.
Design
Bubbly Backgrounds: Moving Backgrounds for Your Website
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.
Design
Tool Tip: Moving Letters With Anime.js and CSS
Animated font effects are real eye-catchers. Used correctly, they can enhance your design. Moving Letters provides you with 16 fantastic visuals.
Boilerplates & Other Tools
Hologram: Free Mac App For a Smooth Start With WebVR
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 ...
Design
CSS Grid Layout: Masonry Layout Made From Pure HTML and CSS
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.
Design
Full Control over Grids: Firefox’ New Layout Panel For CSS Grids
Previously, proper grid based layouts were only possible via inconvenient ways. The new CSS grids, which have been available in the newer versions of the popular browsers for a little ...
Boilerplates & Other Tools
Taffy: Slim CSS Framework Based on CSS Flexbox
The syntax of CSS Flexbox isn’t that easy to grasp. If you don’t deal with it on a daily basis, you’d rather use something more straightforward if and as needed. The ...
Boilerplates & Other Tools
Tool Tip: Color Gradients With CSS for Backgrounds and Buttons
Color gradients spice up the occasionally boring flat design. Thus, it’s always useful to have a couple of options at hand.
Boilerplates & Other Tools
Mavo: Web Apps Without Programming, Only With HTML/CSS
Mavo allows you to create web apps for storing and editing of data without requiring any programming skills. It’s an expansion for HTML and very easy to learn.