Template:Team:USTC-Software/notebook
From 2012.igem.org
(Difference between revisions)
Line 22: | Line 22: | ||
<div class="b-load"> | <div class="b-load"> | ||
<div> | <div> | ||
- | + | ||
<h1>Slider Gallery</h1> | <h1>Slider Gallery</h1> | ||
<p>This tutorial is about creating a creative gallery with a | <p>This tutorial is about creating a creative gallery with a | ||
Line 34: | Line 34: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Animated Portfolio Gallery</h1> | <h1>Animated Portfolio Gallery</h1> | ||
<p>Today we will create an animated portfolio gallery with jQuery. | <p>Today we will create an animated portfolio gallery with jQuery. | ||
Line 44: | Line 44: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Annotation Overlay Effect</h1> | <h1>Annotation Overlay Effect</h1> | ||
<p>Today we will create a simple overlay effect to display annotations in e.g. portfolio | <p>Today we will create a simple overlay effect to display annotations in e.g. portfolio | ||
Line 53: | Line 53: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Bubbleriffic Image Gallery</h1> | <h1>Bubbleriffic Image Gallery</h1> | ||
<p>In this tutorial we will create a bubbly image gallery that | <p>In this tutorial we will create a bubbly image gallery that | ||
Line 65: | Line 65: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Collapsing Site Navigation</h1> | <h1>Collapsing Site Navigation</h1> | ||
<p>Today we will create a collapsing menu that contains vertical | <p>Today we will create a collapsing menu that contains vertical | ||
Line 76: | Line 76: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Custom Animation Banner</h1> | <h1>Custom Animation Banner</h1> | ||
<p>In today’s tutorial we will be creating a custom animation banner with jQuery. | <p>In today’s tutorial we will be creating a custom animation banner with jQuery. | ||
Line 86: | Line 86: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Full Page Image Gallery</h1> | <h1>Full Page Image Gallery</h1> | ||
<p>In this tutorial we are going to create a stunning full page | <p>In this tutorial we are going to create a stunning full page | ||
Line 110: | Line 110: | ||
</div> | </div> | ||
<div> | <div> | ||
- | + | ||
<h1>Merging Image Boxes</h1> | <h1>Merging Image Boxes</h1> | ||
<p>Today we will show you a nice effect for images with jQuery. | <p>Today we will show you a nice effect for images with jQuery. | ||
Line 133: | Line 133: | ||
<div> | <div> | ||
- | + | ||
<h1>Thumbnails Navigation Gallery</h1> | <h1>Thumbnails Navigation Gallery</h1> | ||
<p>In this tutorial we are going to create an extraordinary | <p>In this tutorial we are going to create an extraordinary |
Revision as of 12:24, 16 August 2012