misscs

The Web Ahead

Links and tools mentioned on Claudina Sarahe's interview.

Tools

To get started, make sure you have NodeJS. NPM now comes with Node.

• BroccoliJS

misscs

<em>I'm italic when I'm alone</em>

<em>I'm not italic</em>

<ul>
  <li> First
    <ul>
      <li class="nested">Hello</li>
      <li class="nested">hello
        <ul>

misscs

<h2>Inactive</h2>

<span class="toggle-base toggle-styles" role="button" aria-pressed="false" aria-controls="toggle-content">
  Is there a kitten in there?
</span>

<div id="toggle-content" aria-expanded="false">
  Maybe there's a kitten in here
</div>

misscs

 <h2>Accessible Tabs</h2>
 
 <p>
 Based on the work of <a href="http://heydonworks.com/practical_aria_examples/#tab-interface">Heydon</a>
   and <a href="http://www.marcozehe.de/2013/02/02/advanced-aria-tip-1-tabs-in-web-apps/">Marco Zehe</a>.

   
 </p>
 
 

misscs

 <h2>Accessible Tabs</h2>
 
 <p>Based on the work of </p>
 
 
  <ul role="tablist">
    <li role="presentation">
      <a href="#panel-1" id="tab-1" role="tab" aria-controls="panel-1" aria-selected="true">Contacts</a>
    </li>
    <li role="presentation">

misscs

Thursday, Oct 1 2014

Single track conference similar to last year. Ending with much larger panel!

• Schedule
• Music: Spotify (similar to last year's Rdio)
• Lightning talk with Natalie Weizenbaum we will need 3 chairs on stage
• Closing panel total count is 14
  • We can push back the podium. Moderators will be walking the aisles in the house
• How many mics do we have access to?

misscs

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

$colors: (
  black: 292929,
);
  
@each $color, $value in $colors {

misscs

// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// ----

// @Font-face
// =========
// Not so sassy use of @font-face. Let's make it better. 

misscs

<div class="test">
  Test Div!
  <a href="#">link</a>  
</div>

misscs

`compile_files': /var/folders/2n/nh7rdx2j2gv36rpf62_hpt7h0000gn/T/closure_compiler20140907-89667-9v7tw8:50: ERROR - Parse error. missing ) in parenthetical (Closure::Error)
  };
   ^

/var/folders/2n/nh7rdx2j2gv36rpf62_hpt7h0000gn/T/closure_compiler20140907-89667-9v7tw8:143: ERROR - Parse error. syntax error
})(jQuery);
^

2 error(s), 0 warning(s)