Slickhouse framework is an HTML5, CSS3 and jQuery collection of files for use in all future Slickhouse projects.
It started as HTML5 Boilerplate, with a sprinkling of Bootstrap grids and evolved into what you see on the screen.
Using the latest browser technologies, it will allow for continuous improvements of the look and feel of Slickhouse.
Feel free to use it within your own projects and contribute to help.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et diam vehicula, tristique eros sed, rhoncus turpis. Vestibulum imperdiet sem tellus, quis consequat est imperdiet non. Etiam eleifend, quam a porta venenatis, ante tellus pharetra massa, at sollicitudin dui nibh non velit. Nulla et nisi orci. Proin nibh sem, condimentum eget justo ut, ornare egestas risus. Nam massa lacus, fringilla at euismod vitae, bibendum a turpis. Proin nec pulvinar metus. Fusce mollis at dui convallis tincidunt. Nullam auctor nibh quis velit tincidunt cursus. Nulla gravida tortor in tincidunt sagittis. Morbi rhoncus velit tortor, nec hendrerit quam malesuada quis.
Morbi tellus libero, elementum sed iaculis in, cursus a elit. Praesent sed ultrices justo, at suscipit velit. Aliquam sed libero eget est malesuada porta. Sed ut pellentesque libero. Maecenas tincidunt lacus ac nibh rhoncus condimentum. Sed in fermentum mauris. Mauris sit amet tortor facilisis, vestibulum lacus vel, eleifend felis. Etiam purus lacus, congue ac urna nec, imperdiet tincidunt odio. Praesent elementum elementum volutpat.
Sed purus mi, vehicula egestas lorem consequat, facilisis fermentum nisi. Vivamus rutrum libero ac imperdiet eleifend. Aliquam erat volutpat. Sed metus sapien, volutpat quis venenatis sed, vestibulum non eros. Nunc purus orci, tristique ut posuere a, accumsan vitae erat. Vivamus nec dui varius, sodales eros et, pharetra turpis. Praesent feugiat mauris et justo tristique, quis sodales tortor rhoncus. Vestibulum id metus facilisis, lobortis diam ac, consectetur orci. Sed non dolor vel quam scelerisque fringilla. Vestibulum non ante arcu. Nullam diam elit, tempus non tempus quis, condimentum eget tellus. Pellentesque eget lectus venenatis, tincidunt mi ut, ullamcorper leo. Etiam at tellus quis nulla feugiat dapibus.
Extract the ISO file to the same place you downloaded it to
Format your USB drive to NTFS
Copy the contents of the extract ISO to your USB drive
Open a command prompt (Start > Run > cmd)
Navigate to the folder you extracted the ISO (e.g. cd \Users\Matt\Downloads\Windows8)
Navigate further to the boot folder (e.g. cd \boot) within the extracted ISO
Run the command "bootsect.exe /nt60 E:" where E: is the drive letter of your recently formatted USB drive
You will now have a partition to install Windows 8 onto and a USB drive with the Windows 8 ISO contents on, ready for installation.
The next stage is relatively easy:
Restart your computer
Hit F2/DEL to enter Setup (BIOS)
As long as your computer is fairly new, you should see an option to specify the USB drive to boot from
Re-arrange the boot order so that USB drive is the first device
Save and Exit Setup (BIOS)
You'll then begin to see the Windows 8 installer do its thing
Follow the instructions when prompted and sit back, whilst it installs
The installer will restart once it has completed, so you will need to enter Setup (BIOS) again
Change the boot order once again, so that your hard drive is the first device
Save and Exit Setup (BIOS)
The installer will continue and you'll eventually be presented with a new Windows 8 style boot menu
Choose Windows 8 Developer Preview, or leave it be (it'll default to Windows 8)
You'll then be asked a number of questions to setup your new Windows 8 Developer Preview install - allowing you to enjoy Microsoft's latest operating system.
I've had a few hours play with it so far and am highly impressed. Initially I started with it running within a Virtual Box VM, but I found it to be too restrictive. So I opted for the dual boot scenario as outlined above. This allows me to try Windows 8 on the raw hardware, but keeping my existing Windows 7 installation intact. Once the Developer Preview expires or if I find any incompatability issues, I can simply boot back into Windows 7 and continue.
Performance wise, the operating system feels a lot snappier than my Windows 7 install. But that's probably due to the crap it has accumulated over the past year - and the lack of software installed on Windows 8. Dare I say it: Internet Explorer 10 feels quicker than Chrome; yes it does. My only gripe would be the lack of mouse gestures via a laptop's touchpad - having to use the scroll bars on the main Metro UI is awkward and fiddly.
Also, I'm unsure as to why there is Internet Explorer 10 with the standard Aero UI and then there's the full-screen Metro version. They both have their purpose, but users may get confused and not know what tab they have open in which. Speaking of tabs - I'm lost in the Metro version with multiple tabs open, as there's no visual indication of which tab you are currently on and how many you have open, due to the lack of tool/status bars.
Overall, for a Developer Preview (pre-Beta?) Windows 8 is outstanding. The initial discussions surrounding the release are positive and it seems Microsoft have learnt from both its mistakes and also its competitors successes. A single operating system for all devices - Phones, Tablets, Netbooks, Laptops, Desktops, Servers makes complete sense and is what Microsoft has been striving to achieve with the whole Windows thing since, well forever. Hopefully they can get it right, keeping the device specific features at the forefront on the relevant devices, rather than a one UI for all.
Typography paragraphs, links, horizontal rules and address
h2 heading explanation text
h3 heading
h4 heading
h5 heading
h6 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
4 Columns example: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
3 Columns example: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
2 Columns example: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget ligula libero, vel pulvinar leo. Vivamus dui dolor, dictum vel sollicitudin eu, mattis in tellus. Praesent dapibus arcu ligula, tempus cursus felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam molestie imperdiet convallis. Donec non mi lectus. Etiam purus mi, facilisis et viverra non, fermentum quis tellus. Pellentesque consectetur, neque vel ultricies porttitor, magna lectus tempus magna, sit amet pretium nunc elit ac eros. Curabitur tincidunt, felis in ullamcorper feugiat, quam diam egestas purus, vitae varius sem leo vitae tellus.
Address:
The address element represents the contact information for its nearest article or body element ancestor. If that is the body element, then the contact information applies to the document as a whole.
The address element must not be used to represent arbitrary addresses (e.g. postal addresses), unless those addresses are in fact the relevant contact information. (The p element is the appropriate element for marking up postal addresses in general.) The address element must not contain information other than contact information.
