Category Archives: Web Development Tools

Restrict to web safe color in your web design?

web safe color pallete
web safe color pallete

Nowadays most of the web browsing device supports high color resolutions, therefore you can forget about the web-safe color. As long as your web page is intended for viewing from computer, or even tablet, just go ahead using any color when you design your web page.

Let no one restricts your creativity, it’s yours. The 216 color pallete not making vibrant stunning effect on your work, and I personally just find that the color is less appeal to audience eyes.

When to use web safe color?
However, if you are prioritize on user accessibility, it is important in some case.

Besides, if your page is intended for client print out, web safe color offers color that is close to the printing color. And you will be able to make a good prints that is closely similar with what’s displayed on the screen.

 

How to Disable IE Compatibility View and Show The Best Appearance of Web Page

turn off internet explorer compatibility viewMost of the time when you are turning on the compatibility view on Internet explorer 9, the appearance of the web page design looks… Poor.

This is an issue that really cracks the head of a web designers. CSS3 meant to be the catalyst for designer to show forth his spirit and will power to create something beautiful. And by the restriction of IE compatibility view, it automatically disable most of the css3 features. Eventually It killed all efforts of designer to create a beautiful page that enhance user browsing experience.

In order to tackle this issue, it is good that to keep the Internet explorer stick to the latest web technology. In other words, not to let the browser turn off the CSS3 features, so that your website will display at the best appearance.

To do this, thou shall put this code at the head section of your HTML file.

Code here:

<meta http-equiv=”X-UA-Compatible” content=”IE=edge” >

In fact, it is a meta tag.

The above tag is setting the Internet explorer to hide the compatibility button, and set
the website display Internet explorer 9 view version by default.

Well, that solves the problem that Internet explorer display with unpleasant view.

So, you might ask how about the Internet explorer 7 and 8? For these two version, you may put some script to inform user that their browser out of date. This is also to encourage them to use latest version or other modern browser like Safari, Firefox and Chrome.

This Week’s Blogging Learnings

nuffnang weekly website visitor statisticThis is my learning on how to improve visitor stats. The graph above just something different from last year, since I started my blogging at e-meow.com. It’s something never happened before, which the visitor stat has been climbing up.

The report above may not be something impactful to the professional, it may be NOTHING to them, since they tend to have thousands of visitors per day.

But as a beginner, there is something needed to share to anyone who are still under entry-level in blogging, so that they won’t give up easily before they tasted something new.

According to the graph above, the value significantly increased by day. What have I done? In fact, I go around promote by blog. This is one the the technique to improve the number of visitors reading your blog.

 

“Promote Your Blog” Technique

Normally, most of the blogger telling you to do is post your links at Facebook, Forum, or Blogger Community Page like Technorati, nuffnang and so on.

It’s isn’t Simply Posting Links Anywhere

Promote Website By Sharing Links weirdo and catI just find these ways not effective, if no further efforts been carried out. My findings is that not just posting links only, it has to do with interaction. Why is interaction is so important in the promotion of your blog? With interaction, you have higher chance of receive clicks on the link you’ve shared.

How to do it? First, just find any post in your blog, doesn’t matter if it is old posts or new posts. As long as it is something informative, let’s say: “Creating marble effects using Photoshop”.

Then go to search engine and find forum which is discussing about “photoshop tutorial”, or more specifically “create marble effects forum”. Then, I am sure you will find exact right target of audience who are in this topic.

So if you join the discussion in the forum and at the same time, take chance to share your blog posts which is having the equivalent topic. Through this way, it is high chance for people to visit your blog. And I say, you did it!

The reason behind this is that, people are ready their mindset in the particular topic, and they will certainly explore on the things that is related to their studies.

In a Nutshells

So this way is far more effective than you just simply post your links at “unrelated” place. This is high chances people ignore your links.

As a conclusion, the practical objective in promoting your website is putting a little bit more effort in finding audiences. Hope this is helpful to you all.

Old blog

It’s a old blog there, just want to remind myself that I have to do something about it! last time used to designed the web template with efforts but now it ends up abandoned… 🙁

So been constantly thinking what this site can do… Last time was exploiting it to draw traffics by submitting it to auto traffic sites. Nevertheless, I wont’t do this unethical way to promote website again. Not even my current new web blog…never do that again, it benefited not much.

There is so much you can do to improve and promote your website, by adding more useful and informative contents to the site. The best way is that, keep updating consistently, so that your blog doesn’t seemed ‘abandoned’, which I think also bringing some bad impression to the visitors who visited your website.

So then, keep on working hard to complete the incomplete web blog.

Blog can be part of your life, you should complete it, I guess… (This saying guy is crazy, and made this crazy posts, please ignore him)

20121107-202916.jpg

created using Wacom Bamboo Paper Apps, iPad 3rd gen+Wacom Bamboo Stylus.

Web Design with CSS

The knowledge of CSS is a plus in web design. You ca customize any sections of web template accordingly, and as detail as you intended.

It’s also some technique to avoid uses of images for certain elements of design, such as lines, shapes and colors. With the advancement of HTML5 in recent days, it makes the design using CSS more flexible and practical.

This is just some encourage for web designers that their design supposedly not to restricted by the old concept or technology in web programming. Everything has been progressive improve and please keep on explore more possible methods that allows you to express you masterpiece of your designer’s spirit!

Click here to study the script of the page previewed above

Here’s some sharing of my CSS techniques: playcss

Design impacts.

Analyze the Web Traffic – Google Webmaster Tool

Google Webmaster Tool

It’s useful to find out whether your site is being visited. It has keywords analysis for you to know whether you are using the good keyword that draws users to your site.

The information displayed in the graph charts, by keyword hits, visitor demographics, locations, links to your site and so on. These information are useful to help you improve your website, especially in content development. You will aware of what kind of content is popular or having great tendency of drawing crowds.

Of course, some simple steps needed to taken up to set up the google webmaster, as well as porting your website it, so that you can analyze your site using google webmaster tools.

Generate Income

It eventually become your income if you manage your websites/blogs well. The traffic of visitors are the source of income. As you getting generating more traffic from your website, you may subscribe to some web advertisement program that help you to generate income. Such as Google Adsense, Nuffnang, AdHitz, adf.ly etc.

Basically, these programs serves advertisements to your site. As the users clicked on the ads, you will able to receive some commision for the company of the program respectively.

Besides, this can be depends on how much of the advertisement being served too. Once you hit the target number of advertisement served (usually they call this impression), you will received comissions.

ShareThis – sharethis.com

ShareThis, share this, social pluginExpand and widen your website network, increase more traffics!

This site provides social plugin to wide range of cms side such as wordpress, joomla, blogger and so on, even your custom personal websites too! It is totally free and easy to use. No registrations required.

Just simply follow the steps, it will guide you to build your social plugin and implement into your website. You may also customized your buttons, as well as the appearance and which social service you would like to use.

EasyHits4u

This is an online service that helps you to bring visitors to your web site, as well as improving your web site traffic.

This is done by the traffic exchange method – log in to the Easyhits4u site, start surfing people’s website and receive your traffic in return. The traffic will be accumulated in form of credits, so that you can assign to your intended website accordingly.

You can assign the credit of traffic to your site by schedule, in which when you want the visitors visit your site. And also, you can assign visitor of your site geographically, that you may choose which country you want your website be viewed.

Earn Some Cash
Moreover, good things about the Easyhits4u is that you may earn some cash as you surf. The rate is every 1000 site you surfed will be awarded with $0.30.

Of course, if you want to increase the reward, you may refer this service to your friends with the 10-level affiliate system. You will be able to earn extras as well when your friend surf, or buying any service offered by Easyhits4u sites. In other words, you earned commissions.

Click the following URL to register:
http://www.easyhits4u.com/?ref=show_id

Preview Web on Mac Machine – webdevlab.com

Browser view compatibility issue?

How’s your web design masterpiece looked like on other platform? On pc/mac?

Does it looked same at cross-platform?

Here I found an alternative way to preview your website on Mac machines, It’s a free service! All you need to do is just enter your specific page url and submit. In a few seconds of processing, the site will display how your web looked in a Macintosh!

Check it out here: http://www.webdevlab.com/app/screenshots