Create ringtones using iTunes

How To Create Ringtone for iPhone on iTunes 10

Configure SharePoint 2010 for Mobile

Configure SharePoint Server 2010 for Mobile Device Access

Android app developer tools

Android app developer tools:

• App Inventor at MIT's Center for Mobile Learning.  Formerly App Inventor at Google Labs.
• Adobe Proto, part of Adobe Touch Apps

iPad Mobile Safari Emulator

This goes for iPhone/iPod too:  iPad Emulator

1. Run Safari
2. Go to Edit -> Preferences, then go to the Advanced tab
3. Check "Show Develop Menu in menu bar".  "Develop" now appears on the browser menu.
4. Go to Develop -> User Agent -> Safari iOS ...

jQuery Summit 2011 Notes

Notes and links from some sessions of the jQuery Summit:

• Ben Alman on jQuery plugin best practices
• Browser Extensions presentation
• Nicholas Zakas presented on Progressive Enhancement (slides)
• Understanding Progressive Enhancement article by Aaron Gustafson
• Dave Rupert presented on Responsive Web Design (slides)
• Preserve content hierarchy -- see Content Choreography by Trent Walton
• Font Sizing with REM by Jonathan Snook
• 10K Apart - inspire the world with just 10k
• 2 great slider choices:  Blueberry or Flexslider
• Ben Vinegar on jQuery and iframe programming

Regular Expressions Tutorial

Regex Tutorial

Geo location notes

• Using Google ClientLocation and the W3C Geolocation API
• Google ClientLocation documentation
• navigator.geolocation.getCurrentPosition sometimes works sometimes doesn't

Returning an IPv4 Address in an IPv6-Enabled Environment

Returning an IPv4 Address in an IPv6-Enabled Environment

MIME Media Types

List of MIME Media Types from the IANA (Internet Assigned Numbers Authority).

Strange ampersand from SharePoint 2010

Been noticing on term stores that if you enter an ampersand, SharePoint replaces the "&" with "＆". I couldn't see anything different about it when inspecting the HTML or looking at it on Notepad++ with the "show all characters" turned on. So I'm assuming it has to do with different encoding.

It's not recognized as a regular ampersand by Server.HtmlEncode() nor by String.IndexOf().  Ended up doing a specific String.Replace("＆","&") on it so the other functions could work with it.

Difficult to Google for "＆", but did find some reference to ampersands on SharePoint 2010: Are Ampersands Stored Differently in SharePoint 2010 Than SharePoint 2007?

HTML5 Showcase

HTML5 Showcase:  "a gallery of the best html5 sites in the world"

CSS3.Info

CSS3.Info: "everything you need to know about CSS3"

Hide a row containing empty cells

Using jQuery, based on this StackOverflow thread:


$("tr").each( function() { 
  if ($(this).children("td:not(:empty)").length > 0) { 
    $(this).show(); 
  } else { 
    $(this).hide(); 
  } 
});

IE7: Getting rid of the extra space around the input button

Styling the button element in IE

Cool presentation of SharePoint sites

http://www.wssdemo.com/livepivot

Properties of a JavaScript Link object

From the DevGuru:
JavaScript » Objects » Link

Creating a new FTP site

Installing FTP in IIS 7
Creating a new FTP site on Windows Server 2008

Find all references to a page layout or master page

From Andrew Connell's blog:

1. Go to the Site Content and Structure page.
2. Open up the Master Page Gallery.
3. Select one of the page layouts in the gallery.
4. Click on "Show Related Resources" on the toolbar.

SPQuery subfolders

SPQuery.ViewAttributes on MSDN:

... if the Scope attribute is set to Recursive (Scope="Recursive"), the query displays all the files within a document library, including ones in subfolders. If it is set to anything else, the query displays only files in the top folder.

Deleting content types

If a content type refuses to get deleted, saying that it's part of an installed feature, try checking the following:

• Deploy the solution that installs the feature.  And then activate and deactivate the feature.  (I am not clear on this part anymore; tried too many things.  And mumbling about SharePoint doesn't work.  I think the walk to the cookie store helped.)
• Delete all pages that use the content type
• Clean up the recycle bin of all pages that use the content type
• Go to the master and page layout gallery and delete all page layouts that use the content type

[Update 07-Oct-2011:]

Warning:  Some sections here may require deleting parts of a site collection.  I haven't found a better way.  Good thing I only needed to do it on a dev or test server.  DO NOT do on a production server; find a different way.

Use the tip from here (which I found on this StackOverflow thread) to query SQL to see what's still referencing the content type.  You may end up having to delete some subwebs. :-(

And then use the tip from one answer from the StackOverflow thread to 

• install the solution that had the feature that the offending content type
• activate and deactivate the feature
• go to the page layout gallery and delete the page layouts that came from the feature; make sure to clean them out of the recycle bin and from the site collection recycle bin
• I think, at this point, when everything related to the content type was cleaned out, it no longer appeared on the content type list.

When to use "using" (when to dispose) on SharePoint

Roger Lamb's dispose patterns.

Good one to remember about SPContext:

"SPContext.Current.Site & SPContext.Site as well as SPContext.Current.Web & SPContext.Web properties return SPSite and SPWeb objects respectively that DO NOT need a call to Dispose() and will be disposed automatically by SharePoint."

Skype video calling on HeroTab C8 with Android 2.3

Install and configure Skype:

1. Go to Android Market and install Skype.
2. View the notifications and watch as it progresses through download and installation.  If you don't see it finish installing, you won't see it in the applications list, and you won't be able to download it again from the market--the install button won't appear anymore.  If that happens, you'll need to do a Factory Reset (goodbye to your apps, settings, and other data).
3. Start Skype and sign-in.
4. Go to Settings on the menu and enable video calling.

Warning:  Don't try to uninstall Skype, because you'll likely end up with the situation described in #2.  [Also saw other references to this upon some googling, as in:  you'll need to do a hard reset to re-install Skype.]

Initiating a call:

1. Select a contact and start a "Skype call".  This is very important:  do not try to start a video call from the tablet, because the app will crash and you'll get this error:  "The application Skype (process com.skype.raider) has stopped unexpectedly.  Please try again."
2. Your contact should click on the "answer with video" button.
3. Tap your tablet and tap on the videocam icon.
4. Tap on the "Back camera" option (there's only one camera on the HeroTab, and it's actually front-facing).
5. The screen will show your video and then your contact's video in a little window.  Double-tap on the little window to switch them.  Your contact's video will now take up the whole screen in landscape mode (as far as I can tell, it can't go portrait mode).

Receiving a call:

1. Have your contact start a "Call" (not a "Video call").  If they start a video call, the Skype app on the tablet will turn around and call the caller instead.  If they accept that video call, then they'll see your video.  But you'll only see your own video.  Meh.  :-(
2. When the call arrives on the tablet, click on the green "Video" button.
3. The caller will see a message saying they'll need to turn on their video.  The caller need to click on the "My video" cam icon.
4. The caller's video window now appears on the tablet.  Double-tap on it to make it the full-screen window.

This information worked for me today (2011-Sep-10).  It will likely change for later versions of either the Skype app or Android.

Cheat sheets for CSS3, HTML5, etc

Veign.com has some pretty cool guides on their development center.

CSS3 PIE

"PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features."

Warblade hints

I'm assuming the hints here and here for the Mac version applies to the iOS version.

Hide Site Links menu

Hide the Site Links menu on SharePoint 2010 by adding a SPSecurityTrimmedControl around this element:
<span class="ms-siteactionsmenu" id="siteactiontd">
(see reference)

JSON editor

JSON Editor by katamari

Cool scripting: JS1k

The 1k Javascript demo contest:  JS1k.
My favorite: Pulsing 3d wires by @unconed

Building a custom PC

Find out how to build a custom PC at Hardware Revolution.

Debugger problem "The breakpoint will not currently be hit. No symbols have been loaded for this document"

Got this message while trying to debug a web service in VS2008: "The breakpoint will not currently be hit. No symbols have been loaded for this document."
Found that the following (from comments here) fixed it for me:

"If you are using the vb profile, then when you hit F5 you will get a debug build, but if you hit build you will get a retail executable. The simplest way to get things working again is to go to delete the bin directory under the solution/project path and then hit F5 again."

Video for Everybody by Kroc Camen

From Modernizr Documentation:

"See Video for Everybody by Kroc Camen for a JavaScript-less way to use HTML5 video with graceful fallbacks for all browsers..."

Modernizr

From the Modernizr site:

"Modernizr is a small JavaScript library that detects the availability of native implementations for next-generation web technologies, i.e. features that stem from the HTML5 and CSS3 specifications..."

Force Chrome refresh, ignoring cache

Saw info regarding Ctrl-Shift-R (here and here).  Hope it works.  Debugging scripts gets very frustrating when the browser keeps looking in cache instead of my changes.

Opening Chrome links on new windows instead of new tabs

Force Chrome to open new pages in new window, not tab? (when opened from a program)

Poll a webpage using Task Scheduler

Call Or Open a web page url by using Windows Task Scheduler or CronJob

Mini Serenity in LEGO

Model of Serenity built here based on these instructions.

Photoshop color setup

• Save For Web, Simply
• The Mysterious “Save For Web” Color Shift
• Best Practice Colour Setup for Web Designers
• Why color changes when Save for Web, ImageReady, and or the internet?

Explore museums with Google Art Project

Google Art Project

Buzz enters the Grid

Imagine Buzz on the Grid (Tron:Legacy).

Make your mockup in markup

Start from semantic markup...

Make Your Mockup in Markup (by Meagan Fisher)
Walls Come Tumbling Down (presentation slides and transcript by Andy Clarke)

Understanding locale and culture display names

Needed to get the plain language native name, without the additional country/region info. Use this:

CultureInfo.Parent.NativeName

More info here in Shawn Steele's post: Understanding locale & culture "display" names

Nesting Using Statements

(see Nested Using Statements)
Just stack them like so:

using (...)
using (...)
using (...)
{
...
}


GMail security

From Sophos: How to stop your Gmail account being hacked

jQuery Special Events

Was looking for a hash tag change event and found reference in this StackOverflow thread about hashchange and other jQuery special events.

SharePoint 2010 Branding

The SharePoint Muse's list.

[Edited 05/17/2012]
Need to highlight this one by Heather Solomon:
SharePoint 2010 CSS Reference chart

Cannot open SharePoint sites in Firefox

Cannot open SharePoint sites in Firefox:
You have to enable NTLM.

Publishing Field Types and Content Types

Publishing Field Types and Content Types

Visual Studio: Adding External Tool to Get Public Key Token

Visual Studio Tip: Get Public Key Token for a Strong Named Assembly:
Go to Tools --> External Tools.
Add a new menu item with these values:

• Title:  Get SN Token
• Command: C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\Bin\sn.exe
• Arguments: -T $(TargetPath)
• Use Output window: [checked]

Dotted HR on IE7

From lasiman's comment in this article:
"REAL DOTTED without Image can be accomplished by:
border:0px; border-top:1px dotted #000000; height:0px;
works in all browsers..
have a good day.."

Splitting a list into columns

• CSS Swag: Multi-Column Lists at A List Apart
• Columnizer jQuery Plugin by Adam Wulf
• A CSS/jQuery solution for creating multi-column lists
  

Getting outerHtml with jQuery

From Volomike and jessica's answers on http://stackoverflow.com/questions/2419749/jquery-get-selected-elements-outer-html:  use .clone() and .wrap() with .parent() and .html().  Here it is as an extension:

$(function() {
  $.fn.outerHTML = function() {
    return $(this).clone().wrap('<div></div>').parent().html();
  }
});

and use it like this:
  $("#myItem").outerHTML();


IE and margins and the HR element

A HaRd challenge – styling an HR element

IE putting too much padding in INPUT buttons

Workaround for IE making too much padding in INPUT buttons

Resizing a VirtualBox virtual hard disk

Resize An Existing .vdi Virtualbox Image – EASILY!
Followed the steps from this article and from comment #12 from this one to expand a 50Gb vmdk into a 70Gb vdi:

1. Created a new VM and added a new 70Gb dynamic IDE drive.  (IDE is important; it didn't boot when I had it set to use the SATA controller.)
2. Use VboxManage to clone the original cramped disk into the new larger disk:
   VboxManage  clonehd origHdd.vmdk  newHdd.vdi  --existing
3. Start the new VM.
   My VM was a Windows 2008 server, and it worked fine when I simply expanded the partition into the new space.  My drive now has 70Gb!

Testing HTML5 and CSS3 support on your browser

DeepBlueSky.com "... launched FindMeByIP.com, a simple app which reveals your browsers' support for CSS3 and HTML5 features in an easy to read format using Modernizr."

CSS3 Glowing Buttons

Radioactive buttons from Zurb.
Got that link from:  12 Excellent CSS3 Button and Menu Techniques

Seamless non-repeating background

Use semi-transparent PNGs and prime numbers for a seamless non-repeating background:
The Cicada Principle and Why It Matters to Web Designers

jQuery Plugins to Enhance Your UI

Looks like a good collection of jQuery plugins (note: article was written in 2009):
20 Fresh jQuery Plugins to Enhance your User Interface

HTML5 video on iOS

• iOS Safari memory leak when loading/unloading HTML5 video
• Unsolved HTML5 video issues on iOS

HTML5 client-side storage

• localStorage tutorial
• localStorage limits:  5Mb on Chrome
• IndexedDB tutorial

1k Javascript demo contest

Some cool javascript
1k Javascript demo contest

Cool HTML5 Canvas Applications

20 Shockingly Cool HTML5 Canvas Applications
Includes this cool water ripple effect (see links in the article comments for other/faster implementations).

Mobile development: Android

Android notes:

• Platform versions (includes distribution chart)
• Version codes

Web App Development:

• Does html5 video work in Android?
• Detecting device type

Guide to Mobile Emulators

Roundup of mobile emulators.  Includes iOS, Android, Windows, Nokia, etc.

Handling iPhone events

• Safari Web Content Guide: Handling Events
• jQuery Touchwipe Plugin - capture wipe events
• Can jQuery determine the orientation of the iPhone
• HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript - includes this tip on detecting orientation change:
  
  "If you want to take an action when the phone is rotated, listen for onorientationchangeevents on the body tag. The current orientation is in window.orientation, and it is encoded as the angle (in degrees) that the iPhone is rotated--0, -90 or 90--away from vertically upright."

IIS: Making your web site public

Make your website public (a 2005 article).

Developing iPhone web apps

• An offline HTML5 iPhone app by Alex Kessinger
• 10+ useful code snippets to develop iPhone-friendly websites
• iPhone development: 12 tips to get you started
• iPhoneWebDev
• iPhone web development tips (from 2007)
• Configuring the Viewport
• Safari Developer Library
• HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript
• Scaling:   set max to 1.6 (reference)

Media queries for standard devices

Targeting different devices via @media in CSS:
Media Queries for Standard Devices

Safari Firebug alternative

How to show the developer console on Safari:
Under Preferences, go to the Advanced tab and check "Show Develop menu in menu bar".
Display/unhide the menu bar.
Click on "Develop" on the menu bar and click "Show Web Inspector".

jTweetsAnywhere: a jQuery Twitter Widget

Found jTweetsAnywhere while looking for a plug-in that guards against exceeding Twitter's rate limits.  Haven't tried it yet, but putting it here to remember for later.

HTML5 Resources

• html5rocks, by Google
• Google Chrome Frame - plug-in for IE6-8

A Brief History of Markup (up to HTML5)

The first chapter of "HTML5 for Web Designers" by Jeremy Keith.

Targeting :first-child on IE6

This article shows a way to target the :first-child pseudoclass on IE6 using an expression to check if previousSibling is null, like so:

table.mytable td
{text-align: expression(this.previousSibling==null?'center':'left');}


Another way I've found is to use the childNodes of the element's parentNode, which is useful for targeting multiple columns in a table (yes, it's a table, but it's being used to display real tabular data in the case I'm working on), and when the col tag isn't enough to style the columns:

table.mytable td
{text-align: expression(this==this.parentNode.childNodes[0]?'center':'left');}


Content Type Feature Manifest: Field Element

Attributes of the Field Element.  For some reason this isn't the easiest info to find on MSDN, so I'm noting it here.

How VSync works

How VSync works, and why people loathe it...

Exploding logo animation

Aha, this was what I was looking for.  Should be able to adapt it to explode a compressed tag cloud; something like a big-bang effect.
"Create an Exploding Logo with CSS3 and MooTools or jQuery" by David Walsh.

HTML5 Canvas Tag Cloud

HTML5 Canvas Tag Cloud.

Cool.  Now if I can just find something like a tag cloud that scatters when you hover on it.

You can't parse [X]HTML with regex

You have to read this post at StackOverflow ...

Notepad++ CRLF instead of LF

Looks like Notepad++ by default has EOL settings so that only LF is placed at the end of each line.  Which is fine in Notepad++ but not when you have to open the file in plain old Notepad--the lines run together.
To change the EOL settings, go to Edit->EOL Conversion, and set it to "Windows Format" instead of "Unix Format".

Adjust frames per second for jQuery animations

Use jQuery.fx.interval.
Note from jQuery documentation:
"This property can be manipulated to adjust the number of frames per second at which animations will run. The default is 13 milliseconds. Making this a lower number could make the animations run smoother in faster browsers (such as Chrome) but there may be performance and CPU implications of doing so."

Use AuthoringContainer with EditModePanel in SharePoint 2010

In SharePoint 2010, the EditModePanel control's PageDisplayMode attribute no longer works the way it used to in SharePoint 2007.  Found out in this article that you'll need to pair it with the AuthoringContainer control to get the behavior that EditModePanel had in SharePoint 2007.

Extra 2-3px below Flash object on Firefox

To get rid the extra space below the Flash object on Firefox, set the style for the object element to "display:block".  (Tip from Dynamic Drive Forums.)