Skip to content

Instantly share code, notes, and snippets.

@jrcryer
Created February 18, 2013 21:15
Show Gist options
  • Save jrcryer/4980814 to your computer and use it in GitHub Desktop.
Save jrcryer/4980814 to your computer and use it in GitHub Desktop.
WPUW - Adding viewport scaling
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Wordpress Users Wales</title>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/responsive.css" />
<!-- insert in head -->
<meta name=”viewport” content=”initial-scale=1.0, width=device-width” />
<!-- end -->
</head>
<body class="home blog vigilance-light highlander-enabled highlander-light infinite-scroll neverending">
<div id="wrapper">
<div id="header" class="clear">
<h1 id="title"><a href="http://cardiffusers.wordpress.com"><span>Wordpress Users Wales</span></a></h1>
<div id="description">
<h2>Just another WordPress user group.</h2>
</div>
<!--end description-->
<div id="nav">
<ul class="menu">
<li class="page_item current_page_item"><a href="http://cardiffusers.wordpress.com">Home</a></li>
</ul>
</div>
<!--end nav-->
</div>
<!--end header-->
<div id="content" class="pad">
<div id="post-310" class="post-310 post type-post status-publish format-standard hentry category-housekeeping">
<div class="post-header">
<h2><a href="http://cardiffusers.wordpress.com/2013/01/24/getting-responsive-with-wordpress/" rel="bookmark" title="Permanent Link to Getting Responsive With WordPress">Getting Responsive With&nbsp;WordPress</a></h2>
<div class="date">January 24, 2013</div>
</div>
<!--end post header-->
<div class="meta clear">
<div class="tags"></div>
<div class="author">
<span class="by-author"><span class="sep">by</span> <span class="author vcard"><a class="url fn n" href="http://cardiffusers.wordpress.com/author/mrsmoti/" title="View all posts by philippa" rel="author">philippa</a></span> </span>
</div>
</div>
<!--end meta-->
<div class="entry clear">
<p><a href="http://cardiffusers.files.wordpress.com/2013/01/wpress_responsive.png"><img src="http://cardiffusers.files.wordpress.com/2013/01/wpress_responsive.png?w=300&amp;h=152" alt="wordpress responsive" width="300" height="152" class="alignleft size-medium wp-image-318" /></a>Hello there and we&#8217;ve just planned our first meet-up for 2013. </p>
<p>WordPress.com itself has had a responsive overhaul, as you are possibly aware. </p>
<p>And if a wordpress developer, designer or content-maker, <em>whether</em> we need to use responsive design &#8211; and <em>how</em> we use it &#8211; may be vexing&#8230;</p>
<p>We&#8217;re lucky to have <a href="http://jrcryer.github.com/">James Cryer</a> steering this session, who some of you may remember from our very first meeting. </p>
<p>It will be held at <a href="http://indycube.com/page-1/indycube-central/">Indycube Castle Arcade,</a> Cardiff on Tuesday, February 19th, from 5.30 -7.30.</p>
<p>Everyone is welcome and please register<a href="http://www.eventbrite.com/event/5323986186/eorg?ebtv=C"> here </a>.</p>
<p>The event is free but we will be crowdsourcing with a bucket some financial appreciation to Indycube, who have been once more kind enough to host us. </p>
<p>So if can hoist your wallets along with your lovely selves, that would be brilliant&#8230;. thanks! </p>
<div id="jp-post-flair" class="sharedaddy sd-like-enabled sd-sharing-enabled"></div>
</div>
<!--end entry-->
<div class="post-footer">
<div class="comments"><a href="http://cardiffusers.wordpress.com/2013/01/24/getting-responsive-with-wordpress/#comments" title="Comment on Getting Responsive With WordPress">1 Comment</a></div>
<div class="categories">from &rarr; <a href="http://cardiffusers.wordpress.com/category/housekeeping/" title="View all posts in Housekeeping" rel="category tag">Housekeeping</a></div>
</div>
<!--end post footer-->
</div>
<!--end post-->
<div class="navigation index">
<div class="alignleft"><a href="http://cardiffusers.wordpress.com/page/2/">&laquo; Older Entries</a></div>
<div class="alignright"></div>
</div>
<!--end navigation-->
</div>
<!--end content-->
<div id="sidebar">
<ul>
<li id="linkcat-179413" class="widget widget_links">
<h2 class="widgettitle">Wordpress Resources</h2>
<ul class="xoxo blogroll">
<li><a href="http://www.bobwp.com/">Bob on Wordpress</a></li>
<li><a href="http://www.expand2web.com/blog/">Expand 2 Web</a></li>
<li><a href="http://www.youtube.com/watch?v=NyXQ7DNr_CI&amp;feature=channel_video_title">How to Install Wordpress.Org Themes</a></li>
<li><a href="http://www.youtube.com/watch?v=MWYi4_COZMU" title="video to take you through basic steps">How To Set Up Wordpress Com Blog</a></li>
<li><a href="http://ineedhelpwithwordpress.com/">I Need Help With Wordpress</a></li>
<li><a href="http://themeshaper.com" title="automatic&rsquo;s theme blog">themeshaper</a></li>
<li><a href="http://www.wpbeginner.com">WP Beginner</a></li>
<li><a href="http://wpebooks.com/">WP E-Books</a></li>
</ul>
</li>
</ul>
</div>
<!--end sidebar-->
<div id="footer">
<div class="footer-liner">
<p class="right"><a href="http://wordpress.com/?ref=footer" rel="generator">Blog at WordPress.com</a>.</p>
<p>Theme: <a href="http://theme.wordpress.com/themes/vigilance/" title="Learn more about this theme">Vigilance</a> by <a href="http://thethemefoundry.com/" rel="designer">The Theme Foundry</a>.</p>
</div>
<!-- .footer-liner -->
</div>
<!--end footer-->
</div>
<!--end wrapper-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment