Skip to content

Commit

Permalink
Merge pull request isobar-us#76 from isobar-idev/update-isobar-branding
Browse files Browse the repository at this point in the history 
Update Branding
  • Loading branch information
Evan Davis committed Jan 10, 2014
2 parents e0a4318 + e5ba9d7 commit b583f40
Show file tree
Hide file tree
Showing 14 changed files with 128 additions and 125 deletions.
14 changes: 7 additions & 7 deletions _layouts/main.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
<!--[if gt IE 8]><!--> <html lang="{{ lang }}" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
<title>{{ title }} | Roundarch Isobar</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{ title }} | Isobar</title>
<meta name="description" content="{{ meta.description }}">
<meta name="keywords" content="{{ meta.keywords }}">
<meta name=viewport content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="ios-icon.png"/>
<link rel=stylesheet href='css/generated/style.css'>
<link rel="stylesheet" href="css/generated/style.css">
<!--
_^_
/ _)
Expand All @@ -28,13 +28,13 @@
<div id="container">

<header role=banner>
<h1><a id="logo" href="http://www.roundarchisobar.com">Roundarch Isobar</a></h1>
<h1><a id="logo" href="http://www.isobar.com/us/home">Isobar</a></h1>

<ul id="social">
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=5&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="facebook"></a></li>
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=7&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="twitter"></a></li>
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=2&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="delicious"></a></li>
<li><a href="http://www.roundarchisobar.com" id="linkback">Return to Roundarch Isobar</a></li>
<li><a href="http://www.isobar.com/us/home" id="linkback">{{return_link}}</a></li>
</ul>
</header>

Expand All @@ -53,7 +53,7 @@

<footer role="contentinfo">
<p>
<span class="float_left">2013 Roundarch Isobar, All rights reserved.</span>
<span class="float_left">{{now '%Y'}} Isobar, All rights reserved.</span>
<span class="float_right">All content licensed under Creative Commons Attribution 3.0 Unported License</span>
</p>
</footer>
Expand Down
41 changes: 16 additions & 25 deletions css/generated/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -628,24 +628,15 @@ header canvas {

/* line 43, ../../scss/global/_header.scss */
header h1 a {
display: block;
height: 70px;
position: absolute;
text-indent: -9999em;
width: 365px;
}

/* line 51, ../../scss/global/_header.scss */
header h1 a {
background: url("../../img/logo-roundarchisobar.png") no-repeat 0 0;
position: absolute;
text-indent: -9999em;
height: 70px;
width: 365px;
background: url("../../img/orange.svg") no-repeat 0 0;
background-size: auto 100%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
}

/* line 60, ../../scss/global/_header.scss */
/* line 52, ../../scss/global/_header.scss */
header #social {
/* background:rgba(64,64,64,0.9); */
float: right;
Expand All @@ -658,51 +649,51 @@ header #social {
z-index: 1;
}

/* line 72, ../../scss/global/_header.scss */
/* line 64, ../../scss/global/_header.scss */
header #social li {
display: inline-block;
height: 35px;
margin-left: 6px;
vertical-align: top;
}

/* line 79, ../../scss/global/_header.scss */
/* line 71, ../../scss/global/_header.scss */
header #social li a {
width: 35px;
background: url("../../img/layout/sprite-social.png") no-repeat 0 0;
}

/* line 84, ../../scss/global/_header.scss */
/* line 76, ../../scss/global/_header.scss */
header #social #facebook {
background-position: -5px -5px;
}

/* line 85, ../../scss/global/_header.scss */
/* line 77, ../../scss/global/_header.scss */
header #social #facebook:hover {
background-position: -5px -47px;
}

/* line 87, ../../scss/global/_header.scss */
/* line 79, ../../scss/global/_header.scss */
header #social #twitter {
background-position: -46px -5px;
}

/* line 88, ../../scss/global/_header.scss */
/* line 80, ../../scss/global/_header.scss */
header #social #twitter:hover {
background-position: -46px -47px;
}

/* line 90, ../../scss/global/_header.scss */
/* line 82, ../../scss/global/_header.scss */
header #social #delicious {
background-position: -88px -5px;
}

/* line 91, ../../scss/global/_header.scss */
/* line 83, ../../scss/global/_header.scss */
header #social #delicious:hover {
background-position: -88px -47px;
}

/* line 93, ../../scss/global/_header.scss */
/* line 85, ../../scss/global/_header.scss */
header #social #linkback {
color: #ccc;
font-family: Georgia, serif;
Expand All @@ -715,7 +706,7 @@ header #social #linkback {
background: none;
}

/* line 105, ../../scss/global/_header.scss */
/* line 97, ../../scss/global/_header.scss */
header #social #linkback:hover {
color: #dcdcdc;
}
Expand Down
36 changes: 18 additions & 18 deletions en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
<title>Front-end Code Standards &amp;amp; Best Practices | Roundarch Isobar</title>
<meta name="description" content="Roundarch Isobar&#x27;s Coding Standards and Frontend development Best Practices">
<meta name="keywords" content="Roundarch Isobar code standards, coding standards, frontend development, frontend best practices, html code standards, html5 code standards, css code standards, best code practices, development, frontend development">
<meta name=viewport content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Front-end Code Standards &amp;amp; Best Practices | Isobar</title>
<meta name="description" content="Isobar&#x27;s Coding Standards and Frontend development Best Practices">
<meta name="keywords" content="Isobar code standards, coding standards, frontend development, frontend best practices, html code standards, html5 code standards, css code standards, best code practices, development, frontend development">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="apple-touch-icon-precomposed" href="ios-icon.png"/>
<link rel=stylesheet href='css/generated/style.css'>
<link rel="stylesheet" href="css/generated/style.css">
<!--
_^_
/ _)
Expand All @@ -28,13 +28,13 @@
<div id="container">

<header role=banner>
<h1><a id="logo" href="http://www.roundarchisobar.com">Roundarch Isobar</a></h1>
<h1><a id="logo" href="http://www.isobar.com/us/home">Isobar</a></h1>

<ul id="social">
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=5&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="facebook"></a></li>
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=7&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="twitter"></a></li>
<li><a class="icon" href="http://www.shareaholic.com/api/share/?v=1&apitype=1&apikey=8943b7fd64cd8b1770ff5affa9a9437b&service=2&title=Isobar%20North%20America's%20Coding%20Standards%20and%20Frontend%20development%20Best%20Practices&link=http://na.isobar.com/standards/&source=Shareaholic" id="delicious"></a></li>
<li><a href="http://www.roundarchisobar.com" id="linkback">Return to Roundarch Isobar</a></li>
<li><a href="http://www.isobar.com/us/home" id="linkback">Return to Isobar</a></li>
</ul>
</header>

Expand All @@ -47,7 +47,7 @@ <h1>Front-end Code Standards &amp; Best Practices</h1>

<h2>Overview</h2>

<p>This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices.</p>
<p>This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices.</p>

<p>This document's primary motivation is two- fold: <tt>1)</tt> code consistency and <tt>2)</tt> best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.</p>

Expand Down Expand Up @@ -101,7 +101,7 @@ <h2 id="html5">HTML5</h2>

<p>We will use the HTML5 Doctype and HTML5 features when appropriate.</p>

<p>We will test our markup against the <a href="http://validator.w3.org/">W3C validator</a>, to ensure that the markup is well formed. 100% valid code is not a goal, but validation certainly helps to write more maintainable sites as well as debugging code. <b>Roundarch Isobar does not guarantee code is 100% valid, but instead assures the cross-browser experience is fairly consistent</b>.</p>
<p>We will test our markup against the <a href="http://validator.w3.org/">W3C validator</a>, to ensure that the markup is well formed. 100% valid code is not a goal, but validation certainly helps to write more maintainable sites as well as debugging code. <b>Isobar does not guarantee code is 100% valid, but instead assures the cross-browser experience is fairly consistent</b>.</p>

<h3 id="h5bp">Template</h3>

Expand Down Expand Up @@ -1031,11 +1031,11 @@ <h1>Accessibility</h1>

<p><a href="http://www.section508.gov/index.cfm?FuseAction=Content&ID=12#Web">Section 508 Standards for intranet and internet information and applications</a>.</p>

<p class="indent">&mdash; Interfaces developed by Roundarch Isobar should meet Section 508 standards.</p>
<p class="indent">&mdash; Interfaces developed by Isobar should meet Section 508 standards.</p>

<p><a href="http://www.w3.org/TR/WCAG10/full-checklist.html">W3C checklist of checkpoints for accessibility</a>.</p>

<p class="indent">&mdash; Interfaces developed by Roundarch Isobar should meet Priority 1 guidelines.</p>
<p class="indent">&mdash; Interfaces developed by Isobar should meet Priority 1 guidelines.</p>

<p class="indent">&mdash; <a href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/#Guidelines">The WCAG 1.0 Guidelines</a>.</p>

Expand Down Expand Up @@ -1118,7 +1118,7 @@ <h3>Image formats</h3>
<ol>
<li><p><strong>JPEG.</strong> - This will cover all photography-based images, such as homepage and category page promo images, or anything with a very high color count.</p></li>
<li>
<p><strong>PNG24.</strong> This format, easily accessible in Photoshop, outputs high-color count imagery and fully supports graded opacity by pixel. Relatively, it's quite a heavy format as far as kilobyte weight. It is the only format that IE6 needs to execute a pngfix on. In that case, Roundarch Isobar recommends the <a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">DD_belatedPNG script</a> (A pngfix fixes the issue where PNG24's appear to have a gray or light-blue background in IE6. They are not always compatible with background-position).</p>
<p><strong>PNG24.</strong> This format, easily accessible in Photoshop, outputs high-color count imagery and fully supports graded opacity by pixel. Relatively, it's quite a heavy format as far as kilobyte weight. It is the only format that IE6 needs to execute a pngfix on. In that case, Isobar recommends the <a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">DD_belatedPNG script</a> (A pngfix fixes the issue where PNG24's appear to have a gray or light-blue background in IE6. They are not always compatible with background-position).</p>
<p>In many cases, you can use a GIF fallback for IE6, in place of a PNG24. This is especially true if any sprites need to be done in PNG24. All pngfixes are very slow and expensive, so it's best to avoid using them.</p>
</li>
<li><p><strong>PNG8.</strong> - A surprising diversity of color can be captured inside 256 colors, so it's worth trying PNG before heading JPG. PNG also is a lot more compressible than GIF (using tools like pngcrush and pngquant). This format allows graded opacity in nearly all browsers, but in IE6, those semi-opaque pixels are just shown 100% transparent. In many cases this is sufficient. It also does not require a pngfix script to be run, so it's optimized for speed.</p>
Expand Down Expand Up @@ -1276,7 +1276,7 @@ <h3>Measure performance during QA</h3>

<h1>Browser Testing and Support</h1>

<p>Today's audience can choose from quite a large pool of web browsers, each providing a slightly (or dramatically) different experience. As developers, it is our responsibility to choose just how the web pages we build are displayed to those users. This section describes how we, at Roundarch Isobar, make some of these key decisions.</p>
<p>Today's audience can choose from quite a large pool of web browsers, each providing a slightly (or dramatically) different experience. As developers, it is our responsibility to choose just how the web pages we build are displayed to those users. This section describes how we, at Isobar, make some of these key decisions.</p>
</div>


Expand All @@ -1286,14 +1286,14 @@ <h3>What we support</h3>
<img src="img/browsers1.jpg" alt="Browsers" />
</figure>

<p><strong>Roundarch Isobar supports any browser with an A-Grade in <a href="http://developer.yahoo.com/yui/articles/gbs/">Yahoo's Graded Browser Support</a>, with the exception of Opera. There may be exceptions to this, given regional markets and their particular metrics</strong>.</p>
<p><strong>Isobar supports any browser with an A-Grade in <a href="http://developer.yahoo.com/yui/articles/gbs/">Yahoo's Graded Browser Support</a>, with the exception of Opera. There may be exceptions to this, given regional markets and their particular metrics</strong>.</p>

<p>We will strive to support any other mission critical browsers mandated by the client (IE 5.5, Opera, Konqueror, Safari 3 on PC, etc), though we cannot guarantee all functionality is possible.</p>


<h3>How we test</h3>

<p>Comprehensive browser testing is a must on every Roundarch Isobar web project. Considerable effort must be made to test across browsers and platforms to ensure a quality and consistent user experience. Setting up a testing environment can be a challenge but can be well worth it.</p>
<p>Comprehensive browser testing is a must on every Isobar web project. Considerable effort must be made to test across browsers and platforms to ensure a quality and consistent user experience. Setting up a testing environment can be a challenge but can be well worth it.</p>

<h4>On Microsoft Windows</h4>

Expand Down Expand Up @@ -1344,7 +1344,7 @@ <h5>Testing for Windows on a Mac</h5>
<p><a href="#vhds">The Microsoft VHD's</a> can be opened or converted on most of these options, therefore enabling the same degree of testing prowess that Windows users have available to them. Though since you can also test on the Mac simultaneously, some might argue you have more flexibility...</p>

<ul>
<li><a href="http://www.parallels.com/products/desktop/">Parallels</a> - Parallels is available and may already be installed by the Roundarch Isobar IT department on your Mac.</li>
<li><a href="http://www.parallels.com/products/desktop/">Parallels</a> - Parallels is available and may already be installed by the Isobar IT department on your Mac.</li>
<li><a href="http://www.vmware.com/products/fusion/overview.html">VMWare Fusion</a> - VMWare Fusion offers the same level of Windows virtualization through their Fusion product.</li>
</ul>

Expand Down Expand Up @@ -1846,7 +1846,7 @@ <h3 class="toc-title">Table of Contents</h3>

<footer role="contentinfo">
<p>
<span class="float_left">2013 Roundarch Isobar, All rights reserved.</span>
<span class="float_left">2014 Isobar, All rights reserved.</span>
<span class="float_right">All content licensed under Creative Commons Attribution 3.0 Unported License</span>
</p>
</footer>
Expand Down
Loading

0 comments on commit b583f40

Please sign in to comment.