Archive for the ‘HTML/CSS’ Category

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...

Taffy: Slim CSS Framework Based on CSS Flexbox

Posted on: No Comments
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 tiny CSS framework Taffy is that thing. CSS Flexbox: Induction Inevi...

Tool Tip: Color Gradients With CSS for Backgrounds and Buttons

Posted on: No Comments
Color gradients spice up the occasionally boring flat design. Thus, it’s always useful to have a couple of options at hand. Of course, you can also come up with color mix after color mix on your own, but the following two tools will free you of t...

Your Web Image is Unnecessarily Bloated

Posted on: No Comments
Images make up a majority of web content.But a lot of websites and applications that we browse aren’t always delivering the most optimal image format, size, quality and dimension. As a developer, it seems inefficient to serve a 2,000kb JPEG image whe...

Mavo: Web Apps Without Programming, Only With HTML/CSS

Posted on: No Comments
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. Lea Verou Has Thought Outside the Box Once Again Designers and developers that donR...

HTML5 Canvas or SVG: Choose Wisely

Posted on: No Comments
In 2004, the introduction of HTML5 also brought us the JavaScript based drawing method Canvas. The vector-based SVG format has been a thing since 2001. However, it only became truly successful over the past few years, in parallel to HTML5. Both formats...

Mobirise: Responsive Web Design Made Easy (and Free)

Posted on: No Comments
Talking about website builders, we have a plethora of options. But those that simply build a site as fast as 123 are few. Mobirise is the quickest builder I ever ran across. Most small businesses don’t aim at delivering the most innovative websit...

CSS Grid Garden Teaches You CSS Grid in a Playful Way

Posted on: No Comments
CSS Grid is the new trend in web design. After the modern browsers have been supporting this set of different CSS attributes for a while now, it is time to look into it. “CSS Grid Garden” helps you with that. CSS Grid Garden: Water Your Car...

CSS Icon: Pictograms in Pure CSS, Optionally Animated

Posted on: No Comments
The freely usable web app “CSS Icon” does not only deliver pictograms in pure CSS for free, but it also allows you to define animated transitions between any two of the package’s symbols. Adobe Designer With Love For Detail Wenting Zh...