iPhone redirect script
<script type=”text/javascript”> // redirect to iphone-ipod if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { location.replace(“iphone.php”); } </script>
Mobile Friendly Version Dev
1. web app <meta name=”apple-mobile-web-app-capable” content=”yes”> <link rel=”apple-icon” href=”57.png”> <link href=”styles/add2home.css” rel=”stylesheet” type=”text/css”> <script… 2. theme WPtouch: free version WPtouch pro Mobile Value pack Jetpack Mobile theme 3. menu navigation style
A series of UI mock-ups
Practiced some mock-ups bounded from Dribble
Tooltip (qTip jQuery)
http://craigsworks.com/projects/qtip2/ <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Untitled Document</title> <link rel=”stylesheet” type=”text/css” href=”http://media1.juggledesign.com/qtip2/css/master.css” /> <link rel=”stylesheet” type=”text/css” href=”http://craigsworks.com/projects/qtip2/packages/latest/jquery.qtip.min.css” /> <link rel=”stylesheet” type=”text/css” href=”http://media1.juggledesign.com/qtip2/css/demos.css” /> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script> <script type=”text/javascript” src=”http://craigsworks.com/projects/qtip2/packages/latest/jquery.qtip.min.js”></script> <script type=”text/javascript”> // Define our positioning and style arrays var at = [ ‘top right’ … Continue reading
Fixit – Caching | mobiForge
Fixit – Caching | mobiForge. <meta http-equiv=”Cache-Control” content=”max-age=200″ /> http://www.w3.org/TR/mobile-bp/#d0e1945 5.4.15 Cache Headers [CACHING] Provide caching information in HTTP responses. 5.4.15.1 What it means Limited bandwidth and high latency can reduce the usability of Web sites on mobile devices. Using caching information effectively can reduce the need to reload data such as style sheets, images … Continue reading
Logged in and logged out content tutorial : BuddyDress
Display different contents for logged in/out users Logged in and logged out content tutorial : BuddyDress.
WordPress › Remove Title Attributes « WordPress Plugins
WordPress › Remove Title Attributes « WordPress Plugins.
Comments, Feed and wp_head
How to remove comments feed from wp_head go to /wp-includes/default-filters.php remove: add_action( ‘wp_head’, ‘feed_links_extra’, 3 ); How to exclude certain pages from RSS feed: (used rss-includes-pages ) <?php /** * Plugin Name: exclude page from rss feed. * * @package WordPress */ function myFilter($query) { if ($query->is_feed) { $query->set(‘cat’,’-327′); } return $query; } add_filter(‘pre_get_posts’,’myFilter’); … Continue reading
checkbox & radio custom style – CSS – Snipplr Social Snippet Repository
checkbox & radio custom style – CSS – Snipplr Social Snippet Repository. fixed a customized radio style: input[type=”radio”]:disabled + label{ background-position: -10px-10px; } input[type=”radio”]:disabled + label.checked { background-position: -10px-110px; }
Media Queries for Print
a.outlink:after { content:url(images/link.png); } @media print { a.outlink:after { content:none; } … } fixed an issue for print style. Just adjusted the order.
Julia's Design Blog 