Archive for the ‘web design principles’ Category

WordPress is the CMS of choice

Thursday, September 3rd, 2009

I started with my first blog about 4 years ago on the blogger platform (from Google). I eventually tried them all including: Tumblr, Typepad, and blogs and forums using the Joomla CMS platform—I eventually moved to WordPress. What makes one better than the other and how does someone know which one is right for them? One thing I always look for is a large user base, not because we want to design with what everyone else out there is designing with, or the platform they are developing on—but usually open source platforms with a lot of people using them accelerate it’s effectiveness and widen the range and availability of modules and plug-ins—as well as push the software or platform to move ahead much more quickly in it’s effectiveness, and also to offer a huge amount of support from other users, developers and designers out there.

wordpress-logo

Due to the fact that WordPress is open source, many say that it is not the best choice for a serious project due to insecurity – but we feel quite the opposite. To prove these points are not worthy, below we list and show you that WordPress can be used for serious projects and big brands that go big in scale (including The Wall Street Journal, Sony, and Ebay) :

http://ebayinkblog.com/

http://ycorpblog.com/

http://www.thefordstory.com/

http://blogs.wsj.com/

http://electronicsblog.sel.sony.com/sony/default.aspx

http://stylenews.peoplestylewatch.com/

http://www.nytimes.com/ref/topnews/blog-index.html

http://www.benjerry.fr/blog/

———————————————————————-

Here is a great article on creating your own theme for WordPress. A theme for WordPress is the starting point for a web designer or web developer and the framework to the web design.

http://www.adobe.com/devnet/dreamweaver/articles/creating_wordpress_theme_with_dreamweaver_pt1.html

A simple article highlighting and explaining the SEO ( search engine optimization ) importance and qualities inside of WordPress

http://wpbloghost.com/blog/wordpress-search-engine-optimization/

———————————————————————-

Wordtracker SEO Blogger is a plug-in for Firefox that opens alongside your blog entry as you are editing it to aid in finding the right keywords for your article. (perfect for interactive copywriters, web designers, and business professionals)

http://labs.wordtracker.com/seo-blogger

There is also a service and application to help you evaluate, export and compare your keywords. I have not tried this package and there seems to be an abundance of these types of applications out there, however this one looks very good

http://www.wordtracker.com

Here is an article by Pingdom – rating the different blogging platforms – WordPress being at the top of the list

http://royal.pingdom.com/2009/01/15/the-blog-platforms-of-choice-among-the-top-100-blogs/

WordPress, in our experience, is by far the best solution out there for the small blog that is shared among friends and the super-huge serious full-blown websites that require a content management system with thousands of built-in options and inherently search engine friendly!

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

An Old Way to place ads in a New World

Thursday, August 27th, 2009

There’s one area of your site that if a web designer or web developer include it, users have no choice but to engage, if they wish to continue with the task they’re trying to complete. That would be the CAPTCHA, other wise known as that annoying, (often times barely legible) word you have to recreate in a box, so that the site knows you’re human.

So if the user is already engaging with this, why not make it an ad? That appears to be Microsoft’s mentality, as it has proposed exactly that with a patent application. The concept is simple. It works just like any other CAPTCHA, but it shows you a picture of a product (the Xbox 360 in an example from Microsoft) and asks you to type the name of the product you see.

xbox-360

Todd Bishop at TechFlash points to this and actually another mention of this concept from as long as four years ago, at Ad Lab, which simply presents the concept, showing logos for Tide and UPS.

Clearly this is a concept that has been around for some time, but you don’t see it very often, and you have to wonder why that is. There’s no question that the CAPTCHA is intrusive, and perhaps brands won’t always want to be associated with that kind of advertising, but in reality, it’s not the ad itself that is intrusive. It’s the step of completing the CAPTCHA form, which is already there. If it’s already there, you might as well utilize that space for some further benefit.

What Designers and marketers would not want to do is start displaying more CAPTCHAs specifically for the purpose of advertising. That’s where things could go sour. On the other hand, a user might not know the difference, and could reach the conclusion that you’re just throwing an intrusive advertisement at them.

It is an interesting strategy—and I like it and I would take a picture rather than those hard to decipher CAPTCHAs any day. There is no click value to this from the advertising standpoint, but the brand value is definitely there.

Source: Web Design Library

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

“An Event Apart” brought to you by “A List Apart”

Tuesday, August 18th, 2009

If there was an event to attend, this seems like the one! (for people who make websites)

aea-logo

An Event Apart is from the makers of A List Apart, which is known for its knowledgeable contributors on web design, interface design, up-to-date web developer techniques, (SEO) search engine optimization and internet marketing.  An Event Apart is a two-day conference put on by Eric Meyer and Jeffrey Zeldman, founder of Happy Cog. They are joined by expert guest speakers listed below:

Info for Chicago, October 12-13

Jason Santa Maria, web designer
Kristina Halvorson, founder and president of BrainTraffic
Dan Brown, author of Communicating Design
Whitney Hess, strategic partner to Happy Cog
Andy Clarke, author of Transcending CSS
Brett Welch, co-founder of GoodBarry
Aaron Gustafson, co-author of AdvancED DOM Scripting
Simon Willison, developer at Guardian News and Media
Luke Wroblewski, author of Web Form Design
Dan Rubin, co-author of Web Standards Creativity
Dan Cederholm, author of Handcrafted CSS

Info for San Francisco, December 7-8

Jarred Spool, founder of User Interface Engineering
Andy Budd, UX Lead of Clearleft
Dave Shea creator of CSS Zen Garden
George Oates, writer and content strategist
Michal Migursky, technology head at Stamen
Ethan Marcotte, head designer at Airbag Industries
Jeffrey Veen, author of Art Science of Web Design
Jonathan Snook, web expert
Sarah Nelson, design strategist for Adaptive Path

Click over to http://www.aneventapart.com/ An Event Apart to learn more!

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

.htacess file tutorial – useful tips

Wednesday, August 12th, 2009

Overview of the “application of principle”

Much of what we find on search engine optimization (SEO) blogs, internet marketing web-inars or your favorite web design news-feeds contain basic strategies to propel your website into the top SERP’s. While this is useful information, sometimes putting these strategies into practice for web designers, internet marketeers, digital strategists or web developers—is very misunderstood, and the ability to put it these strategies into practice, or apply it in a real world situation is lacking.

Much of this APPLICATION of PRINCIPLE—relies on technique, understanding multiple facets of design and development, technical knowledge, past experience (seeing what works and where), trial and error, keeping up with the changing landscape, and many many other factors. The point is that there are “many” and to be able to apply SEO and internet marketing with results—we need to understand strategy and principles as well as being able to apply it. The “apply” is usually taken for granted, and while there are hundreds of thousands out there talking about it, only a few of us know how to apply it with beautiful results!

One small but powerful thing to be aware of is a .htaccess file—here is some basic information

.htaccess (hypertext access) is the default name of a directory-level configuration file that allows for decentralized management of web server configuration. The .htaccess file is placed inside the web tree, and is able to override a subset of the server’s global configuration; the extent of this subset is defined by the web server administrator.

Nowadays .htaccess can override many other configuration settings, mostly related to content control, e.g. content type and character set, CGI handlers, etc.

Below are some basic tips and uses of .htaccess file

1. Create a custom error page.
.htaccess makes it easy to create your own custom error pages. Just create your custom error page files and then add this code to your .htaccess file:
ErrorDocument 401 /401.php  
ErrorDocument 403 /403.php  
ErrorDocument 404 /404.php  
ErrorDocument 500 /500.php
(you should replace the “/500.php” or whatever with your own file path and name.)

2. Prevent directory browsing.
If you don’t include an index file in a directory, visitors can browse the directory itself. But preventing that is as easy as adding a single line to your .htaccess file:
Options All –Indexes

3.Block access to your .htaccess file
By adding he following code to your htaccess file will prevent attempts to access your htaccess file. This extra layer of security protects your htaccess file by displaying a 403 error message on the browser.
# secure htaccess file 
 
Â order allow,deny 
Â deny from all

4. Set the default page of each directory.
If you don’t want to use an index page in each directory, you can set the default page visited when someone reaches (like an about page or a page offering the newest content) that directory by adding this:
DirectoryIndex news.html
(And of course you’d replace the “news.html” bit with whatever you want to use as the default.)

5.Redirect everyone to different site except few IPs
If you want to redirect all the visitors to a different IP. Also give access to certain  few IPs. You can use the code below:
ErrorDocument 403 http://www.youdomain.com 
Order deny,allow 
Deny from all 
Allow from 124.34.48.165 
Allow from 102.54.68.123

6. Redirect Visitors While You Update Your Web Design Site
Update and test your site while visitors are redirected to the page of your choice:
order deny,allow 
deny from all 
allow from 123.123.123.123
ErrorDocument 403 /page.html
allow from all
Replace 123.123.123.123 with your IP address
. Also replace page.html with the name of the page you want visitors to see.

7. Disguise your file types.
You can disguise all of your file types by making them appear as PHP files. Just insert this snippet in:
ForceType application/x-httpd-php

8. Protect your site from hotlinking.
The last thing you want is for those stealing your content to also be able to embed the images hosted on your server in their posts. It takes up your bandwidth and can quickly get expensive. Here’s a way to block hotlinking within htaccess:
view plaincopy to clipboardprint? 
RewriteEngine On  
RewriteCond %{HTTP_REFERER} !^$  
RewriteCond %{HTTP_REFERER} !^http://([ -a-z0-9]  \.)?domain\.com [NC]  
RewriteRule \.(gif|jpe?g|png)$ – [F,NC,L]
(Of course you’ll want to replace the domain\.com with your own domain name.)

9. Restrict file upload limits for PHP:
You can restrict the maximum file size
for uploading in PHP, as well as the maximum execution time. Just add this:

php_value upload_max_filesize 10M  
php_value post_max_size 10M  
php_value max_execution_time 200  
php_value max_input_time 200
Line one specifies the maximum file size for uploading; line two is the maximum size for post data; line three is the maximum time in seconds a script can run before it’s terminated; and line four is the maximum amount of time in seconds a script is allowed to parse input data.

10. Force a file to download with a “Save As” prompt.
If you want to force someone to download a file instead of opening it in their browser, use this code:
AddType application/octet-stream .doc .mov .avi .pdf .xls .mp4

11. Redirect to a secure https connection
If you want to redirect your entire site to a secure https connection, use the following:
view plaincopy to clipboardprint? 
RewriteEngine On  
RewriteCond %{HTTPS} !on  
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

12.Block script execution.
You can stop scripts in certain languages from running with this:
Options –ExecCGI  
AddHandler cgi-script .pl .py .php .jsp. htm .shtml .sh .asp .cgi
Just replace the types of scripts you want to block.

13. Set up a 301 redirect.
If you move around the structure of your site and need to redirect some old URLs to their new locations, the following bit of code will do so for you:
view plaincopy to clipboardprint? 
Redirect 301 /original/filename.html http://domain.com/updated/filename.html

Important Note:

1-Be careful of spelling- .htaccess is not forgiving of spelling errors.
2-htaccess is case sensitive. If something is shown in the examples with a capital letter, make sure it’s capitalized in your htaccess file.

For readers interested in advance knowledge, I will recommend the following guides:
http://www.askapache.com/htaccess/apache-htaccess.html
http://perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/
http://www.noupe.com/php/htaccess-techniques.html
http://www.thomsonchemmanoor.com/16-useful-htaccess-tricks-and-hacks-for-web-developers.html
http://frontdeskapp.com/blog/5-htaccess-tricks-every-webmaster-should-know/

Source: http://www.sem-seo-resources.com/node/63

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati