Making your design work

The most important thing about a design is not how it looks, although that is important too and cannot be disregarded. But we all know that in what we do, the most important thing is to make sure it’s going to work.

Bigger websites, better planning

There’s been a lot of talk this year about making websites simpler for visitors and creating engaging content, but the process is more complex than how it looks.

In fact, what may seem simpler on screen may actually be bigger and bulkier within.

The latest data from HTTP Archive shows that the average web page has grown in file size 26% in the past six months and 151% in the last three years. Web pages that were at a maximum of 1246 KB in spring are now around 1575 KB on the average.

image 1

Know more on how you can plan well for bigger, more complex websites here.

Creating a Simple Responsive HTML Email

In this tutorial I will show you how to create a simple responsive HTML email which will work in every email client, including all the new smartphone mail clients and apps. It uses minimal media queries and a fluid width approach to ensure maximum compatibility.

Media Queries: Only Half the Solution

There was a time when media queries were quite enough to get responsive emails working in iOS and Android mail applications, both of which support media queries.

Since then, there has been a proliferation of mail applications created for both iOS and Android platforms, with varying degrees of support for responsive email development methods.

Continue reading ‘Creating a simple responsive HTML email here.’

How to use Keywords for SEO and Web Sustainability

Keyword optimization is a well-known strategy for helping people find your content, both through search engines and when searching within a website. But did you know that by following SEO best practices you could also be making your website greener? That’s because web servers and devices that consumers use to browse the internet both use electricity. A lot of electricity. And most electricity is generated by sources that are not renewable or clean.

The more findable content is, the less irrelevant content a person needs to go through to find what they are looking for. Fewer pages loaded means fewer server requests are being made, and that fewer photos and videos are being loaded. In some cases, the customer may also end up spending a little less time on their phone, tablet or computer. All of that results in tiny energy savings, and those savings add up.

Click here to read on ‘using keywords for SEO and web sustainability’.

How to Deal Effectively with Drastic Deadlines

Do you have a deadline problem? No matter how much time you have to do a project, do you always feel rushed? Do you frequently deal with deadlines that seem too drastic?

Don’t worry. You’re not alone in your deadline struggles. Most freelancers have trouble with deadlines at some point in their freelancing career. Web designers and developers are no different. In fact, most of them deal with tight deadlines all the time.

Here’s how you can ‘deal effectivity with drastic deadlines.

Deadlines are great. One meme circulating says deadline is the best motivation, that’s true at some point. But the problem with it is that you don’t want to be rushed into launching a project with half-baked goods. You want to be confident with your work so efficiency is key.


Video backgrounds, Gumby Framework and the web design community

I don’t know about you but I might have already been consumed by the holidays. So I’m going to make this quick and easy and lay out these interesting links for you to go through.


11 Great Examples of Video Backgrounds in Web Design

Video backgrounds were certainly very popular during 2013. And since this trend is still staying strong among designers, we decided to gather a few examples of websites using this approach to grab the attention of their visitors.

The key with video backgrounds is to properly optimize so you speed up load times without sacrificing quality.

Check out the ‘examples of video backgrounds in web design’ here.

10 Resources To Help You Become More Active in the Web Design Community

Designers as well as developers have always been a close-knit group (there always seems to be a problem you need help with, right?), but online interaction and presence amongst this industry has just recently started growing over the last few years.

While social media and forums became a necessity quickly for many professions—marketers, writers, sales representatives, etc.—it wasn’t something the development and design community jumped on right away. Now that this is changing, it’s more important than ever to get involved.

The question then becomes easy: If I’m a developer and/or designer and want to be more active in the online community, where do I even start?

Know where to ‘start becoming more active in the web design community’ here.

Building a Complete Website With the Gumby Framework

In this, our final video tutorial on Gumby, we’re going to put all we’ve learned into practice. We’re going to build a complete website using Gumby’s semantic grid, parallax effects, toggles and switches, covering workflow best practices as we go. There’s plenty to cover, so let’s get started!

Get started on Gumby framework here.

Edit your website yourself

Your site can include a full-featured e-commerce store for selling online. This can include secure credit card payments, paypal, stock control, sales reports, automatic delivery of downloadable products and more.

And just like the main part of your site, the product listings are easy to edit so you can change prices or update a photo any time you like.

Each website comes with an admin login and password which enables you to easily edit the content, add new pages images and links as often as you like.

If you want a website that you can edit yourself, check this out!

Did the exploring birth into a beginning? I would surely hope so. Enjoy the holidays!

(via Web design tuts)