5 Templates For HTML5 That Every Designer Needs To Know

There are a number of reasons why a web designer would want to use an HTML5 template, the key one being that they need a little assistance in kickstarting a project. If you have never used a template before, you might be unaware of how to find a good one. We have shared 5 of the best template providers that will have you designing for HTML5 in no time.

  1. FlexApp
    This is a mobile-first template that has been designed to deliver premium experiences on mobile devices. The provider also offers support for tablets and desktops, allowing you to ensure that the website looks great on all platforms. One of the main reasons this provider is so popular is that it forces you to think about what content is important.

    flex-app

  2. HTML5 UP
    The increase in better platforms and devices has meant a greater need for crosstesting. This has resulted in a flow of fully responsive, fail-proof HTML5 templates that require little to no coding. HTML5 UP is perfect for designers who are short of time or are after high quality results but actually have very little knowledge of front-end code.

    html5up

  3. Initializr
    This provider is a little different to the others in that it allows you to select a base template, then allows you to select other features that you would like to include (such as Google Analytics, Robots.txt and .htaccess configurations). It also offers support for HTML5 Boilerplate and Bootstrap, which is good to note.
    initializer
  4. Templated.Co
    This provider actually offers a pretty impressive collection of over 800 responsive HTML5 templates, which are ready for designers to implement in their projects. The website also offers a good variety of designs that are ready to download in a single client, which is perfect if your skills in the field are practically nonexistent.
  5. W3 Layouts
    This provider offers plenty of great templates that are sure to give your website a good responsive starting point. To make your life easier, all of the designs have been split into categories so that you can browse how you like. The designs have also been optimised for both mobile and desktop browsing for your convenience.
    w3_layout

Regardless of the reason you are looking for an HTML5 template, we hope that the above list of providers helps you to find exactly what you’re looking for. These templates are suitable for both web designers with little code knowledge and the general public who would like to tackle website projects on their own. Happy browsing and good luck with your endeavour!

Fresh New Resources For Web Designers And Developers

As we move fully into April (and mid autumn) we thought it was time we looked at some of the fantastic resources that web designers and web developers have been tapping into over the first quarter of 2014. These resources are still very valid in this industry, so jump on board today!

  • Cerberus – With more people viewing emails on their smartphones, it is important to ensure that your email displays nicely and is readable. This resource is compatible with Gmail, Outlook and Yahoo.

    index-4

  • Ratchet – This is a new mobile app framework that allows you to build an app using HTML, CSS and JavaScript. It comes complete with a number of reusable components for building the interface.

    index-1

  • StackIcons – Whilst we can typically only assign a single colour to a font, this resource is sophisticated enough that every part within the icon is adjustable. And the icons come in multiple shapes!

    stacks

  • StickUp – This is actually a jQuery plugin that makes your elements stick to the top of the browser window. It means that, no matter how much you scroll down, the stuck element is still visible.

    index

  • Type Scale – This resource is the perfect tool for font scaling. You can set the base font size, font weight, font family, preview text and the scaling method – then get the results immediately.

    Best-Beach-Wallpapers-Background-HD-Wallpaper

  • WP Job Manager – If your website has been built using WordPress, then you can build a job board! This resource adds a new menu to your Dashboard, allowing you to add new job listings and information.

    Job-Manager

Whilst there are plenty more resources out there that web designers and web developers alike can take advantage of, we hope that you take a moment or two to check out some of the ones above for yourself. You might just find that they are exactly what you have been looking for.

How To Make Your Website Social Media Friendly

These days, the interest in social media is continuing to grow at exponential rates and it is important that your business is taking advantage of this by making brand-oriented accounts on some of the more popular platforms, such as Twitter and Facebook. To help you out, here are some tips that you can use to make your website social media friendly:

Social media Marketing News

  • Killer Content
    Have you ever heard the saying ‘content is king’? Whilst this is true of anything that you upload to the internet, it is especially true of social media, as you need to stand out from the crowd. Ordinary content won’t cut it anymore because there is simply too much out there.
  • Social Buttons
    Users expect convenience when they browse the web; they want to be able to share things they like or find interesting through their social media channels as easily as possible. This is why your website should include buttons (such as ‘like’ and ‘tweet’) to streamline this.
  • Social Content
    Whilst social media platforms are built with the intention of connecting people, you can actually take a similar approach with your website. Why not incorporate a blog section where users can post comments? Or post your advertising material on Facebook to see the reaction?
  • Titles & Images
    You need titles that are eye-catching and straight to the point, otherwise users won’t read your content (no matter how interesting or relevant). You also need images that explain the main points of your content in the same kind of tone that you have written in.

Whilst a website does provide you with a foundation for establishing a successful online presence, social media will provide you with an avenue for even wider coverage and more opportunities to connect with your customers. By using the above tips, you can effectively integrate social media with your website and will, hopefully, start to see it working for you soon.

The Best Emulators For Testing Your Mobile Web Design

Every day, the number of people accessing the internet via their smart phones and other mobile devices (such as I Pads and tablets) is growing. Many believe that it won’t be long before this is the norm in terms of surfing the net, leaving desktop computers and even laptops far behind. Because of this, it is important that all companies focus on mobile web design.

Whilst it is possible to create a website specifically for mobile devices, it is also possible to make a single site (known as a responsive one) that can be accessed appropriately on all devices. Simply creating a design that can be viewed on a smart phone is not enough, however; you need to test the site out and make sure that it works on these smaller devices and platforms.

This can be achieved with the assistance of mobile emulators, which allow you to check the site’s responsiveness and functionality across a variety of platforms. Some of the better emulators out there include: ‘Mobi Ready’ (which also allows you to check dot Mobi compliance); ‘Screen fly’ (which covers a variety of platforms); and ‘Responsive’ (which allows you to check responsiveness).

The other great thing about using an emulator to test your mobile website design rather than the devices themselves is that they provide you with free feedback regarding the functionality and responsiveness of your site. They also ensure that you can test the design on all platforms and devices without having to actually go out and buy them, which will save you money.

 

A Guide To Dealing With Graphic Design Payment Issues

When clients are late in making payments or simply choose not to pay at all, those who work in graphic design (and put all of their creativity into every project) often become jaded with the industry. If you are experiencing payment issues, use the following tips to help you ensure that you get paid without damaging your reputation:

  • Speak with the client about the issue; having a face-to-face meeting is preferable, but over the phone may have to do. Explain your point of view, then let the client explain theirs. More often than not, the issue is a result of miss communication.
  • Send a number of ‘payment due’ notices, often a week or so apart, so that there is a paper trail of your requests for payment. Finally, send a late notice and inform the client that if they do not pay within a certain time frame you will be sending the issue to credit bureau.
  • Keep hold of the graphic design work until the issue is resolved. Even if the client has samples or drafts of the finished product, if you still hold the original files you are still technically the owner of the work. Make sure that samples and drafts are watermarked.

The moment that a dispute arises over a graphic design payment, you should pull out the original contract that the client signed and look at the original price that was agreed upon (as well as additional costs due to changes), the payment structure and clauses that state what to do in the event of late or nonpayment. If you bring these to the attention of the client, they should be willing to pay.