Skip to content

Instantly share code, notes, and snippets.

Avatar
💻
Always Working

Thomas Hunsaker thunsaker

💻
Always Working
View GitHub Profile
@thunsaker
thunsaker / Viewport - Fill Device Width.html
Created Feb 11, 2011
Code for mobile browsers to stretch the page to the width of the device.
View Viewport - Fill Device Width.html
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
@thunsaker
thunsaker / jQuery Mobile Dropdown Menu.js
Created Feb 11, 2011
Basic dropdown menu with arrow and animation
View jQuery Mobile Dropdown Menu.js
function openMenu() {
$(document).ready(function () {
if ($('#div_menu_links_wrapper').is(':hidden')) {
$('#img_menu_arrow_down').css('display', 'none');
$('#img_menu_arrow_up').css('display', 'block');
$('#div_menu_links_wrapper').slideDown('slow', function myfunction() { });
} else {
$('#img_menu_arrow_down').css('display', 'block');
$('#img_menu_arrow_up').css('display', 'none');
$('#div_menu_links_wrapper').slideUp('slow', function myfunction() { });
@thunsaker
thunsaker / C Mobile Browser Redirect.cs
Created Feb 11, 2011
C# Code to detect most mobile browsers and redirect to another page.
View C Mobile Browser Redirect.cs
string u = Request.ServerVariables["HTTP_USER_AGENT"];
Regex b = new Regex(@"android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino", RegexOptions.IgnoreCase | RegexOptions.Multiline);
Regex v = new Regex(@"1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im
@thunsaker
thunsaker / jQuery Reformat images for Mobile.js
Created Feb 11, 2011
Code to check the current device width and resize the image if it is too wide.
View jQuery Reformat images for Mobile.js
function reformatImages() {
$(document).ready(function () {
$('#div_content_inner_wrapper img').each(function () {
if ($(this).width() > $('body').width()) {
var newWidth = $('body').width() - 30;
$(this).css('width', newWidth);
}
$(this).css("border", "solid 1px gray");
$(this).css("padding", "2px");
});
@thunsaker
thunsaker / C# Mobile Master Page Switch.cs
Created Feb 14, 2011
C# Code to detect most mobile browsers and switch to another master page
View C# Mobile Master Page Switch.cs
protected void Page_PreInit(object sender, EventArgs e)
{
String mobileParam = Request.QueryString["m"] ?? "0";
if (int.Parse(mobileParam) == 1)
this.MasterPageFile = "mobile master page";
else
{
string u = Request.ServerVariables["HTTP_USER_AGENT"];
Regex b = new Regex(@"android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino", RegexOptions.IgnoreCase | RegexOptions.Multiline);
@thunsaker
thunsaker / Random Background Selector.js
Created Mar 6, 2011
Randomly Select a predefined list of background colors.
View Random Background Selector.js
$(document).ready(function () {
$('.links_wrapper a').hover(
function () {
var hue = Math.floor(Math.random() * 256);
switch (hue % 3) {
case 0:
// orange
$(this).css('background', '#FC9E00');
break;
case 1:
@thunsaker
thunsaker / header-center.css
Created Mar 23, 2011
Simple CSS centering
View header-center.css
.Header {
text-align: center;
}
@thunsaker
thunsaker / Favicon.html
Created Jun 9, 2011
Favicon code to be placed in the <head> tag. Uses png for modern browsers and ico for IE.
View Favicon.html
<link rel="icon" href="~/images/favicon.png">
<!--[if IE]>
<link rel="Shortcut Icon" href="~/images/favicon.ico" />
<![endif]-->
@thunsaker
thunsaker / FromUnixTime.cs
Created Aug 29, 2011
Convert long FromUnixTime to DateTime
View FromUnixTime.cs
public DateTime FromUnixTime(long unixTime)
{
var epoch = new DateTime(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc);
return epoch.AddSeconds(unixTime);
}
@thunsaker
thunsaker / git-hub-ribbon-custom.html
Created Sep 2, 2011
GitHub Custom Ribbon in CSS
View git-hub-ribbon-custom.html
<!-- Add to the <head> section -->
<style type="text/css">
.git-ribbon {
background-color: #a00;
overflow: hidden;
/* top left corner */
position: absolute;
left: -3em;
top: 2.5em;
/* 45 deg ccw rotation */