Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Saturday, 13 April 2013

Are You Familiar with HTML and CSS? Reasons Why You Should be.

I have always wanted to create my own design for my blog. In my opinion, being able to work with the code of a blog is a huge advantage that many bloggers choose not to pursue. Aside form the design aspect of creating an attractive blog, being able to work with the coding will allow you to make changes and adjustments to your blog any time you want, rather than relying on a professional to do it for you, or rather than just limiting yourself to what’s available with the theme you have chosen.

Most blogs need a bit of customization from time-to-time, and for someone who has no experience with HTML or CSS this be a bit intimidating. However, if you’re working with WordPress you really only need a basic knowledge in order to make many of the customizations that you would like, and you don’t even need to know PHP in most cases (those who aren’t comfortable with PHP just need to be able to recognize it and avoid it when making changes to the HTML).

Sunday, 31 March 2013

How to choose your domain name?


With dozens or even hundreds of domain search sites available, you can easily waste hours exploring all of them.
How to choose your domain name?
Domain Selection
Instead of casting a wide net, do a targeted search based on your project.
Building an affiliate or AdSense site? Use a keyword-based domain site.
Creating a new business or blog? Find a memorable, brandable domain.
Below are the best domain search sites for any purpose.

Friday, 22 March 2013

One Div: The single element HTML/CSS icon database.


Here's something that I came across when I was surfing through the Web last night. I thought it would be extremely useful for all your web projects. Its called One Div, a single element HTML/CSS database that gives you CSS, HTML codes for awesome shapes like this:  




Loading indicator





Facebook symbol

And much more. Find more here: http://one-div.com

Wednesday, 20 March 2013

The 7 Biggest Web Design Errors And How You Can Avoid Them


1 – Busy pages make bad pages

Trying to cram too much on to a single page is a sure fire way of putting visitors off. Not only is this practice generally a bad idea, but it can actively impede users logging on via a mobile device (of which there are ever-growing numbers).
White space is a good thing and gives users valuable breathing space to digest content. Make sure you’re spacing out columns, graphics, text and especially links. Above all, don’t try and do too much on one page.

2 – Hiding your links away

Links are arguably the most important feature of your website, so don’t hide them away or obscure them. First and foremost, you want to be consistent with how you highlight links, then apply this format across your entire site.
The opposite also applies, so don’t make un-linked text look like linked text. Some easy ways to distinguish links from regular text are with colour, underlining or bolding.

3 – Needless navigation is a no-no

It’s hard to overstate the importance of navigation on web design. This element will impact how easy and ergonomic your site is to get around, so spend some serious time putting yourself in the shoes of a new visitor.
While arty navigation (e.g. turning the page on a virtual book) is both pretty and tempting – and was fashionable for a period – it’s remarkably unintuitive to use. When setting out navigation for your site, bear in mind the key tenet of content being easy to find with the least amount of effort.
You should apply this doctrine to every aspect of your site, from drop-down links to images and beyond.

4 – Where’s your call to action?

Having a brilliantly designed and easy-to-navigate site is all well and good, but if it doesn’t prompt visitors to do the thing you want (i.e. click on something, share something, sign up to something), then it’s of no use at all.
You need to make sure that you include a clear call to action in a relevant place. However, this should by no means be intrusive, nor should it annoyingly interfere with navigation.

5 – Search and ye shall find

If you’re running a website (and particularly an e-commerce site) there is no excuse not to include a search function. Whether you have the resources to create this yourself or outsource it to a specialist, this is a necessity in the 21st century.
Not only will this improve the functionality of your page, but it will also help to keep visitors who couldn’t immediately find what they were looking for on-site. One easy solution for newcomers to site design is Google’s Custom Search. By simply copying over the appropriate HTML code, you can incorporate a custom Google-powered search box for your users.

6 – Testing

Like GLaDOS from Portal, this should be your watchword. People will visit your site via a growing variety of means and it’s more important than ever to ensure an ergonomic experience for all.
Some common issues to look out for include being able to view the site in different environments, browsers and with different settings (e.g. having JavaScript disabled). There’s a vast variety of tools for such tasks available for free or at a marginal price, so there’s nothing holding you back from getting stuck in and keeping your website functioning at its peak.

7 – Keep your content coming and current

If you do opt to include a news, blog section or social media feed on your site – make sure to keep it up to date. If you fail to keep content relevant, it can make it appear like you’re out of businesses or are vastly behind the times.

Even if you have nothing to say yourself, it’s always possible to curate content you – and ideally your target audience – will find interesting and relevant.

Conclusion
Successful web design is more of an art than a science, but what doesn’t mean you can’t be empirical about the process. Look at your competitors’ sites and see what they do well – and badly – and then co-opt or discard these elements as needed.
Test the functionality of the site on those who’ve never used it and above all, have empathy. When viewing your work, try and put yourself in the shoes of a first-time visitor and alter elements accordingly.

Friday, 1 February 2013

jQuery plugins for awesome web typography



Typography is a very important part of a website design. But it is also often neglected. In this article, I have compiled the most awesome jQuery plugin to take total control of your site typography.

Tuesday, 29 January 2013

JavaScript frameworks, tools and techniques to create killer applications

Web browsers are becoming more and more powerful, and JavaScript is definitely making the web an ever more interesting place. In this article, I have compiled the most interesting JavaScript frameworks, tools and techniques to create killer applications and websites.