Ironpaper Webintel: Knowledge base for internet business and web development.
Topic:

web

Youtube’s third party HTML iframe applications

Saturday, July 9th, 2011

Google just introduced a new tool to allow third-party applications that run in an HTML iFrame. It's a fairly simple concept, but creativity tools (by definition) extend what can be done on a platform--and as seen with Facebook, it can build popularity for a platform overall.

Already, Youtube.com/create has a variety of different tools for creating video.

In order to list your application on the platform, you will need some accompanying meta information, such as: name of application, a description, a 20x120 icon, a hosted (Youtube) tutorial video--all of which will be used to promote your tool.

The application must include  Google federated login using OpenID. It must be able to post the created video to the Youtube website. The app must be branded so users understand that the video is going to a third-party application, and not directly to Youtube itself. It must not show ads directly within the iFrame.

How to remove Flash cookies

Tuesday, February 8th, 2011

Websites can create small files/code on user's systems to remember user preferences--these pieces of code are commonly called cookies.

Flash cookies (also known as Local Shared Objects) are a potential privacy concern for internet users even more than standard cookies. For one, Flash cookies cannot be removed they way other cookies can through the browser preference panel. They are stored in a separate folder on your computer. Many users are unaware that Flash cookies even exist. In addition, they cannot be blocked as easily as normal cookies even though they can be used to share information about the user's system with a host. The Mozilla browser does have a way to protect against this technology--but it is an add-on feature.

You can remove Flash cookies from your MAC, Windows (PC), or Linux systems by deleting the files from the following paths:

Windows:
LSO files: “.SOL” extension, all user’s Application Data directory:
Macromedia\Flash Player\#SharedObjects.

Linux:
~/.macromedia

MAC OS:
~/Library/Preferences/Macromedia/Flash Player/

Also, Adobe has created a website to help users remove and manage these files on their systems: http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager07.html

How to update DNS for Google Apps

Friday, May 7th, 2010

Google Apps is a business platform that allows Google applications or applications integrated with Google services to work on a custom domain. The Apps service cost 50 dollars per user per year. The underlying concept behind the Apps platform is to allow Google to compete in the business SAS (Service as software) market and to gain more corporate and business users--essentially putting them in higher competition with Microsoft.

In order to get the Apps platform to work for your domain, you will need to modify the CNAME and MX records to direct your domain or sub-domains to the Google platform.

Modifying MX Records For Email Access

You will need to find out what company manages (or controls) your domain. For example, you may have purchased your domain through Network Solutions, but you may have moved control to another company (DNS).

To modify the MX records (the records that relate to email), you will need to manage the DNS information. Many companies have different names for this service from zone files to advanced DNS manager.

Here is the configuration info for Google's Mail Servers:

Priority Mail Server
1 ASPMX.L.GOOGLE.COM.
5 ALT1.ASPMX.L.GOOGLE.COM.
5 ALT2.ASPMX.L.GOOGLE.COM.
10 ASPMX2.GOOGLEMAIL.COM.
10 ASPMX3.GOOGLEMAIL.COM.

Here is a sample of one particular web host's control panel where you will change the MX record:

Updating CNAME records for use sub-domain with Google Apps

In order to have your custom domain work with Google Apps, you will need to update the CNAME record with Google's DNS URL. Google will provide you with a domain alias instead of an IP (A record), which will allow Google to perform load balancing and assign an IP dynamically.

Changing your CNAME for the domain (with your domain manager) will be your first step.

Host Name/Alias Value/Destination
Custom URL: www ghs.google.com
Verification: googlefffggghhh12345 (your unique string) google.com.

Following the CNAME update for your domain (sub domain), you can proceed to the second step: updating the configuration for domains on your Google Apps account. (See images below). Changes to your DNS settings may take up to 48 hours to propagate throughout the Internet.

How To Embed Video In A Web Page

Tuesday, May 4th, 2010

Video is becoming more and more important  for the web. Even individuals and small companies frequently employ videos within their websites for marketing, promotions and as general content. Videos have seen great success when used as viral content for marketing.

This brief article shows how to publish video within a web page using HTML and attributes.

Sample code: Simple embed video within HTML source:

<embed src="example.mov" width="250" height="300" controller="true">

The above option is fine if your movie is very short. Longer videos will absorb more bandwidth. In such cases you will need to refine your approach.

Alternate options for embedding Video:

  • Youtube: Fast, easy and free. The downside is that you lose control of the source video and it circulates through the Youtube sites and can be embedded on other websites.
  • Vimeo: A new alternative to Youtube. Great for sharing videos and embedding them in a web page. Also, allows your video to be shared within communities.

Resizing your embedded native video but keep the aspect ratio:

<embed src="example.mov" width="650" height="450" scale="aspect" controller="true">

If you choose to resize the video but want to preserve the aspect ratio of the video, you can add an attribute to the <embed> code to prevent distortion. The snippet of code "scale" will allow you to reduce a larger video such as the common size 1280 x 720 to 650 by 450 but not stretch or distort the image. Without the scale code, you will crop the video arbitrarily.

HTML5 will make embedding video in a web page easier!

With the advent of HTML5, embedding a video in a web page will be a snap. The <video> element will be introduced with HTML5. It will also expand and enhance what you can do with video on the web. Currently, there is a battle between web browser designers over what video codec should be supported. Apple and Microsoft are fighting for a video technology that would impose patent issues. For more information about the fight over video technology standards for HTML5 see /Current. There are a number of highly popular video technologies being used widely, and they include: MPEG 4, typically with an .mp4 or .m4v extension, QuickTime container (.mov), Flash Video, typically with an .flv extension, Ogg, typically with an .ogv  extension, Audio Video Interleave, typically with an .avi extension.

Services: web video production and marketing

Styles Dropdown Not Showing Mailchimp WYSIWYG Editor? Mailchimp Custom Newsletter Template Design Help With Titles.

Wednesday, April 28th, 2010

Help defining TITLE and SUBTITLE attributes for Mailchimp custom template WYSIWYG editor STYLE dropdown

We had a few people write in to us and ask how to work with custom Mailchimp templates. Specifically these web designers were having trouble getting the "TITLE" and "SUBTITLE" attributes to show up in the "Styles" drop down within the WYSIWYG editor after creating or modifying a custom HTML newsletter template. Instead of these designers being able to access the TITLE and SUBTITLE attributes from the Styles drop down in the content editor, they can only see "default text" as a selectable option.

The above image shows the Style drop down menu after it has been properly populated with additional attributes. The FCK Editor defines these attributes outside of the embedded CSS that the web designer declares within the newsletter.

SOLUTION:

You will need to define the main editable content area by using mc:edit="main" and not "content", which was the approach used within a number of the free downloadable starter templates found within the Mailchimp website. In addition, you will need to ensure that you are using .title and .subTitle ( class="title" and class="subTitle" ) ( and NOT .primary-heading / .secondary-heading /.content-title / .content-header or another option). By specifying .title and .subTitle you will be able to define and access those styles from the WYSIWYG editor Styles menu. Please note: If choosing "Default text", the text gets surrounded of a span tag without any class.

Below is a sample CSS declaration for those two classes:

.title {
/*@editable*/ font-size: 16px;
/*@editable*/ font-weight: bold;
/*@editable*/ color: #000000;
/*@editable*/ font-family: Arial;
/*@editable*/ line-height: 150%;
/*@editable*/ margin: 25px 0 0 0;
}

/**
* @tab Body
* @section subtitle style
* @tip This is the byline text that appears immediately underneath your titles/headlines.
* @theme subtitle
*/
.subTitle {
/*@editable*/ font-size: 12px;
/*@editable*/ font-weight: bold;
/*@editable*/ color: #000000;
/*@editable*/ font-style: normal;
/*@editable*/ font-family: Arial;
/*@editable*/ margin: 15px 0 15px 0;
/*@editable*/ line-height: 150%;
}

Need help? Let us build an eNewsletter design template

How to use and create .htaccess files

Sunday, April 25th, 2010

You can make configuration changes on a per-directory basis by using .htaccess files on an Apache server (although other server option do exist). The directives that you create within the .htaccess file will control the directory the file is placed within--place the file at the root level of the directory.

How to create an .htaccess file:
Well, like most any file type, you can create the file by simply renaming a simple text document and giving it the name ".access". However, Windows users may need to make changes to be able to view .htaccess files within their system, which is a simple configuration change to allow viewing of "hidden files." Dreamweaver may not recognize .htaccess files due to the fact that they are an unrecognized file extension by default. If you use Dreamweaver or a similar program to edit code, simply select to "open the file using Dreamweaver." Two programs that are great for editing .htaccess files are: NotePad or SimpleText. By default, Notepad it will save the file .htaccess.txt--so you will need to remove the .txt extension.

Note: .htaccess is the file extension. It is not file.htaccess or somepage.htaccess, it is simply named .htaccess

General notes on .htaccess

  • htaccess files must be uploaded as ASCII mode, not BINARY
  • You will need to CHMOD the htaccess file to 644 or (RW-R--R--) so that the file is usable by the server (and prevents it from being read by a browser)
  • commands in htaccess are mostly single line only: you may need to turn off auto word wrap
  • .htaccess will also affect sub directories in which they are placed

.htaccess Sample Scripts

Use .htaccess to password protect a directory
You can use .htaccess to password a directory on your server. There are numerous approaches to creating an authentication system. Htaccess can be used for passwords. In the htpasswd file, you place the username and password.

AuthUserFile /full/path/to/.htpasswd
AuthType Basic
AuthName "My Directory To Be Protected"
Require valid-user

The full/path/to/.htpasswd should be the full path to the .htpasswd file. On Windows for instance it could look like this: C:\wwwrootlevel\username\.htpasswd.

The above .htaccess file will password protect all files in the folder that it is placed in, including all sub-folders as well.

Use .htaccess to protect a single file

AuthUserFile /full/path/to/.htpasswd
AuthType Basic
AuthName "My Secret Page"

<Files "mywebfile.html">
  Require valid-user
</Files>

This script will password protect just the mywebfile.html  file in the folder where you put the .htaccess  file.

Change your default directory page

You can specify a certain file to be your index file (directory index). By default, index.html or index.htm is often the default index for directories. Let's say you wanted to use a different file as your directory index, you could by using .htaccess to specify the file.

DirectoryIndex filename.html

Redirects using .htaccess

You can create redirects using .htaccess as well. For example, 301 permanent redirects are very important for SEO purposes, as they let Google and other search engines know if a file has been moved and where to find this file.

Redirect /olddirectory/oldfile.html http://yoursite.com/newdirectory/newfile.html

Who owns the data stored in Google’s servers?

Sunday, April 25th, 2010

Google is a behemoth. Google has become the de facto search tool for the major of web users across the world. Contributing to Google's success has been their good natured slogan of "Don't be evil," which has helped build trust with the company that has amassed an arsenal of information on user behavior and consumer trends using it's various web services from text search to online mapping and GPS targeting.

Much of Google's services are provided for free, and the company is capable of keeping it's services free by offering a very clever but refined advertising product that has been a primary source of great wealth for the search company.

Privacy concerns for the web (more generally) and Google (more specifically) will certainly increase on behalf of the general public in the years to come as security concerns increase and data interoperability expands from technology innovations.

Many have voiced concerns over Google's tremendous and expansive information warehouse that may hold the keys to user and consumer patterns, IP or geo-targeting information and significant security data. We recommend an excellent book on the subject of Google, security and confidential information written by Greg Conti titled Googling Security and published by Addison Wesley.

So, who currently owns the data that is stored in Google's servers?

Google has to-date taken the stance that it does not own your data. "To put it simply, Google does not own your data," the company states in it's Admin Basics policy section of it's website.

Keeping user provided data secure and private is extremely important for Google and is at the core of it's business model to "organize the world's information." Without such user trust and confidence, businesses, advertisers and common users would begin to shy away from using the search giant.

Their ownership agreement outlines three basic concepts:

  • That Google does not share your data with others ( Their privacy section more clearly outlines who is and is not considered an outsider.)
  • That they keep your data only as long as you require.
  • That your data is yours to take: you may either stop using Google's services and take your data to another provider or use another provider in conjunction with Google.

Source:
Who owns the data that organizations put into Google Apps?

http://www.google.com/support/a/bin/answer.py?answer=106876

Google Privacy:

http://www.google.com/privacypolicy.html