loading

x

xenxier.com

HOW TO: A detailed guide to VGA Passthrough (with UEFI & Virt-Manager)

Linux

I've created a neat little tutrorial for VGA passthrough! Click the link below to read more about it!

Read full article

Web Frameworks

web dev

After looking closely at Bootstrap, PureCSS and various other Frameworks, I decided that if I was going to show off my web development skill with my website, a framework wasn't the way to go, neither a massive monolithic framework, nor a rather neat minimalistic one would satisfy me.

But why? Simple. I don't need the massive amount of features which Bootstrap offers, and everything that something like PureCSS offers I can do myself with just a few simmple media queries, which is just what these frameworks do anyway.

But isn't that a bunch of unnessesary code? Suprisingly, no, this entire page is only lines long ( characters!), including styling, Javascript and articles. Which may seem like a lot, but the Bootstrap 3 homepage is over 500 lines long (as of 28/02/2016), not including CSS or Javascript librarys.

So, how do you ditch web frameworks? Simple, as I hinted earlier, get familiar with media queries, and design your website around mobile first, then simply increase your target screen size until everything looks too big and/or bunched up together and add a media query, adjusting padding, widths or positioning where needed. Take a look at this snippit of code from the styling I used for the logo if you still don't understand:

header logo { font-size: 6em; } @media screen and (min-width: 35em) { header logo { font-size: 12em; } }

This doubles the logo in the header (the big X at the top) once the width of the browser becomes or exceeds 35em wide. I've used em's here partially because some older browsers don't scale properly with pixels, but mainly because I just like using em's. There are also some other cool reasons to use em's, as this stack overflow user pointed out

Wait, so Web Frameworks are useless? Not at all! In fact, web frameworks are great for larger projects which require stuff like prebuilt grids, menus and icons, where you don't have time to program every page to look perfect on every screen size. But, for those larger projects, I'd highly suggest using LESS or SASS to build your own code alongside or on top of the preexisting framework.