Current Topic: internet

Posted by Michael Alfaro on February 6, 2012

File upload size validation through javascript

0

It’s tough to tell a user that they’ve hit a file limit after the download is done.   Found this on stack overflow to be able to check the file size through javascript before the file get’s uploaded.  Here’s the source: http://stackoverflow.com/questions/3717793/javascript-file-upload-size-validation

Yes, there’s a new feature from the W3C that’s supported by some modern browsers, the File API. It can be used for this purpose, and it’s easy to test whether it’s supported and fall back (if necessary) to another mechanism if it isn’t.

And here it is in action: http://jsbin.com/ificu4 Try that with a recent version of Chrome or Firefox.

Here’s a complete example:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Show File Data</title>
<style type='text/css'>
body {
    font-family: sans-serif;
}
</style>
<script type='text/javascript'>
function showFileSize() {
    var input, file;

    if (typeof window.FileReader !== 'function') {
        bodyAppend("p", "The file API isn't supported on this browser yet.");
        return;
    }

    input = document.getElementById('fileinput');
    if (!input) {
        bodyAppend("p", "Um, couldn't find the fileinput element.");
    }
    else if (!input.files) {
        bodyAppend("p", "This browser doesn't seem to support the `files` property of file inputs.");
    }
    else if (!input.files[0]) {
        bodyAppend("p", "Please select a file before clicking 'Load'");
    }
    else {
        file = input.files[0];
        bodyAppend("p", "File " + file.name + " is " + file.size + " bytes in size");
    }
}

function bodyAppend(tagName, innerHTML) {
    var elm;

    elm = document.createElement(tagName);
    elm.innerHTML = innerHTML;
    document.body.appendChild(elm);
}
</script>
</head>
<body>
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='showFileSize();'>
</form>
</body>
</html>

Topics: , , ,

Posted by Michael Alfaro on February 6, 2012

Free Website performance testing

0

Had this link in my bag of free testing sites for a while, wanted to share with the world. Very similar to the results you can get through firebug network testing, but they can do it from various locations.
http://www.webpagetest.org/


Topics: , ,

Posted by Michael Alfaro on February 6, 2012

How much is the meeting costing the company?

0

Would you like to know how much your meetings cost? If you know the number of attendees and the average rate per person, this meeting ticker could help you track the cost. You’d be surprised how expensive meetings get!
Source site: http://tobytripp.github.com/meeting-ticker/


Topics: , , ,

Posted by Michael Alfaro on February 2, 2012

Making your site SEO friendly with IIS7 and URL Rewriter module

0

Have this bookmarked for reference purposes.  I do refer back to this article every once in a while, so I figured I should share.  Here’s the source: http://blogs.msdn.com/b/carlosag/archive/2008/09/02/iis7urlrewriteseo.aspx

Shout-out to CarlosAg for posting this:

“1) Canonicalization

Basically the goal of canonicalization is to ensure that the content of a page is only exposed as a unique URI. The reason this is important is because even though for humans it’s easy to tell that http://www.carlosag.net is the same as http://carlosag.net, many search engines will not make any assumptions and keep them as two separate entries, potentially splitting the rankings of them lowering their relevance. Another example of this is http://www.carlosag.net/default.aspx and http://www.carlosag.net/. You can certainly minimize the impact of this by writing your application using the canonical forms of your links, for example in your links you can always link to the right content for example: http://www.carlosag.net/tools/webchart/ and remove the default.aspx, however that only accounts for part of the equation since you cannot assume everyone referencing your Web Site will follow this carefully, you cannot control their links.

This is when URL Rewrite comes into play and truly solves this problem.

Host name.

URL Rewrite can help you redirect when the users type your URL in a way you don’t unnecessarily want them to, for example just carlosag.net. Choosing between using WWW or not is a matter of taste but once you choose one you should ensure that you guide everyone to the right one. The following rule will automatically redirect everyone using just carlosag.net to www.carlosag.net. This configuration can be saved in the Web.config file in the root of your Web Site.Note that I’m only including the XML in this blog, however I used IIS Manager to generate all of these settings so you don’t need to memorize the XML schema since the UI includes several friendly capabilities to generate all of these..

<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name=”Redirect to WWW” stopProcessing=”true”>
<match url=”.*” />
<conditions>
<add input=”{HTTP_HOST}” pattern=”^carlosag.net$” />
</conditions>
<action type=”Redirect” url=”http://www.carlosag.net/{R:0}” redirectType=”Permanent” />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>

Note that one important thing is to use Permanent redirects (301) , this will ensure that if anybody links your page using a non-WWW link when the search engine bot crawls their Web Site it will identify the link as permanently moved and it will treat the new URL as the correct address and it will not index the old URL, which is the case when using Temporary (302) redirects. The following shows how the response of the server looks like:

HTTP/1.1 301 Moved Permanently
Content-Type: text/html; charset=UTF-8
Location: http://www.carlosag.net/tools/
Server: Microsoft-IIS/7.0
X-Powered-By: ASP.NET
Date: Mon, 01 Sep 2008 22:45:49 GMT
Content-Length: 155<head><title>Document Moved</title></head>
<body><h1>Object Moved</h1>This document may be found <a HREF=http://www.carlosag.net/tools/>here</a></body>

Default Documents

IIS has a feature called Default Document that allows you to specify the content that should be processed when a user enters a URL that is mapped to a directory and not an actual file. In other words, if the user enters http://www.carlosag.net/tools/ then they will actually get the content as if they entered http://www.carlosag.net/tools/default.aspx. That is all great, the problem is that this feature only works one way by mapping a Directory to a File, however it does not map the File to the Document, this means that if some of your links or other users enter the full URL, then search engines will see two different URL’s. To solve that problem we can use a configuration very similar to the rule above, following is a rule that will redirect the default.aspx to the canonical URL (the folder).

        <rule name=”Default Document” stopProcessing=”true”>
<match url=”(.*)default.aspx” />
<action type=”Redirect” url=”{R:1}” redirectType=”Permanent” />
</rule>

This again, uses a Permanent redirect to extract everything before Default.aspx and redirect it to the “parent” URL path, so for example, if the user enters http://www.carlosag.net/Tools/WindowsLiveWriter/default.aspx it will be redirected to http://www.carlosag.net/Tools/WindowsLiveWriter/ as well as http://www.carlosag.net/Tools/default.aspx to http://www.carlosag.net/Tools/. You can place this rule at the root of your site and it will take care of all the default documents (if you have a default.aspx in every folder)

2) Friendly URL’s

Asking your user to remember that www.contoso.com/books.aspx?isbn=0735624410 is the URL for the IIS Resource Kit is not the nicest thing to do, first of all why do they care about this being an ASPX and the fact that it takes arguments and what not. It seems that providing them with a URL like www.contoso.com/books/IISResourceKit will truly resonate with them and be easier for them to remember and pass along. Most importantly it really doesn’t tie you to any Web technology.

With URL Rewrite you can easily build this kind of logic automatically without having to modify your code using Rewrite Maps:

<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name=”Rewrite for Books” stopProcessing=”true”>
<match url=”Books/(.+)” />
<action type=”Rewrite” url=”books.aspx?isbn={Books:{R:1}}” />
</rule>
</rules>
<rewriteMaps>
<rewriteMap name=”Books”>
<add key=”IISResourceKit” value=”0735624410″ />
<add key=”ProfessionalIIS7″ value=”0470097825″ />
<add key=”IIS7AdministratorsPocketConsultant” value=”0735623643″ />
<add key=”IIS7ImplementationandAdministration” value=”0470178930″ />
</rewriteMap>
</rewriteMaps>
</rewrite>
</system.webServer>
</configuration>

The configuration above includes a rule that uses a Rewrite Map to translate a URL like: http://www.contoso.com/books/IISResourceKit into http://www.contoso.com/books.aspx?isbn=0735624410 automatically. Using maps is a very convenient way to have a “table” of values that can be transformed into any other value to be used in the result URL. Of course there are better ways of doing this when using large catalogs or values that change frequently but is extremely useful when you have a consistent set of values or when you can’t make changes to an existing application. Note that since we use Rewrite the end users never see the “ugly-URL” unless they knew it already and typed it, and of course this means you can use the inverse approach to ensure the canonicalization is preserved:

    <rewrite>
<rules>
<rule name=”Redirect Books to Canonical URL” stopProcessing=”true”>
<match url=”books\.aspx” />
<action type=”Redirect” url=”Books/{ISBN:{C:1}}” appendQueryString=”false” />
<conditions>
<add input=”{QUERY_STRING}” pattern=”isbn=(.+)” />
</conditions>
</rule>
</rules>
<rewriteMaps>
<rewriteMap name=”ISBN”>
<add key=”0735624410″ value=”IISResourceKit” />
<add key=”0470097825″ value=”ProfessionalIIS7″ />
<add key=”0735623643″ value=”IIS7AdministratorsPocketConsultant” />
<add key=”0470178930″ value=”IIS7ImplementationandAdministration” />
</rewriteMap>
</rewriteMaps>
</rewrite>

The rule above does the “inverse” by matching the URL books.aspx, extracting the ISBN query string value and doing a lookup in the ISBN table and redirecting the client to the canonical URL, so again if user enters http://www.contoso.com/books.aspx?isbn=0735624410 they will be redirected to http://www.contoso.com/books/IISResourceKit.

This Friendly URL to me is more of a user feature than a SEO feature, however I’ve read in every SEO guide to reduce the number of parameters in your Query String, however, I have not find yet any document that clearly states if there is truly a limit in the search engine bot’s that would truly impact the search relevance. I guess it makes sense that they wouldn’t keep track of thousands of links to a catalog.aspx that has zillions of permutations based on hundreds of values in the query string (category, department, price range, etc) even if all of them were linked, but again I don’t have any prove.

3) Site Reorganization

One complex tasks that Web Developers face sometimes is trying to reorganize their current Web Site structure, whether its moving a section to a different path, or something as simple as renaming a single file, you need to take into consideration things like, Is this move a temporary thing?, How do I ensure old clients get the new URL?, How do I prevent losing the search engine relevance?. URL Rewrite will help you perform these tasks.

Rename a file

If you rename a file you can very easily just write a Rewrite or Redirect Rule that ensures that your users continue getting the content. If your intent is to never go back to the old name you should use a Redirect Permanent so everyone starts getting the new content with its new “Canonical URL”, however, if this could be a temporary thing you should use a Redirect Temporary. Finally a Rewrite is useful if you still want both URL’s to continue to be valid (though this breaks the canonicality).

      <rule name=”Rename File.php to MyFile.aspx” stopProcessing=”true”>
<match url=”File\.php” />
<action type=”Redirect” url=”MyFile.aspx” redirectType=”Permanent” />
</rule>

Moving directories

Another common scenario is when you need to move an entire directory to another place of the Web Site. It could also be that based on some criteria (say Mobile browsers or other User Agent) get a different set of pages/images. Either way, URL rewrite helps with this. The following configuration will redirect every call to the /Images directory to the /NewImages directory.

      <rule name=”Move Images to NewImages” stopProcessing=”true”>
<match url=”^images/(.*)” />
<action type=”Redirect” url=”NewImages/{R:1}” redirectType=”Permanent” />
</rule>

A related scenario is if you wanted to show different smaller images whenever a user of Windows CE was accessing your site, you could have a “img” directory where all the small images are stored and use a rule like the following:

        <rule name=”Use Small Images for Windows CE” stopProcessing=”true”>
<match url=”^images/(.*)” />
<action type=”Rewrite” url=”/img/{R:1}” />
<conditions>
<add input=”{HTTP_USER_AGENT}” pattern=”Windows CE” ignoreCase=”false” />
</conditions>
</rule>

Note, that in this case the use of Rewrite makes sense since we want the small images to look as the original images to the browser and it will save a “round-trip” to it.

Moving multiple files

Another common operation is when you randomly need to relocate pages for whatever reason (such as Marketing Campaigns, Branding, etc). In this case if you have several files that have been moved or renamed you can have a single rule that catches all of those and redirects them accordingly. Similarly, another sample could include an incremental migration from one technology to another where say you are moving from Classic ASP to ASP.NET and as you rewrite some of the old ASP pages into ASPX pages you want to start serving them without breaking any links or the search engine relevance.

    <rewrite>
<rules>
<rule name=”Redirect Old Files and Broken Links” stopProcessing=”true”>
<match url=”.*” />
<conditions>
<add input=”{OldFiles:{REQUEST_URI}}” pattern=”(.+)” />
</conditions>
<action type=”Redirect” url=”{C:0}” />
</rule>
</rules>
<rewriteMaps>
<rewriteMap name=”OldFiles”>
<add key=”/tools/WebChart/sample.asp” value=”tools/WebChart/sample.aspx” />
<add key=”/tools/default.asp” value=”tools/” />
<add key=”/images/brokenlink.jpg” value=”/images/brokenlink.png” />
</rewriteMap>
</rewriteMaps>
</rewrite>

Now, you can just keep adding to this table any broken link and specify its new address.

Others

Other potential use of URL Rewrite is when using RIA applications in the browser, whether using things like AJAX, Silverlight or Flash, that are not easy to parse and index by search engines, you could use URL Rewrite to rewrite the URL to static HTML versions of your content, however you should make sure that the content is consistent so you don’t misguide users and search engines. For example the following rule will rewrite all the files in the RIAFiles table to their static HTML counterpart but only if the User Agent is the MSNBot or the GoogleBot:

    <rewrite>
<rules>
<rule name=”Rewrite RIA Files” stopProcessing=”true”>
<match url=”.*” />
<conditions>
<add input=”{HTTP_USER_AGENT}” pattern=”MSNBot|Googlebot” />
<add input=”{RIAFiles:{REQUEST_URI}}” pattern=”(.+)” />
</conditions>
<action type=”Rewrite” url=”{C:0}” />
</rule>
</rules>
<rewriteMaps>
<rewriteMap name=”RIAFiles”>
<add key=”/samples/Silverlight.aspx” value=”/samples/Silverlight.htm” />
<add key=”/samples/MyAjax.aspx” value=”/samples/MyAjax.htm” />
</rewriteMap>
</rewriteMaps>
</rewrite>

Related to this is that you might want to prevent search engines from crawling certain files (or your entire site), for that, you can use the Robots.txt semantics and use a “disallow”, however, you can also use URL Rewrite to prevent this with more functionality such as blocking only a specific user agent:

    <rewrite>
<rules>
<rule name=”Prevent access to files” stopProcessing=”true”>
<match url=”.*” />
<conditions>
<add input=”{HTTP_USER_AGENT}” pattern=”SomeRandomBot” />
<add input=”{NonIndexedFiles:{REQUEST_URI}}” pattern=”(.+)” />
</conditions>
<action type=”AbortRequest” />
</rule>
</rules>
<rewriteMaps>
<rewriteMap name=”NonIndexedFiles”>
<add key=”/profile.aspx” value=”block” />
<add key=”/personal.aspx” value=”block” />
</rewriteMap>
</rewriteMaps>
</rewrite>

There are several other things you can do to ensure that your Web Site is friendly with Search Engines, however most of them require changes to your application, but certainly worth the effort, for example:

  • Ensure your HTML includes a <title> tag.
  • Ensure your HTML includes a <meta name=”description”.
  • Use the correct HTML semantics, use H1 once and only once, use the alt attribute in your <img>, use <noscript> etc.
  • Redirect using status code 301 and not 302.
  • Provide Site Map’s and/or Robots.txt.
  • Beware of POST backs and links that require script to run.

Resources

For this entry I read and used some of the resources at several Web Sites, including:


Topics: , , ,

Posted by Michael Alfaro on February 1, 2012

Oracle Client, IIS7 – The specified store provider cannot be found in the configuration, or is not valid.

0

Ran into this when moving a currently working site to a new directory and setting it up as another site.  All IIS and web.config settings matched, so couldn’t figure out why every time I tried to go to a page the needed an Oracle connection I kept getting “The specified store provider cannot be found in the configuration, or is not valid.”

Finally remembered that the App Pool itself has “Advanced Settings”, not just the basic ones which I had already checked.  The Oracle Instant Client we’re using is 32 bit, thus the 2nd setting in the App Pool >> Advanced Settings >> Enable 32-Big Applications had to be set to True instead of the default of False.

Check it out here:


Topics: , , , ,

Posted by Michael Alfaro on January 27, 2012

Iframing a portion of a webpage to exclude unwanted navs, and sidebar callouts

0

This code was shared by a great client of ours, Kevin Ormsby (Web Developer) over at ELS. Wanted to reshare with the world as I’m sure there’s a need for this if we found a need for it.

It will allow you to give the top left coordinates that you’d like the iframe to begin with.  And you could eliminate items from the right and bottom by adjusting the over width and height of the iframe itself, thus you can get a perfect iframe until the page you’re pointing to changes :)

Thanks Kevin!

<style type=”text/css”>
#contact{
width:700px;
height:700px;
overflow:hidden;
}

#contact iframe {
margin-left:-15px;
margin-top:-255px;
border:0;
}
</style>

<div id=”contact”>
<iframe src=”http://www.els.edu/ContactUs” scrolling=”no” width=”600″ height=”840″></iframe>
</div>


Topics: , , ,

Posted by Michael Alfaro on January 25, 2012

How to use .htaccess to redirect properly

0

All I have to say is this site makes it so much easier! Give it a try, absolutely works.

http://www.htaccessredirect.net/index.php


Topics: , , ,

Posted by Michael Alfaro on January 9, 2012

Fbootstrapp, create pages in Facebook styling quickly

0




Shoutout to Tim Jaeger for sending this out today. If you’re looking for the FB styling to use in IFramed apps within Facebook, you can use Fbootstrapp to get the look and feel with very little effort on your part.  Check it out, great resource: http://ckrack.github.com/fbootstrapp/

Bootstrap itself was created by folks at Twitter, so you can check out the original project here: http://twitter.github.com/bootstrap/


Topics: , , , ,

Posted by Michael Alfaro on December 21, 2011

Skillshare – Learn new skills. Share your skills. A community marketplace to learn anything from anyone

0

Found this today, and I have to say it looks awesome!   I’m going to be signing up for a course in the very near future, I’ll let you know how it goes.  People sharing what they know instead of hoarding information for Job Security (you know who you are), nice!

What is Skillshare? from Skillshare on Vimeo.

Skillshare is a community marketplace to learn anything from anyone. We believe that everyone has valuable skills and knowledge to teach and the curiosity to keep learning new things. This means our neighborhoods, communities, and cities are really the world’s greatest universities. Our platform helps make the exchange of knowledge easy, enriching, and fun.

All of the classes happen in the real world. That means offline despite what we nerds may consider to be “real.” We believe that learning should happen in groups around shared interests and passions. When you bring together a variety of voices and hands-on instruction, truly spectacular things happen. This magic just can’t be replicated over a webcam and chatroom. We’re here to spread this magic and increase the gross happiness index around the world.


Topics: , , , ,

Posted by Michael Alfaro on December 15, 2011

Execute SQL Queries directly in LINQ

0

Sometimes you have complex SQL that uses DB specific functions, and to put into LINQ is more work then it’s worth.  So our Developer Sergio found this article how do to directly execute SQL through LINQ: http://msdn.microsoft.com/en-us/library/bb399403.aspx

“LINQ to SQL translates the queries you write into parameterized SQL queries (in text form) and sends them to the SQL server for processing.

SQL cannot execute the variety of methods that might be locally available to your application. LINQ to SQL tries to convert these local methods to equivalent operations and functions that are available inside the SQL environment. Most methods and operators on .NET Framework built-in types have direct translations to SQL commands. Some can be produced from the functions that are available. Those that cannot be produced generate run-time exceptions. For more information, see SQL-CLR Type Mapping (LINQ to SQL).

In cases where a LINQ to SQL query is insufficient for a specialized task, you can use the ExecuteQuery method to execute a SQL query, and then convert the result of your query directly into objects.

In the following example, assume that the data for the Customer class is spread over two tables (customer1 and customer2). The query returns a sequence of Customer objects.

C#

Northwnd db = new Northwnd(@"c:\northwnd.mdf");
IEnumerable<Customer> results = db.ExecuteQuery<Customer>
(@"SELECT c1.custid as CustomerID, c2.custName as ContactName
    FROM customer1 as c1, customer2 as c2
    WHERE c1.custid = c2.custid"
);

As long as the column names in the tabular results match column properties of your entity class, LINQ to SQL creates your objects out of any SQL query.

The ExecuteQuery method also allows for parameters. Use code such as the following to execute a parameterized query.

C#

Northwnd db = new Northwnd(@"c:\northwnd.mdf");
IEnumerable<Customer> results = db.ExecuteQuery<Customer>
    ("SELECT contactname FROM customers WHERE city = {0}",
    "London");

The parameters are expressed in the query text by using the same curly notation used by Console.WriteLine() and String.Format(). In fact, String.Format() is actually called on the query string you provide, substituting the curly braced parameters with generated parameter names such as @p0, @p1 …, @p(n).”


Topics: , , , ,