October 3, 2011 say something

Recipe Finder, the Largest Recipe Search Engine Launched

Recipe Finder Home Page

Recipe Finder Home Page


There is something to be said about going out to eat at restaurants. There is the factor of being able to relax and have someone else do all the work. There is also the factor of getting excellent food (depending on where you go, of course) which you might not be able to make yourself. Then again, there is the cost to consider. Eating out regularly can very quickly drain your bank account.

It is thus no surprise that more and more people are turning to their own kitchens for food. Even those who may not be natural cooks are trying their hand at cooking. It has helped, of course, that spending some time in the kitchen has become a cool thing. Turn the TV on, and you will find countless cooking shows featuring just as many celebrity chefs. Go online and you will not be lacking for recipe web sites.

One of the newest of these web sites is Recipe Finder, a search engine that provides users with more than a million recipes. What this web site does is collate recipes from hundreds of other recipe web sites and makes sure that the presentation benefits the user.

Just like with Google, you only have to enter a word or a phrase to search for a recipe. What is great about Recipe Finder is that you can make your search as generic or as specific as you want. For example, you can simply enter the name of a dish. Alternatively, you can specify ingredients to include or exclude in your search. If you want to be even more specific, you can refine your search by specifying details such as calorie count, number of servings, and cook time.

You can also control the way you view your search results. First, you can view the results as text, with a small image and a short description of what to expect of the dish. Second, you can view the results as pure images – and you can base your choices on the presentation of the dish!

If you are a stickler for organization, Recipe Finder has the menu and calendar to offer. Using these features, you can plan your meals in advance. Using your Facebook account, you can log in and save your plans. And speaking of Facebook, Recipe Finder also provides options to share your favorite recipes. That way, you can share good food with those who matter. Of course, there is always the good old printing option if you want something tangible.

Are you looking to expand your cooking knowledge? Let Recipe Finder help you!

September 16, 2011 say something

Weak titles a web site usability error

Blogs and various content sites have proliferated all over the world wide web, giving the average user an wide range of articles, blog posts and content to read and enjoy. But even with the proliferation of content on the internet there is one glaring error that most of these sites commit – enabling their content to become more internet friendly and usable.

One of the biggest culprits when developing content for web sites and blogs is not making your content scannable. What does this mean? The tendency of web site readers is to scan to the left, where more information is located. In fact, the common movement of the eye is F-shaped. By employing a weak title, the first two to three words in the title won’t contain any kind of information or keywords that will compel the reader to click on the link. Even though scannability is something that is also important with the body text, it is of greater significance when thinking of a title for your post. Titles should always be within context.

Consider the title as microcontent – small bits of information that already give users a general idea of what the article or blog post will be. By treating your titles like this, users won’t have a problem determining what the article is about and won’t hesitate to click on the link to read it further. Treating titles like microcontent also has another use – it gives you a better representation when the links appear in search engines, RSS feeds and other venues that are link-generated

August 23, 2011 4 replies

Design Is Identity

How many times have you come across a new weblog discussing a specific niche sporting a fairly too common WordPress theme? Probably more often than we’d all want to see. A large number of new weblogs these days are launched with default themes and styling that it’s now becoming hard to identify sites based solely on design and visual identity.

The WordPress Phenomenon

In 2005, default blog templates were fairly “simple,” to put it nicely, until Blogger went through a design refresh with spankin’ new designs to boot. The free theme craze took on a larger scale when WordPress introduced a flexible theme system less than a year after, allowing web designers to apply XHTML/CSS–based designs in a more manageable way. This opened an opportunity for designers to showcase their skills to attract more work, but inadvertently opened a can of worms as the theme distribution system was compromised and used for unethical link building by spam sites masquerading as “sponsors.”

Yet still, the availability of free self–publishing solutions and the growth of the problogging industry resulted in an increasing rate at which new weblogs are launched, a good number of which can be considered “commercial problogs” and a good percentage also run by prominent individuals discussing specific expertise and topics. However, a good majority make do with a free WordPress theme, sometimes even a sponsored one, not knowing how it affects their branding and identity. This goes for company weblogs and well–known individuals, as well as all sorts of self–published “problogs.”

Content is King

It has been a web design adage — content is king — and it continues to hold true up to now. Your weblog and the rest of your site will only be as good as your content. But with today’s crowded blogosphere discussing the same topics, no matter how good a writer you are, there will always be blogs that are just as good (or even better) in your field.

Readers are struggling hard coping with various sources, and some will simply discard feed subscriptions based on design and presentation. Assuming that you write just as well as your peers, or competitors if you look at them that way, what will differentiate you will be your presentation of content and overall design style.

Your Identity, Your Design

Don’t expect your new blog to be taken seriously if you don’t have good content, but don’t expect it to stand out with only good content without a decent design. Everyone these days have the basic SEO, online marketing, and social networking skills to push our sites to various channels. Basically, it doesn’t take as much as it used to for a newcomer to get some web 2.0 mileage. But when you get that attention, make sure you make a good impression, not only with your content but also with your kickass design. Make users remember your site describing both content and design.

It doesn’t cost much to get a good designer to work on a personalized design and online identity, the benefits will be worth every dollar spent anyway. Just make sure you hire someone who groks web design 2.0 and doesn’t fall into these common pitfalls.

Written by Markku Seguerra, rebelpixel.com.

August 10, 2011 say something

Pull People to Your Website


When you design a website for your online business you are going to want to be able to draw people to your website. There are ways to do that. The best way is to use SEO to bring them to you. If you use SEO the search engines will pull your website up so people can find it. SEO is usually done through written articles and blogs which have specific keywords that will bring people to you. Search engine optimization is the key to your online business. Even customers that you have now may sometimes have trouble finding you again. Repeat business is very important to a successful business. Remember to use SEO to bring them back to you.

Once you get your new customers to your website you want to keep them there. Make sure you have a website that will keep them interested. There are so many online businesses that you are competing with. You want to make sure your website is the one potential customers want to visit. By designing your website in an interesting way, you will be assured of having interested people looking at your website. Some online businesses use website designers to help them get the perfect website. If you are unsure how to create an interesting web page this is the way to go.

Remember to use search engine optimization to draw customers to your web store and get a web designer to make your web page interesting and worth visiting. It won’t be long before your website is drawing and keeping plenty of business.

August 9, 2011 9 replies

The Beauty of Whitespace in Maps

Having lived in several different countries and towns, public transport always has been a constant in my life and so have subway/tube maps. First time I arrived in London I was surprised how easy it was to navigate the London Underground Map, which in this form first was released in 1933.

London Tube Map(click for full size image)

The London Tube Map is a design classic and worldwide recognized as a symbol for London. When Harry Beck designed the map in it’s new format, he changed the until then standard geographical concept and decided only to implement the railway topology and not the geographical situation of London. Geographically correct the map would look like this. At the same time every non-underground clutter was removed and London had become a symmetrical pattern of straight and 45 degrees lines.
Although there are minor geographical distortions in the official London Tube Map, it’s beauty lays in the symmetry, the usage of equally spaced out distance between stations, the 45 degree angles and the usage of adequate whitespace. Even though the map features many subway stations (275) it is perfectly readable, even at smaller pocket sizes.

Becks’s style has often been imitated, been adapted by many other companies/towns, but never has anyone reached the same level of popularity with a tube map as Becks has with his London map. Both Amsterdam (NL), who even credit the London Transprt Museum on their map, and Tokyo have the same concept and perfectly manage it to ruin a great principle with clutter. Other towns, such as Paris, make their map unreadable with too much of text and too little contrast or add visual noise to an otherwise outstanding map such as Moscow.

Maybe I’ve lived too long in the UK, but the London Tube Map is one of the most brilliant designs I’ve ever seen and used.

July 27, 2011 say something

Whet Your Appetite with These Tasty Recipe Site Designs

Recipe sites have this tendency to cram so much stuff on their pages that instead of being helpful, they get in the way of finding the perfect dish for that meal you’re planning. These sites, however, are redefining the culinary experience by providing beautifully-designed and user-friendly experiences on the web, and hopefully in your kitchen.

Gojee

Gojee website

Gojee is all about personalization: you have to be signed up to their website to take advantage of its features. Enter the ingredients you “crave”, “have”, and “dislike” to get a list of handpicked recommended recipes, whose photos are displayed in full. You can browse back and forth using the arrows on either side of the page, or the arrows in your keyboard—the up and down arrows toggle recipe details at the bottom right. The use of translucency and large imagery gives a stylish, high-end feel to the site.

Recipe Finder

Recipe Finder website

Recipe Finder takes the Google approach to finding recipes through a minimal search engine interface with an almost playful look between its cartoon logo, polka dots, and stripes. You have the option to view recipe results as text or images, and narrow them down with advanced filters. Meta information such as calories, servings, and preparation time are also listed.

Recipefy

Recipefy website

Recipefy is built on the contributions of its community and other social aspects, like inviting friends and following fellow users. You can explore recipes with the color-coded tabs on the left side, and the icons to the right of the page heading, then like or add them to your own cookbook. The woodgrain background and warm color palette definitely gives the site a homey vibe.

more

July 25, 2011 3 replies

Don’t Make Commenting Difficult

Websites are built almost solely on its communities. In the case of blogs, the communities hang out in the comments section. That’s where all the socialization and exchange of ideas take place. But writing a thoughtful comment alone is difficult enough. Don’t make it any harder for your readers.

This is one of the most horrifying comment areas out there:

techwithoutwires.com comment section

Now that’s a long scroll. This isn’t from a product landing page or a shopping site with pages upon pages of “special” offers. This is a blog, for crying out loud!

Let’s assume for a second that only the top box (which is the actual comment form) exists and focus on that. It’s just too busy! My eyes were all over the place with the sprawling combination of boxes and text.

I know it takes effort to align form elements. (Or not, since this particular site uses tables to do that.) But it would be much easier on the eye if all the input fields appeared in a linear fashion, one after the other, to minimize the confusion.

Linear is not always necessary, but always keep forms as simple as possible, if you can help it. Take a cue from Smileycat’s comment form design showcase and note how functional and uncluttered those forms are.

Okay, so you get through the ordeal of leaving a comment, but this blog says you’re not done yet! It continues to nag you with the “Blog this at your site” and the “Tell a friend” sections. It doesn’t help that the lack of comments subconsciously discourages the reader from actually commenting. Even if there are any comments, those two extra panels have already separated the reader from the “leave a comment zone” since the comment box is now too far away.

The Share This button is certainly more desirable, both in form and function, than these bulky boxes. If you don’t think a button will cut it, what about collapsible panels with JavaScript?

Since the comment form above belongs to a blog in a blog network, many more readers will be turned off and confused by this comment form on several different blogs. It’s not too difficult to elminate this usability problem: Don’t complicate the process. Don’t ask too many questions. Don’t look desperate. Just let them comment.

July 18, 2011 2 replies

Two lightweight CSS grid frameworks: the 1KB and the 1-liner

1KB CSS Grid by Tyler Tate

In the left corner: Tyler Tate’s 1KB CSS Grid, a lean framework sporting 14 classes and the familiar conventions for enforcing a visual grid via CSS.

1-line CSS Framework by Vladimir Carrer

In the right corner: Vladimir Carrer’s 1-line CSS Grid, an experimental framework sporting a single class to cut nested column widths in half. The solution is mindblowingly brilliant, but does it work? Design tends to work in thirds, not halves. You decide.

Whether or not it’s a coincidence I chanced upon these two extremely simple CSS grid frameworks just days apart, news of these two solutions makes the CSS framework “scene” a lot more interesting. And accessible. I can imagine many front-end developers shying away from heavyweight frameworks because there are too many features, most of which won’t be utilized, and there are too many conventions, most of which aren’t easy to remember.

I’m not even going to get into how using these frameworks leads to unsemantic, presentational class names and lots of <div> soup reminiscent of <table>-based layouts. Let’s just be glad people are streamlining the application of design principles for the Web, namely grid layouts. When a better way comes out—maybe it’ll be display:table, maybe it won’t—we’ll adjust then.

In the meantime, we need to let our arsenal evolve. Balance out the spectrum with lightweight frameworks like these. Then add diversity as well. Look at the Javascript libraries—the tiny moo.fx, the venerable Prototype and Scriptaculous, and the designer darling jQuery—each one caters to a specific need. What other kind of grid frameworks do we need? Fluid? Do-it-yourself? Highly reputable? Unobtrusive? Oh, what will they think of next?

July 11, 2011 2 replies

The list article backlash

It’s begun.

Actually, since list-style blog posts on design trends and other pretty things have been popular for a few years now, I’m sure the backlash has been happening for a while.

Now, it does make sense to organize your a complex article into easily digestible chunks, especially in a not exactly 100% comfortable to read environment such as the Web. It’s good to keep tabs on great new typefaces and graphics in your arsenal.

However, list articles have gained a bad reputation for other reasons because quality is put on the backburner. And there are a number parties responsible:

  1. The marketers: It’s easy to thank SEO for this phenomenon. A significant portion of internet marketing involves social media, and high-traffic sites like Digg just love the list format. It’s killer linkbait.
  2. The readers: The problem is lists don’t always contain what people need to truly learn. A lot of these people don’t know any better, and the explosion of lists distracts them from laying the foundations first.
  3. The internet: Why? There are great lists out there; people will need to separate the wheat from the chaff. But maybe, it’s the very nature of the Web that mutates the need to find the good stuff into the need to find as much stuff as possible or the quickest, easiest solution to a problem.
July 4, 2011 4 replies

Website kill switch: safety net or unethical move?

START / STOP

Whether experienced first-hand or heard of in cautionary tales, everybody is familiar with the horror of not being compensated for one’s work and not being able to do anything about it. Enter a possible solution: a remote kill switch, which gives web designers a back door into a client website via PHP, AJAX or CSS to disable it in case something goes wrong, i.e., one doesn’t get paid.

Avoiding the technical details and instead focusing on the general idea of a remote kill switch, let me say this:

It’s a sad, sad reality that people have to resort to these methods, but it’s just a symptom of a bigger problem. I also see it as designers and developers defending themselves with tools they are familiar with, rather than legalese that could only throw them for a loop and might not even work. Which isn’t to say they should abandon the usual way of going into a project altogether; the kill switch can just be an additional safety net.

Is it unethical? There is no reason to use a kill switch underhandedly, or consider it as a sign of distrust or respect. It’s not about having the upper hand or treating clients unfairly, it’s about protecting one’s business. But to earn your keep you need to stay professional, not paranoid. Integrating a kill switch into a contract, where the client is fully aware of the consequences should it be breached, sounds fair and should achieve those two things. One must remember, however, that once both parties complete their respective deliverables, the kill switch must also be killed.

I wonder what percentage and type of web professionals incorporate this into their business process. This is a controversial issue for sure, but I think people can avoid the unnecessary drama if their intentions are sincere. What do you think? Apart from a contract and this kill switch, are there any other ways to protect web professionals from clients running off with their work?

/* */