Browse Source

Updates docs on transition to include new content, updates version

pull/474/head
jlukic 11 years ago
parent
commit
9131ab6aa6
4 changed files with 54 additions and 3 deletions
  1. 22
      RELEASE NOTES.md
  2. 2
      package.json
  3. 2
      server/documents/index.html.eco
  4. 31
      server/documents/modules/transition.html.eco

22
RELEASE NOTES.md

@ -1,5 +1,27 @@
## RELEASE NOTES
### Version 0.11.0 - Dec 22, 2013
### Merry Christmas!
**Major Updates**
-**Transition**: Transition has been completely rewritten, performance should be about 10x after first animation due to caching and use of request animation frame
**New Features**
-**Transition**: Transitions now work with **any display type** not just display: block, meaning transitions can be used on buttons and other inline elements without affecting display
**Fixes**
-**Transition**: Fixes typo in "horizontal flip out" causing opacity to be fading in
-**Modules**: Fixed error in all modules where calling invoke would modify instance outside of scope, making it impossible to access some data (for instance cached positions) from outside of module.
-**Modal**: Fixes issues with modal in IE, IE11 can now use CSS animations with modals
### Version 0.10.3 - Dec 22, 2013
**Critical Fixes**

2
package.json

@ -1,6 +1,6 @@
{
"name": "semantic",
"version": "0.10.3",
"version": "0.11.0",
"title": "Semantic UI",
"description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.",
"homepage": "http://www.semantic-ui.com",

2
server/documents/index.html.eco

@ -15,7 +15,7 @@ type : 'Semantic'
<div class="ui page grid">
<div class="column">
<div class="introduction">
<h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/semantic-org/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.10.3</a></h1>
<h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/semantic-org/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.11.0</a></h1>
<h2 class="ui header">UI is the vocabulary of the web.</h2>
<p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
<a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>

31
server/documents/modules/transition.html.eco

@ -166,6 +166,19 @@ type : 'UI Module'
;
</div>
<h3 class="ui header">Display Type</h3>
<p>Animations can be used on any display type not just block level elements. For example you can animate a button while preserving its inline-block status.</p>
<div class="code" data-demo="true" data-title="Queueing animations">
$('.test.button')
.transition('horizontal flip', '500ms')
;
</div>
<div class="ui divider"></div>
<div class="ui teal test labeled icon button">
<i class="icon user"></i> Sign-up
</div>
<h3 class="ui header">Queuing animations</h3>
<p>Animations called in sequence will be queued. Any queued animation will automatically determine the transition direction if none is specified.</p>
@ -194,10 +207,18 @@ type : 'UI Module'
</tr>
</thead>
<tbody>
<tr>
<td>force repaint</td>
<td>Forces reflow using a more expensive but stable method</td>
</tr>
<tr>
<td>repaint</td>
<td>Triggers reflow on element</td>
</tr>
<tr>
<td>reset</td>
<td>Resets all conditions changes during transition</td>
</tr>
<tr>
<td>looping</td>
<td>Enables animation looping</td>
@ -219,7 +240,7 @@ type : 'UI Module'
<td>Toggles current transition on/off</td>
</tr>
<tr>
<td>duration(duration)</td>
<td>set duration(duration)</td>
<td>Modifies element animation duration</td>
</tr>
<tr>
@ -238,6 +259,10 @@ type : 'UI Module'
<td>get animation event</td>
<td>Returns vendor prefixed animation property for animationend</td>
</tr>
<tr>
<td>is visible</td>
<td>Returns whether element is currently visible</td>
</tr>
<tr>
<td>is animating</td>
<td>Returns whether transition is currently occurring</td>
@ -246,6 +271,10 @@ type : 'UI Module'
<td>is looping</td>
<td>Returns whether animation looping is set</td>
</tr>
<tr>
<td>is supported</td>
<td>Returns whether animations are supported</td>
</tr>
<tr>
<td>is visible</td>
<td>Returns whether element is visible</td>

Loading…
Cancel
Save