Think Mobile First

Summary of the advice from the "Rethinking the Mobile Web" presentation on developing for the mobile web -

1. mobile first
2. use well structured, meaningful markup
3. the absence of support for @media queries is in fact the first @media query...
4. progressively enhance using JavaScript and @media queries
5. adapt content (especially images) appropriately for each device
6. compress content where possible, and don’t include unnecessary data

This very creative presentation has floored even the inimitable PPK so much that he wants you to learn it by heart.

A slide from Bryan Rieger's presentation

Read More

See what Google is suggesting - II

I don't how Google's auto suggest algorithm works exactly but if it shows the most queried results matching the initial keywords without filtering those with negative connotations, its a time to worry, especially for parents & teachers. What impact can it have on teenagers & younger kids?

SafeSearch screens only for sites that contain explicit sexual content leaving other sensitive topics.

Displaying an auto-suggestion like "how to hack gmail password" when a teenager begins typing "how to" is sure to misdirect innocent minds & put ideas into their head. Autocomplete is on by default & disabling this under Preferences is the alternative for those who are concerned.

Thank God, a suggestion like "how to make a bomb" (returns 81,700,000 results in 0.05 seconds, BTW) doesn't feature in the suggestion list...yet.

Also see:
See what Google is suggesting
Look what Google Goggles visual search can do

Read More

HOW TO prevent 3rd-party browser extensions from being installed in IE

There can be some sneaky programs that install not just what they explicitly claim to do but also things like toolbars & add-ons within IE. As most people agree to a software publisher's Terms & Conditions without reading them, they may have deviously add a line that says one of your kidney & your PC are their property.

These add-ons known as browser helper objects may contain flaws such as buffer overruns which impact Internet Explorer's performance or stability.

If you wanted to play safe & prevent any 3rd-party browser extensions from being installed at all in IE8, there is a setting, I came across on IEBlog, that you can use.

Open GPEdit.msc (Local Group Policy Editor) using the Run option in XP or the Search bar in the Start menu. Open Administrative Templates > Windows Components > Internet Explorer > Internet Control Panel > Advanced Page, and set the policy "Allow 3rd-party browser extensions" to DISABLED.

Under the Internet Explorer category referred above, there are a whole lot of other settings that you can also configure. For instance, there is a setting there to "Turn on menu by default". Before you change the setting, you can also read a detailed explanation about that setting.

Also see:
HOW TO disable automatic META tag refresh/redirect through your browser

Read More

15 years of Internet Explorer

Last month, Internet Explorer turned 15. Here's a timeline of IE releases based on excerpts from seattlepi's article on the history of IE -

IE1 was born when Microsoft got a license from Spyglass Inc. for the source code of Mosaic -- the first graphical Web browser technology. Microsoft launched IE1 in August 1995 as part of the Windows 95 Plus! pack, a $49 add-on for the landmark operating system.

IE2 came in November 1995, and by April 1996 it also was available for Windows NT, Windows 3.1 and Macintosh. Users could buy it as part of the Internet Starter Kit for Windows, which cost $20.


It wasn't until Internet Explorer 3.0, in August 1996, that Microsoft introduced the "blue E" logo we all know now.

IE4 was the Big Mama. Released in September 1997, Microsoft soon bundled it with Windows 98 -- a practice that took IE's market share from less than 20 percent in late 1997 to about 60 percent by 1999.

IE4 introduced Microsoft's Trident layout engine, which is still in use today in Internet Explorer.

Microsoft continued to eat away at Netscape's usage with Internet Explorer 5.0, which was officially released in March 1999 and was another major player in United States v. Microsoft.

IE6 shipped with Windows XP in 2001.

Microsoft itself has since likened the 9-year-old browser to old, spoiled milk, urging users to upgrade to the current version, Internet Explorer 8.

Internet Explorer 7, though it represented a big leap for Microsoft's browser, wasn't as widely used as IE6. Launched in October 2006, it included tabbed browsing, support for RSS and protection against phishing -- features popularized by rival Mozilla's Firefox.

By the time Microsoft released Internet Explorer 8 in March 2009, Chrome was on its second version and had a market share of about 2 percent.

The beta of Internet Explorer 9 is expected on September 15, 2010.

Related:
A Brief History of the Web
The History of Microsoft

Read More

Microsoft SharedView - free document & screen sharing software

SharedView lets you connect, share, review, and update documents with up to 15 people in a session in real time. Anyone can share, and the person sharing can give control to anyone else as long as they have  downloaded the current release of this program.

Audio support is not currently available, so a telelphone call or an instant messaging program that supports Voice over IP (VoIP) can be used.

Microsoft SharedView & Dimdim are yet to be listed on Wikipedia's article on comparison of remote desktop software.

Read More

HOW TO perform mouse actions with the keyboard

Computer hardware can go wrong anytime. If your mouse ever conks out, your keyboard can turn a saviour. Mouse Keys is an accessibility feature present in a various Windows versions that can let you control the mouse pointer with the keyboard.

You can press left ALT + left SHIFT + NUMLOCK keyboard shortcut to turn on or off  this feature. Once activated, the Mouse Keys icon will appear on the taskbar. You can then navigate in different directions using the numeric keypad's arrow keys. If it feels too slow at first, that's because most of us use the mouse so extensively that it makes us handicapped without it.

As this Microsoft Support article informs almost all keys in the numeric keyboard can mimic some feature of the mouse

Press the 5 key for a single mouse click and the plus sign key (+) for a double-click.

To drag an object, place the pointer on the object and press the INSERT key to begin dragging. Press DELETE to release the object.

To drag an object, place the pointer on the object and press the INSERT key to begin dragging. Press DELETE to release the object. 

By memorizing & practising these keyboard shortcuts alongwith those of popular applications, you may be able to improve your productivity & possibly dazzle those around you with your keyboard skills.

Read More

HOW TO dynamically generate a Word document with custom header & footer

Way back in 2004, a project I was working on required a web page to be exported as a Word document (.DOC). Without relying on any components, I utilized the Office XML & HTML technique to implement this feature. I posted my sample on CodeProject to seek feedback. Over the years, I've received some generous comments & feature requests. Many wanted to know how to add a header & footer to the dynamically generated Word document.

With the help of the Microsoft Office HTML and XML Reference, I devised a hack to add a lacklustre header and/or footer. Some folks wanted to customize the contents of the header & footer but when they tried with my hack that offered limited functionality, the header/footer text showed up in the document body to their annoyance. This July, an ingenious developer posted a hack that can overcome this problem, in the Comments section of my CodeProject article. His practical workaround was to pack the duplicating header/footer text inside a table & push it off the page's dimensions with CSS.

For those interested, I adapted his VB.NET snippet into a complete sample in C#. Instead of using a ASP.NET webform as I did in the original code sample in the article, I have used a Generic Handler (.ASHX) to dynamically generate a Word document as it is more suitable for this purpose.

<%@ WebHandler Language="C#" Class="Handler" %>


using System;
using System.Web;
using System.Text;

public class Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
StringBuilder sbTop = new System.Text.StringBuilder();
sbTop.Append(@"
<html
xmlns:o='urn:schemas-microsoft-com:office:office'
xmlns:w='urn:schemas-microsoft-com:office:word'
xmlns='http://www.w3.org/TR/REC-html40'>
<head><title></title>

<!--[if gte mso 9]>
<xml>
<w:WordDocument>
<w:View>Print</w:View>
<w:Zoom>90</w:Zoom>
<w:DoNotOptimizeForBrowser/>
</w:WordDocument>
</xml>
<![endif]-->


<style>
p.MsoFooter, li.MsoFooter, div.MsoFooter
{
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
tab-stops:center 3.0in right 6.0in;
font-size:12.0pt;
}
<style>

<!-- /* Style Definitions */

@page Section1
{
size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in ;
mso-header-margin:.5in;
mso-header:h1;
mso-footer: f1;
mso-footer-margin:.5in;
}


div.Section1
{
page:Section1;
}

table#hrdftrtbl
{
margin:0in 0in 0in 9in;
}
-->
</style></head>

<body lang=EN-US style='tab-interval:.5in'>
<div class=Section1>
<h1>Time and tide wait for none</h1>
The quick brown fox jumps over the lazy dog
...
...

<table id='hrdftrtbl' border='1' cellspacing='0' cellpadding='0'>
<tr><td>
<div style='mso-element:header' id=h1 >
<p class=MsoHeader style='text-align:center'>Confidential</p>
</div>
</td>
<td>
<div style='mso-element:footer' id=f1>
<p class=MsoFooter>Draft
<span style=mso-tab-count:2'></span><span style='mso-field-code:"" PAGE ""'></span>
of <span style='mso-field-code:"" NUMPAGES ""'></span></p></div>
/td></tr>
</table>
</body></html>
");

string strBody = sbTop.ToString();
context.Response.AppendHeader("Content-Type", "application/msword");
context.Response.AppendHeader("Content-disposition", "attachment; filename=HeaderFooter.doc");
context.Response.Write(strBody);
}


public bool IsReusable
{
get
{
return false;
}
}
}

To clearly understand the code you would have to download the Microsoft Office HTML and XML Reference which is in .CHM format (as there is no online version of it) & look up the exact meanings of custom CSS properties.

Related links:

HOW TO implement "Download as Word/Excel" functionality through a web page
HOW TO send an email with a Word or Excel file attachment built on the fly
HOW TO generate a Word document dynamically with user submitted text formatted with Free Text Box

Read More