Deck Fifty Design Blog

For someone outside of the tech industry, the idea of “open source” can be somewhat opaque, particularly when you are trying to investigate qualitative differences between an open source and closed source Content Management System (CMS). If you Google “open source versus closed source,” the articles that come up tend to be opinion-based, which can make gleaning the “facts”—if that term can be applied here—quite challenging. Even within the industry, the topic is contentious as developers have their preferred platforms. The goal of this blog post is to help you gain a better understanding of...

The typical CSS "box model" (also known as content-box) will produce something like this: width + padding + border = total/visible width of box height + padding + border = total/visible height of box Lets look at the example div below, with the typical box-sizing: content-box. div {  width: 240px;  height: 240px;  padding: 20px;  border: 10px solid #fff; } In this case the padding and border will apply to the outside producing at total visible width of 300px (240px + 40px + 20px). We'd usually need to reduce the width of the box until everything fits just right. Or we...