Blog Review: Designrs Hub by Manuel Garcia

Title: Designrshub | Design Magazine
Author: Manuel Garcia
Platform: Blogspot/Blogger
Genre: Design and Developmen
Description: Designrshub is a design blog dedicated to provide high quality web and graphic design resources, inspirations, freebies and social media articles.

Cross Browser Check

• ✓ Chrome 17
• ✓ Mozilla Firefox 11
• ✓ Opera
• ✓ Safari 5.x
• ✓ Opera Mini
• ✗ Internet Explorer 8
• ✗ Internet Explorer 7

Things Worth Mentioning

1. Background color is good for the niche
2. Images have alt and title, perfect for SEO
3. Has one H1, good for bots

Things That Need Attention

1. Broken layouts on page for different browsers
2. Has no mobile template

BTT Opinion for Designrs Hub

Design 4/5 ★★★★★

Bias as it may seem, I love dark backgrounds and I would like to clear that I'm not up for a debate around this color issue. Actually, based on studies, design and graphic related sites tend to use dark colors for background to emphasize the color of the images.

Code wise, template uses some HTML5 and CSS3 codes, such samples might be seen on the way the elements was presented: rounded corners, shadow, gradient, etc.

Layout wise, I can say that the design is somehow modern and is in current trend, example of things you have used: circles, tool tips, sudden change to big fonts, shadow that forms a 3D effect, ribbons, text-shadow.

The background works for me this time, even though it was an image. My guess here is that you use a color for the background that looks the same as the image, that way the loading of it is not noticeable.

On the other hand, I do hate how the title attribute on the posts' title block my way when I hover it.

The logo/header above feels out of place, too. Though it looks good (I mean the logo alone), it looks like an ordinary badge when it was placed up there. Make some drama out of it..

Some pages too are broken, see Contact page as an example.

Content 4/5 ★★★★★

I'll go for a high score on this. I do read your posts often and I find SOME of your posts informative while SOME are showcases of good designs. Take note that I used the word SOME to emphasize that some of your posts are all about graphics and less of information. So I hope you don't take the word SOME negatively.

About your showcase, I always believe that designs are all around us, and with your lists most people could learn to appreciate this simple things.

Branding 3/5 ★★★★★

As I have said I love your logo, but with your current design, I don't think that it fits.

Another thing to point out, is the spelling of the word 'designr', I don't want to say that you actually chosen a wrong word but if a new visitor didn't notice the difference between "designr" and "designer" at first glance, most of them might be redirected to a different page. Honestly, before I use the word "designer's hub" so I know that it is a real live site.

Impact 3/5 ★★★★★

As much as I love designing too and I like how you showcase some designs out there. There are some posts that just don't catch my attention. Also, I love the lists of design information but I believe that there is a better way of presenting it -- ever heard of the word slide show? see how Yahoo! do it on it's photos.

Guest Judge Opinion for Designrs Hub

Of all the guest judges' review this one would be one of the few special events wherein two judges would join forces to criticize one site.

On the first judges is Symmetrax. He is a French, graduate of Computer Graphics at Supinfocom France, one of the most prestigious computer graphics universities in the world. He is currently working as Technical Artist for Total War game team in The Creative Assembly UK, a European subsidiary of SEGA.

Teaming up with him is the "Undertaker", one of the regular household name and recognized judges here. She is a Web Developer / Site Quality Tester (Design and Development), act as the end process that signals approval for final site delivery.

For the first time, I'll give the floor (or this net space) for the judges to introduce their comments.

DISCLAIMER

The views expressed in comments by the guest judge published on this blog site are those of the comment writers alone. They do not represent the views or opinions of Beneath the Tree, nor do they represent the views or opinions of www.ajibanda.com, or any entity of, or affiliated with www.ajibanda.com

Already started the review when I was informed of the major change on the blog overall design/layout. What the…!

Anyway, I don't want to put my first "astounding" review to recycle bin, after the English battle, the nose bleeding, consumption of my precious time, so here is a clip:

Was a little skeptical on reviewing another blog as work these days is too demanding but with the suggestion of joining force with "Symmetrax" and a quick scroll showing obvious display errors… well why not, after all the "Undertaker" within me wanted to dig deeper.

The first design was a disappointment with obvious display errors especially on Mozilla Firefox, the ever code compatible, friendliest, and probably the easiest browser to deal with. BUT surprised, surprised! Turned out the new design is a double disappointment. **wink ;)

Let's get to the business…

Warning: Might be too long for lazy readers


Design 2.5 ★★☆★★

Menu: You want to give the user the easiest way-around in the site and it's always crucial for blog with a vast subject like "Design" that offers a wide range of topics. The menu should not necessarily be outstanding in effects or colors to be attractive and visible but it has to serve its purpose and function which is to give quick and easy access to information located deep in the blog. And your blog menu works well and exactly as what navigation should be.

Color/Images: I like dark color design as I think it calls for more creativity as not all elements/colors will work well on dark background in contrast with the belief that any color is fine with dark. Nevertheless, it has its pros and cons. As for advantage, dark design gives you the opportunity to emphasize content that are significant which include post title, menu, etc.

POST TITLE — I think it is better if the blue shade is a little brighter so it will give a more vibrant look (see for example, the blue gradient on sub menu hover, it looks livelier). Now inside the post page is a different color, I think it's advisable to have consistency with colors or at least same color different shade, just like branding it gives the reader a clearer view and a feeling of familiarity around the blog.

All texts in "blue" are "title"
All texts in "white" are "labels"
All texts in "orange" are "important points"

LABEL — (Popular Posts, Recent Design News, etc.) Like title on post page — Dull. Lifeless. Insignificant. I prefer it in #fffff. The challenge on dark design is when colorful Ads seem to be more eye-catching than the important parts of the blog.
IMAGES — I will repeat the same comment I made to Semidoppel's Reports blog:

"Attach image on post snippets (Homepage). Remember:
title is to get the reader to read the first line
first line is to get the reader read the whole article
interesting image gives your headline a big boost
A picture is worth a thousand words. Plain texts are always boring."

Treat the reader like a kid reading a book for the very first time. What attracts a kid to read a book? Colorful images. It's self-explanatory. No further explanation needed.

Pages:
Archives — The construction is useless. I wonder what it would be after some more months. It's just too long, it loses its purpose. A toggle effect is so much better:

Contact — The right sidebar goes down to the page, it's just too obvious and a common page that readers visit, it should be fixed immediately.

Subpages under home — Not good that it looks like there is something missing on the right side. Should have extended the main container to the left.

Browser Compatibility: Web developer greatest battle is always the "browser war". Besides, combating with Internet Explorer can really be a pain in the ass and is a primary source of every developer's frustration. Thanks to Chrome and Firefox that oftentimes hold ceasefire. As much as browser compatibility is crucial in web development, it is also an important matter that should be included in every blogger's list of blog development. Life is now easier especially for bloggers with zero knowledge of programming or scripting because of downloadable-ready templates. However, it has to be a practice to check the compatibility of the template to different browsers. Okay, I'll get to my point — Y U NO check of your blog in IE?! It is no excuse especially seeing your skills on HTML and CSS. It's just too BROKEN on IE 9.0. This a hundred disappointment for a blog embarking "Design" topic. Protect your credibility! I don't need to list down problems on IE, see it for yourself.

Misc: Title seems recurring in each post due to the image with title below it and image on the post page is repetitive.

Rating: browser compatibility is very critical and it's part of the Design implementation, from supposed to be 3.5 down to 2.5


Branding 2.5 ★★☆★★

Blog title is very catchy and offers a clear limitation and scope though it's very generic (common). For the logo, I expected a more creative piece for a designer as you are. It doesn't reflect any creativity and it's just "unremarkable." Again, build a credibility using essential elements of the blog.

Ex. Colors = Design/Creativity

Conceptual Logo = Design/Creativity

Content 2.0 ★★★★★

First thing I went to look is the « about » tab, to get a presentation of what is this blog and who is behind it. From all I can see, the only regular author is Manuel Garcia, other posts are labeled as « guest author ». Therefore, I think the « we » in all the presentations and the third person to refer to « Manuel » is unnecessary when all those texts were probably written by him. It has a negative effect because it sounds a bit like a small site trying to look bigger and more important than what actually it is, trying to make it sound as if there was a whole team behind it.

Then, if I am mistaken and if there is really a whole regular team behind this, the fact there is only the presentation of the 'founder' is obviously wrong.

Quit the glasses on that photo, and what for god's sake are those percentages on that "skill set"? Who attributed those but the author himself ? It looks stupid.

My whole feeling about this page is that it gives the feeling that the author tries to look cooler and make it sound his blog is more professional and important than what it is. It's bad because it doesn't work, doesn't fool anyone and in the opposite it discredits him. It's better to stay honest and simple, and in the end the readers will have a better image of the author.

Then I went to see the Ogag section. Honestly I don't see the point of copying an existing website and republishing half of its content. Additionally, the pictures are too small, it's not possible to click on them to view those in full size, and that takes the cake for a design website — the image ratio of most pictures is distorted. This is like one of the NEVER TO DO things in design (cf the NBA: She's Really Excited; Justin Bieber Is Not picture, for example). This should be fixed urgently.

So this blog apparently has 2 objectives :

• The first one is to be educative : to teach and help learning design via tutorials and posts about design.
• The second one is about "high quality design inspirations".

The teaching content is very trite (worn). Common articles about what's new in this or that software, link to tutorials etc... yes why not. Except I can find thousands of blogs with the same kind of content, and I can also find those tutorials directly via Google. What's original here? What makes this blog particular and why would someone come read this one? Articles should have more personality, more prejudice, and cover things more original than the list of new features in Photoshop CS6, because thousands of blogs cover this same topic.

Also, design is not about the tools, it's about what you do with those. If you want to teach design, teach the basic rules of the eye, of typography, of how to do a lot with little, of how the simplest is often the best to have more visual impact, of how to compose a picture correctly, how to distinguish a good poster from a bad one, how the overused of Photoshop effects doesn't necessary means it will look better, but how in the opposite it's just a way to "drown the fish". Give your readers some criticism instead of teaching just small technical useless stuff.

Which leads to my second point: teaching those values would require actual design skills (design and its technical application are completely separate skills) which the author doesn't seem to have much, considering that the "top 10 manga gay pictures of Hermes" and the "Lovely happy mother's day fliers" are apparently what he intends to be "high quality design inspirations". Those are exactly the opposite, they are precisely THE things to avoid as a designer... Over use of typos, of glow effect, blur effects, all technical effects to cover up a bad design. And the manga illustrations are just terrible. "inspirations" ? Inspiration if for creation, you should show all kind of different graphism, all kind of styles... What's inspiring about manga, the most widespread graphical standard in the world? And moreover those illustrations are not even good within the "manga" style. Be more open minded, show all kind of unknown graphists, make your readers discover about them, and make them open their minds too, so they can be inspired to create their own design personality too. Making them discover that there is SOMETHING beyond manga in terms of illustration should be a priority!

Impact 2.0 ★★★★★

I think enough is said above. Just to conclude, for a normal blogger with no background and skills, I would have given a good rating as honestly I really like the design but unfortunately rating and review depend on the capability of the blogger. Didn't make me fully trust your credibility.

Summary

BTT Total Rating: 3.50

Guest Judge Rating: 2.25

Well, as you can see, I have not included a tip on this review. I guess the judges have already said the things that you need to work with. Again this review are just opinions coming from random people, whether you take it seriously or not depends on your decision.

---

So that's it, again this is just a friendly review from BTT. We aim for a better site and not to insult the owners and administrators. Whether you follow our tips and suggestions depend on your decision. Ciao!

To submit your own blog simply fill-up the form on this page or read this post. Thank you, we'll be happy to review your sites for FREE!

Programmer's Interview 101: Swap the Values of Two Variables Without Using a Third Variable

Here we are again, discussing the secrets of every technical interview for programmers.

This time I will share the most common question in an interview session wherein most programmers fail to answer.

Again, this kind of question is used to test the analytical skills of a candidate to make sure that he is qualified for the job.

Problem

PROBLEM 3: Swap the values of two variables without using a third variable.

Analysis

I'll be using a Ruby script for this one, just for the simple reason that I'm currently working for a project with this language. Well, ruby is almost the same as C based programming language anyway, so I guess there would be no issue with it.

So for our problem, usually a developer would approach this by giving another variable that will serve as a temporary variable, something similar to this:

a=2
b=3
temp=0

temp = a
a = b
b = temp

puts "a is " + a.to_s
puts "b is " + b.to_s

Unfortunately, we are not allowed (as given) to use another variable.

To solve it, there is actually three basic ways to approach this: two of it is by using Arithmetic Operations while the other one is by using Bitwise Operation.

Arithmetic Operation - Add and Subtract Method

a=2
b=3

a = a+b
b = a-b
a = a-b

# just to display the value
puts "a is " + a.to_s
puts "b is " + b.to_s

What we have done is we simply store the sum of two variables in the first one (a) while preserving the value of the other (b). Then we subtract the preserved value (b) to the sum (which is now on a) and assign it to the second variable (b). With that, we already changed the value of the second variable (b should now be equal to the original value of a) to the first one.

Doing the same approach, we can get the value of the other variable and thus making them swap their values.

Arithmetic Operation - Multiply and Divide Method

a=2
b=3

a = a*b
b = a/b
a = a/b

# just to display the value
puts "a is " + a.to_s
puts "b is " + b.to_s

The flow of logic is just the same as the add and subtract method. The only difference is that we are using different operators.

Bitwise Operation - Using Bitwise XOR

a=2
b=3

# ^ is the bitwise XOR for Ruby
a = a^b
b = a^b
a = a^b

# just to display the value
puts "a is " + a.to_s
puts "b is " + b.to_s

A Bitwise Exclusive OR (XOR) is used to perform logical XOR operation to two set of bit patterns. An XOR operation will result to 1 if two bits are different while get 0 if not.

Though we have used bitwise XOR, the flow of logic goes the same way with the arithmetic approach.

Which of these methods is most advisable?

The arithmetic approach, though correct, has a limitation. When we deal with two big numbers chances are the result will cause an overflow since we have limits for integers. Therefore, it is more advisable to use the bitwise operation rather than the arithmetic to avoid overflow.


UPDATE: Correction on the code, for the second approach (arithmetic via multiplication and division) would actually throw an error if the value of b is 0 (thanks ColinWright for pointing this out)

Blog Review: Two-Sided Perspective by Iam Herbert

Site Name: Two-Sided Perspective
Site Owner: Iam Herbert
Platform: Wordpress
Genre: Business / Internet Marketing
Description: One man's views and insights about anything in the world of Blogging, Search Engine Optimization and Internet Marketing

Cross Browser Check

• ✓ Chrome Mozilla Firefox
• ✓ Opera
• ✓ Internet Explorer 8
• ✓ Internet Explorer 7
• ✓ Opera Mini (no mobile template support)

Things Worth Mentioning

• Site is HTML5 ready
• Has alt attribute for Images
• No Flash found

Things that Need Attention

• No H1 tag
• Though HTML5 ready, it does not render a mobile template

BTT Tip for Two-Sided Perspective

1. Hiding your AdSense
   
   Blue is the default color of links in most browsers, and from your current theme and layout, your ads seems to stand out. Basically, the most advisable rule on placing ads on your site is to make it look as if it was a part of you posts or layout. The way you presented the links of your ads make it stand out too much.
   
   
2. Positioning of comment tools
   
   Positioning is too right, see the image below for your guidance.
   
   
   My suggestion is too remove the float attribute on comment-submit element on CSS
   
   

   #comment-submit {
    clear: both;
    /*float: right; */ /* comment this out*/
    margin-bottom: 10px;
   }
   

   
   This is found on ../themes/Avenue/style.css somewhere on line 363
   
   
3. Awkward layout at the bottom part of the wrapper
   
   See the image below and see how it was awkwardly cut. See the shadow on the sides? The pixel should somehow fade-out or shadow should continued on the bottom.
   
   
   
   
   I guess you should put something into it by adding an image just below the wrapper element
   

BTT Opinion for Two-Sided Perspective

Design 4/5 ★★★★★

I find it clean and formal, enough to achieve an atmosphere for a business related blog - Not to crowded and yet spaces were used nicely.

Texts for the front page were not too overwhelming, Posts were nicely outlined.

The bottom part though looks awkward, it feels that there is a missing part (I guess it was the image of the content's background) down there. The menu above seems to be compressing on the left side too.

Comment Box on per post basis is poorly formatted.

In my opinion,I hate the floating sharing icons on the left -- I find it annoying.

Content 4/5 ★★★★★

Starting with the menu, I love the downloads page! Usually users are curious with the word "DOWNLOAD" and also "FREE", so seeing it on your page actually makes your users go to it -- just like what I did.

I also saw you're "other blogs" page. Since you are linking it to Two Sided Perspective which is all about marketing, shouldn't that page be marketable too? It looks like an ordinary page for me. Nothing catchy in there.

It's also nice that you have an online portfolio of your work, I guess that should be place not just on "About Me" page but also on the menu or somewhere where it can always be seen.

As for the content itself, mostly you are tackling about SEO, blogging and other business related issues. I learn a lot from your posts. Reading the comments too of your visitors means that you are giving the right knowledge you want to give to your visitors -- for that I'm giving you my points!

Branding 2/5 ★★★★★

Logo, at first glance, doesn't give a meaning for Two Sided Perspective. It looks like a logo for a wine or playing cards.

Title was nice for a business related blog -- catchy enough in my opinion.

Domain - the dot info works well, I think, for business related blogs, INFO is the keyword for it. On the other hand, "herbertkikoy" for business -- if I do not know you, my first impression would be, how on earth was herbertkikoy related to the title and business?! get my point?

Impact 3/5 ★★★★★

Though you have great articles, it doesn't leave too much impact on me. Reason is, I couldn't find anything catchy enough in the totality of the blog. Honestly, I could find a lot of better articles on the net tackling the same issue.

My stand here is, there are tons of SEO and marketing related articles and blogs over the net, in order to compete, you must have something very unique on your posts -- that I didn't found nor feel.

Guest Judge Opinion for Two-Sided Perspective

Our guest for today is Saykotika, a Computer Engineering graduate and now working as a Associate Software Engineer in an outsourcing company. From what I've heard, she is now taking her masteral's degree on a known engineering university here at the Philippines.

Here is what she can say about Two-Sided Perspective

DISCLAIMER

The views expressed in comments by the guest judge published on this blog site are those of the comment writers alone. They do not represent the views or opinions of Beneath the Tree, nor do they represent the views or opinions of www.ajibanda.com, or any entity of, or affiliated with www.ajibanda.com

Design 4/5 ★★★★★

The design was clean for me, all in all, I'll give him 4 stars. He maximized all the corners meaning he didn't waste any space. Since his genre is about business, the color choice for me was OK, it looks formal and appealing to the eye.

I also love that you are placing images for every post, it looks attractive. Usually I'm the type of reader who just scan the pics and avoid reading.

Content 3/5 ★★★★★

Here is the part where I got confused. I thought that his post was all about business, but as I browse it, I find it more of an informative post. His articles was OK, the content was "super" informative but I'm looking for something "more business related" mostly his post was about SEO.

Branding 3/5 ★★★★★

The title was catchy, if you hear or read "Two - Sided Perspective", you'll think that it was an interesting blog, since the title itself is pertaining to two sided perspective. My initial guess is there would be two perspective on this post.

The logo, I didn't get it. I didn't get the connection of it on the title (am I that slow?). For me the logo looks like a pirate that wears a hat and has mustache, that is the first thing I picture out when I saw your logo. It could also be a bull with a mustache, maybe because of the red background.

Impact 3/5 ★★★★★

Though I find it informative, if I search on Google, I could find similar articles that tackles the same issue. I know that most bloggers are like that, they have different resources. I find it informative nonetheless, not enough for me to check it on a regular basis

Summary of the Review

BTT Total Rating: 3.25

Guest Judge Rating: 3.25

Design wise, I honestly find it hard to judge since it seems to be OK -- not over decorated yet not too dull, meaning there is nothing more to correct in my opinion. About the contents, I guess you just need cook something that would really make your site outstanding among all the SEO and Internet marketing sites out there, I'm pretty sure that you are aware of the competition. Other than that, keep up the good work!

---

So that's it, again this is just a friendly review from BTT. We aim for a better site and not to insult the owners and administrators. Whether you follow our tips and suggestions depend on your decision. Ciao!

To submit your own blog simply fill-up the form on this page or read this post. Thank you, we'll be happy to review your sites for FREE!

Remove Basic Settings from User Profile in Joomla! 2.5

When creating an edit page for your users in Joomla!, you may notice that in the default form, you are provided with two fieldsets:

• Edit Your Profile
• Basic Settings

The Edit Your Profile wraps the fields for your username, password and email address. On the other hand, Basic Settings shows you the fields for Editor to Use, Time Zone and Language.

Now since the Basic Settings, isn't that important as the Edit Your Profile part, you may want to remove this or technically, "hide it".

To do so, here is the step-by-step way of doing it.

1. Log in in the back-end (administrator)
   
   
2. Go to User Manager
   
   
   
   
   
   
3. Click Options
   
   
   
   
   
4. Look for Frontend User Parameters and set it to hide
   
   
   
   
5. Save and close

That should do it, you may now check the frontend to see that the Basic Settings fieldset is already hidden.