How to Install Windows 7 on a USB Flash Drive

How to Install Windows 7 on a USB Flash Drive

Installing Windows 7 Without a Hard Drive

How to install windows 7 in DVD-R (W) /CD-R (W) drives – WME or Easy Install software. Windows Operating System comes free with your PC. Microsoft has bundled the operating system with the hardware so that you can run it without any additional software. But certain software programs are available free on the Internet.

These software programs can be downloaded and then installed by keeping the DVD-R (W) /CD-R (W) drive in the computer’s USB port.

System Requirements

System Requirements for installing a new copy of windows 7 in DVD-R (W) drives – WME requires both Windows XP Home Edition and Windows 7 Ultimate Product. You can check your computer’s requirements for running Windows XP Home Edition first. Windows XP Home Edition and Windows 7 Ultimate Product are different operating systems, but they have similar hardware architecture so that installation of one on the other can be a simple matter.

How to install windows 7 in hard drive partition –

Windows XP Home Edition and Windows 7 Ultimate Product can both be installed in a “barebone” configuration. A barebone configuration means just that, it is a configuration where nothing is pre-installed on the hard drive. In this case, the hard drive is simply formatted and Windows is installed in its default settings. In order to install windows 7 in a complete configuration, you need to include a software package such as Windows Media Player Recovery to repair your media player.

How to install windows 7 in a new partition –

In this case, the computer will not contain an existing partition for the installation of Windows. The only available option is to create a new partition. New partitions can be created using the Disk Partition Wizard. Just like when planning to format a physical drive, you will need to determine the disk formatting options. You can choose from FAT, NTFS, or FAT32 partitions.

How to Install Windows 7 on a USB Flash Drive

How to install windows 7 DVD

You can install windows in a variety of ways. One such way would be to copy your current Windows setup over to a new hard drive, such as a USB drive. Another way would be to boot up the PC, eject the Windows installation disc, and then follow the on-screen instructions. A third method would be to utilize the “recovery” CD that comes with the installation. The recovery CD will boot up your PC and place a bootable Windows DVD in the drive, thus allowing you to install your windows system. Window 7 give you excellent support to web designers and web developers in many ways, learn more about web designing at

If you are planning to install windows by booting up the computer, then you should use the Windows installation tool that was installed with the original installation process. The Windows installation tool will allow you to boot up the computer and then run through the installation process. If your computer has not been turned on, you can boot up the computer and then go to the settings. There, you will find the storage drives tab. Click on the existing disk that has the Windows installation tool on it. Use the browse option to select the drive that corresponds to your USB drive.

How To Setup up a VPS for WordPress (Introduction)

How To Setup up a VPS for WordPress (Introduction)

In this series we will be going through the steps of setting up and optimising a virtual private server (VPS) for a large capacity WordPress install.

Table of Contents

  • Introduction
  • Setting up a new VPS – OS, User Accounts and Security
  • Setting up a firewall – Linux IPTables
  • Adding a Caching Server – Varnish
  • Further Optimisation – CDNs, Cloudflare


Since quite recently we have been posting out quite a bit of content relating to optimising websites and their hosting, we are pleased to announce that over some time in the near future we hope to release a tutorial series on optimising a virtual private server or VPS for a WordPress install. The ensuing series will be aimed at both beginners and intermediates in the field of self hosting a web server.

We hope the series will allow you to firstly set-up and then optimise a linux web server of your own, and then later manage it by applying update and performing general web server maintenance. Throughout the series we will be using a VPS provided by Digital Ocean which means we will also be going through the process of installing and configuring a web server such as Apache.

How To Setup up a VPS for WordPress (Introduction)

Not only will this series cover the set-up of a web server we will also be covering managing and optimising a WordPress install, this will include plugins to speedup WordPress through the use of add ons such as W3C Total Cache and ensuring that a WordPress install is secure from intruders. Next we will discuss the use of caching servers such as Varnish, to serve static pages rather than dynamic pages.

We will be posting the next parts of the series throughout the next few months, and we will try to keep them to a regular schedule, although this will depend on whether or not we have to give time to other commitments. To keep up to date with the series you can follow us on Twitter, Google+ or Facebook or if you’d rather, you can subscribe to our RSS feed.

My 6 Favourite Web Design Inspiration Sites

My 6 Favourite Web Design Inspiration Sites

There are all sorts of different websites and magazines people like to use for web design inspiration, but like most people, I have a few favourites. So, just incase you weren’t aware of some of these sites (which is unlikely), I’ll run through 6 of my favourite sites for web design inspiration (in no particular order). If you know any other websites which are particularly good for this sort of thing, please leave a comment at the bottom of this post.

  1. Dribbble

    Seeing as this is probably the most obvious site, I’ll show you this one first. Dribbble is one of the most popular places to find inspiration, not just for web design, but for almost anything: graphic design; fonts; icons; drawings; logos – you name it. It’s on Dribbble. What’s more, you can follow users who create things you like, so your Dribbble homepage shows specifically what you are looking for.

  2. CodePen

    CodePen is another great site for inspiration, although not so much for full page designs. This site is focused more towards CSS / jQuery snippets of code, such as experiments or creations people have made. Nevertheless, it’s fantastic if you’re looking for ways to spice up your site or think of creative ideas for templates.

  3. Design Fridge

    Design Fridge is another good source of inspiration for full site designs and snippets, along with articles, tutorials and other resources to help inspire you and improve your website.My 6 Favourite Web Design Inspiration Sites

  4. Themeforest

    The theme marketplace, Themeforest is another great source of inspiration, with WordPress, HTML, eCommerce and more themes available for purchase. As with most other sources of inspiration, it’s important you don’t just copy these themes (especially if you are looking for inspiration in order to submit to the Themeforest marketplace!), but it can be interesting to see the common trends and what sells well in order to give you some starting ideas.

    Of course, if you like a theme you see on Themeforest a lot you can just buy it! (While you’re there please check out my portfolio: and Taylor’s portfolio:

  5. CSS Winner

    This site is a collection of websites that have been awarded for good design and CSS – so naturally if you’re looking for inspiration from exemplar, highly commended work this is a good place to start.

  6. CSSDeck

    Similar to CodePen, CSSDeck has a vast collection of user submitted CSS3, HTML5, jQuery and more creations, experiments and demos. It’s a great source of inspiration to scroll through the endless pages of items – you’re bound to come across something interesting!

  7. Cliqued Media

Cliqued Media web design agency Ireland is building best website from the last many years for customer across the Globe they have hundreds of customers in the local market (i.e Ireland, Dublin, Galway etc). They are in the market since 2006 thet have helped businesses of various sizes in Ireland ensuring they get the maximum return from their online activities through their services.

And there you have it. 6 of my favourite sources for inspiration. If I ever get “designer’s block” and am struggling for ideas, a quick trip around some of these sites will soon set me back on the right track, even sometimes improving what I was already working on.

I hope you get similar use out of these sites, and if any of you have a Dribbble invite doing nothing… (joking!)

Finally, if you have any other inspiration websites that you feel should be included on this list, leave a comment below and if I like your sites I’ll gladly update this post!

Where to Find Free Images for Your Themes

Where to Find Free Images for Your Themes

It’s a common problem that faces web designers, especially those who sell themes and templates on sites such as Themeforest. Having decent images will definitely help to sell more copies of your design, but that means you need to find royalty-free images which are safe to use in commercial projects. Normally, for better quality images, you’d have to spend money on sites such as iStockphoto, in some cases having to pay even more for extended licenses.

They’re sometimes hard to find, but there are a few sites which offer royalty-free images for free, with a requirements that you either ask for permission from the authors if you are using the images commercially, or attribute them and so on. These can be useful, but if you would rather have images with no hassle and no copyright concerns, then you can visit some sites that offer 100% free images, for use in anything. In this post, I’ll show you some websites from both of these categories.


First of all, let’s take a look at stock.xchng (that’s the name, not it’s web address – see You have to create a free account, but you can download any of over 400,000 free images available. There’s a huge selection of photos available, and they’re all free. Of course, you get similar images from iStockphoto showing up mixed in with the free results, so be careful. Also, you need to be careful to check the licenses for each photo, as the different authors have different requirements and limits on how you use their photos.


Unsplash is a fantastic Tumblr site, offering 10 new photos every 10 days. Unlike Stock.xchng, you don’t need to make an account, and there are absolutely no restrictions on the images. They’re 100% free, suitable for commercial use, or in other words – “do whatever you want” with them. Specifically, their licensed under CC0 which simply confirms that the images are completely free. You can subscribe on Tumblr to make sure you always get the new images, and you can even submit some of your photos.

Where to Find Free Images for Your Themes


Gratisography is a site with a nicer, more modern responsive design. Once again, all the images are completely free for any use, and “free from copyright restrictions”. You don’t need to make an account, and all the images are even high-resolution. In fact, I was going to use an image from this site for the featured image of this post, but the resolution was too high for this WordPress installation to handle!


I often use this site to find images. Technically it’s a wallpaper site, but they are free and very good quality images available in almost any resolution for any device. You don’t need an account to download the images, but it is optional. However, you do need to be careful with copyright and licensing as most images require at least attribution and are not available for use in commercial projects – but I have seen some Themeforest themes use images from this site. Even if you don’t use pictures from this site for your theme, the images still make fantastic wallpapers!

These are the four sites I like to use most often when searching for images. There are endless uses on websites, a good example is fullscreen background images for items such as Under Construction templates. When making themes for commercial sale, you need to be careful. While it’s often fine to use images in the live previews of items, you need to make sure you’re allowed to do this as you are technically ‘selling’ the images although not directly. If you want to be extra careful, I recommend using images from sites such as Unsplash or Gratisography that offer copyright-free images.

Good luck finding images for your themes, and remember to be careful with copyright!

Create a Basic CSS Stitched Effect

Create a Basic CSS Stitched Effect

I know this has been done before lots of times, but this is a quick and easy effect done in CSS, which can help spice up your designs. Although I can’t think of a reason to use it myself in the ‘metro’ and Flat-UI trends of today, but just in case you want to give your DIVs a retro makeover, this is the tutorial for you.


There’s very minimal HTML for this tutorial. All we need is a DIV, with the class stitch. You can put whatever text, inputs, images or anything you like inside the DIV.

<div class=”stitch”>
Web, Tech & Gadgetry


Because it is a relatively simple design, there is little CSS needed. Of course, you can customise most of the options, such as the background colour, font styles and more. Also, it’s worth noting that in the featured image of this post and in the downloadable version of this tutorial, a little extra CSS is used to give the paper-styled background image.

Create a Basic CSS Stitched Effect

[blockquote ]

.stitch {
width: auto;
display: inline-block;
background-color: white;
padding: 25px;
margin: 10px;
color: #CCC;
font-size: 21px;
border: 2px dashed rgba(204,204,204,0.5);
border-radius: 10px;
box-shadow: 0px 0px 0px 6px white;
font-weight: normal;


And that’s it! As I mentioned earlier, it’s a very simple but effective technique. If you wanted to be more adventurous, you could make this effect look much more realistic and ‘retro’, but if you want it to look minimal and keep things simple, this is the best option for you. Enjoy!

You can download this completed tutorial from Dropbox.

Upgrading to PHP 7 on CentOS 6

Upgrading to PHP 7 on CentOS 6

After only recently realising we were running PHP 5.3, a release that came out a good seven years ago, we thought it a good time for an upgrade. Unfortunately due to CentOS’ stance on long term support, rather than the bleeding edge, this task at first proved quite difficult. As of now for CentOS 6, and I believe CentOS 7, there is no readily available package for upgrading to PHP 7.

Much to our luck we eventually came across an article going over the details of setting up PHP 7 on a CentOS Virtual Private Server (VPS), I’ve included a link to said article at the bottom of this post.

Installing PHP 7

Installing PHP 7 went surprisingly smoothly. The first requirement was to remove what was the currently installed PHP Apache module. To do this we entered the following command:

yum remove php*

Upgrading to PHP 7 on CentOS 6

The above command removes all installed packages beginning with PHP, before you do this we do very much recommend you take a backup of everything first just in case anything goes terribly wrong.

The next step involves downloading the latest version of PHP 7, which at the time of writing this article is PHP 7.0.2. The following command downloads the latest PHP repository to your current directory:

rpm -Uvh

The final step assumes you will be using PHP for a standard WordPress installation:

yum install php70w php70w-opcache php70w-mysql

If everything has gone as expected a simple restart of your Apache server should result in a working PHP installation. To check whether PHP 7 has installed correctly we’d recommend running the phpinfo(); function.


As we use Cloudflare to aggressively cache our blog’s pages, upgrading to PHP 7 had very little impact on our frontend performance. Those of you who aren’t currently using a CDN or some form caching should see their page loading times half.

Having said the above, our WordPress admin is certainly much more responsive.


7 Web Design Ireland Trends for 2020

7 Web Design Ireland Trends for 2020

2019 has been a jam packed year with many ups and downs, we had Brexit, the rise of Donald Trump and the loss of Carrie Fisher from Star Wars. However, since it is only a couple of days until we spring into 2020. Here are seven of the top web design trends I expect to see in the next year.

Here are the top web design trends that we can accept in the year 2020.

1. Greater emphasis on UX frameworks

User experience plays a huge part in how we use the web on a day to day basis. This experience needs to seamlessly transfer across devices, be it a laptop or a smartphone. With smartphones pretty much reaching parity with desktops for page views, the checkout experience needs to be just as polished as its desktop counterpart, Web designers Ireland is giving more emphasis on UX frameworks.

2. Rise of Material Design

One of the biggest web design trends of 2019 was flat design. I expect this trend to continue into 2020, albeit with a twist. Design guidelines such as Google’s Material Design will become mainstay. In my own opinion, having a consistent design ethos across our sites is a great way of giving visitors a good experience. learn more about Google’s Material Design at

7 Web Design Ireland Trends for 2020

3. SVG Animations

As smartphones and other mobile devices become more capable thanks to faster and more efficient CPUs, web designer Ireland will have more options when it comes to animations. It will be possible to make animations more complex and more elegant.

An advantage of SVG is that it doesn’t make any HTTP requests, this results in faster rendering times – a factor most important on mobiles.

4. Flex will show some muscle

Flex has been around for awhile now, however, it hasn’t as of yet fully taken off. This has mostly been because of cross browser compatibility, rather than lack of interest. In 2017 I would expect this to change, since flex makes it so much nicer and easier for designers to create simple and lightweight grid systems in CSS.

For those new to flex it may take a little while to get used to, but I can assure you that you’ll love it once you get to know it. You’ll soon be wondering why you ever used anything else.

Yet to try flex? Here’s a great tutorial.

5. Greater accessibility

Responsive design is great for cross device compatibility. However, its purpose serves the device and not the consumer. In 2017 I think we will see a shift towards accessibility becoming a greater factor of design. An example of this could be providing a solution to those hard of sight. Such solutions may include greater emphasis on contrast and typography.

6. Accelerated Mobile Pages

As much as this may not be a trend for 2017, since AMP was already around in 2016, AMP will continue its rapid adoption. We may even see other non-article based pages start using it. Such a technology may prove useful for speeding up mobile browsing on commerce sites.

If you’re unfamiliar with AMP you’ve probably already come across it when looking at the news on your phone. AMP strips out all of the bulk and leaves behind a functional yet lightning fast version of the same page. This yields faster page loads and lower data costs.

7. Bigger, bolder typography

2017 will see the return of bigger, bolder typography. Websites will make a greater effort to incorporate typography within the overall design.

I hope you enjoyed reading my list as much as I enjoyed writing it. What are your favorite Ireland web design trend predictions for 2020?

Learn more about web design inspiration at

The Ultimate CSS Vertical Align Tip

The Ultimate CSS Vertical Align Tip

It often seems like a lot more effort than necessary when aligning things vertically in CSS, especially when using responsive designs. This CSS vertical align tip shows you a quick solution, using just three lines of CSS (excluding vendor prefixes).

Unless using CSS tables and vertical-align: center; – aligning things centrally usually involves setting a fixed height, then using top: 50%; – then you have to give it a negative margin-top of half the fixed height. This is a lot of code to do something simple – and what happens if the thing you’re aligning vertically doesn’t have a fixed height? The answer, as usual, is a jQuery workaround – more effort.

Everything above is what I used to use for aligning text on a ‘splash screen’ if you like, and it did work well – but now I’ve updated my existing code using this new method, due to its ease of use. It even works in IE9!

The Ultimate CSS Vertical Align Tip

So, enough with the chat – here’s the code:

.element {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

As with the old method, we still need top: 50%; but we no longer require a fixed height. No matter what the height of your element, even if it’s a percentage, the transform: translateY(-50%) will move the element back up by half of its height – aligning it centrally.

All of the vendor prefixes are included, so this trick should work in nearly all browsers, including IE9! It works for text, images, multiple lines of text – almost anything can now be vertically aligned easily.