Archive for the ‘technology’ Category

Re-Tweet and Location Aware

Friday, August 21st, 2009

Twitter just announced that it has plans to launch a feature to make it location-aware. A new API will allow developers to add latitude and longitude to any specific tweet.

“Folks will need to activate this new feature by choice because it will be off by default and the exact location data won’t be stored for an extended period of time,” says Co-founder Biz Stone. “However, if people do opt-in to sharing location on a tweet-by-tweet basis, compelling context will be added to each burst of information.”

“For example, with accurate, tweet-level location data you could switch from reading the tweets of accounts you follow to reading tweets from anyone in your neighborhood or city—whether you follow them or not,” he explains. “It’s easy to imagine how this might be interesting at an event like a concert or even something more dramatic like an earthquake. There will likely be many use cases we haven’t even thought of yet which is part of what makes this so exciting.”

Twitter will release geolocation to web developers and web designers first. So look for this functionality on various Twitter-apps before finding it on the site.
Twitter seems to be stepping it up in the way of usability. They also recently announced plans for retweet capabilities.

Source: webpronews.com

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

Live Search + Twitter

Sunday, July 26th, 2009

Google is working on live search and Bing already has some sort of live search — and all because of things like twitter, it seems inevitable that we will see it refined over the next 6 months.

Twitter now offers real time search! Or Search in “real time” They announced a new real-time live search widget that can be added to websites and blogs.

The new tool enables you to create a widget for your website or blog that shows real time search results for any search query you build using operators like AND, OR, and some cool location based ones like “near”.

As Twitter continues to gain in popularity, features like this are going to be great for businesses wanting to embrace social media.

Customize your search widget here http://twitter.com/goodies/widget_search

twitter_real_time_search

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

Web design fonts options

Saturday, July 25th, 2009

New techniques coupled with new Web browser capabilities promise to elevate web design typography from its current monotonous state into an actual creative discipline, and this might happen more quickly than expected.

This problem for web designers is dealt with either by making the most of the few fonts we have, or by entirely replacing our heading-text with images. Replacing and creating a few text header images is only okay when there are a set number of headings, but what about when the website is updated every day or even several times per week ?

Web Safe Fonts

Windows includes around 16 fonts and Macs have a little over 30.
Web design has suffered greatly, with the same 5 fonts being used over and over and over.

There are many tools out there to tackle this problem, but they are not widely used considering the number of web designs out there.

Download-able Font Services

Both Firefox and Safari now include the ability to download the two most common font file format types Open Type (OTF) and True Type (TTF) and Opera will soon follow suite. The only hold out, is Internet Explorer, which currently holds the majority of the Browser market.

• Kernest: Uses a link to tag to an external CSS file, which includes the @font-face rule sourcing a file specific to the browser type of the end user.
• TypeKit: Uses JavaScript to embed the font-file directly into the page.

Font Replacing Tools

sIFR 3
(my personal favorite because it appears to be SEO friendly)
A free web design tool for replacing text with Flash text images. It is useful for displaying fonts that aren’t generally on a Mac or Microsoft computer.

Cufón
This aims to become a worthy alternative to sIFR. Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

P+C DTR
This allows you to take a standards-based (X)HTML web page and dynamically create images to replace and enhance page headings using only PHP + CSS.

FLIR
This solution dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers.

SIIR
The SIIR program serves to basically change dynamic text on your website into generated images with any font you choose.

DTR
A pretty old JavaScript and PHP technique by A List Apart.

Typeface.js
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

IFR
By using a dynamic Flash movie, some slick JavaScript and well-structured mark-up the same consistent branding can be achieved while greatly reducing production time and preserving the cleanliness of the mark-up.

PHP+CSS DTR
PHP+CSS Dynamic Text Replacement is a JavaScript-free version of the Dynamic Text Replacement method originally created by Stewart Rosenberger. This is the P+C DTR version with word-wrapping and the ability to use inner tags.

STR SwishMAX Text Replacement
Similar to sIFR in that it uses Flash movies to replace text in an HTML document. STR does not, however, use Macromedia Flash to create the movies. STR uses a combination of Flash, CSS and Javascript, leaving the markup semantical and minimal.

CSS Image replacement [static]
Several text image solutions were developed in 2004 and continue to be developed with .php, ASP, Java servlets and other server-side programming.

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