Skeleton CSS for the First Time!

Hello world!

In case you hadn’t guessed, I’m new at this. I’m in a student in a web development bootcamp and have spent the last month absorbing an incredible amount of new information in a total immersion environment after being more than 20 years away from a classroom of any sort… It’s quite the endeavor, I can tell you.

Throughout the process, I’ve been introduced to html, css, javascript, bootstrap, jQuery, and a host of other modes and tools that are a part of web development, and a mind can very quickly get saturated beyond the point of absorption! A new developer could really use a few built-in css frameworks to take a bit of the sting out of the overall process, and thankfully we live in a world with a wide selection to choose from, and today I’d like to discuss Skeleton.

What you need to know up front is if you’re embarking on a massive project, Skeleton might not be right for you. If you don’t need ALL the utility of larger frameworks, it could be just the thing… It styles enough standard html elements to get you going in the right direction.

First of all, it’s pretty darn easy…

Just a couple of links in the head of your html and you’re ready to go!

Speaking as a person with a background in construction in the US, the 12 column fluid grid system takes right to my brain. Just like inches on a tape measured foot! Below is a visual representation.

In addition to stating the number of columns a row should contain, there a few simple shorthand widths available to the user if they choose…

Also included are very handy field, form, typography, list, button, and table styling options as well!

As stated above, I’m not long on my experience in web development, but I have to say that my initial experience with the Skeleton css framework was a positive one. It is intuitive and easy to implement, and for a developer still learning the ropes who doesn’t want to get overwhelmed with unnecessary bells and whistles, I’d say Skeleton is certainly worth a try!