Project Description
Haloalkanes are widely used commercially. The majorty of these compounds have been shown to be serious pollutants as they are toxic and quite persistent in the environment, such as a man-made industrial chemical 1,2,3-Trichloropropane (TCP) and an organic pesticideγ-Hexachlorocyclohexane (Lindane,γ-HCH). These halogenated compounds have been introduced into our environment as a consequence of industrial waste disposal and widespread open use in agriculture, which need to be removed to low levels from waste streams and during sanitation of polluted sites. For this reason, the biodegradation of halogenated compounds is of great importance. In the project, several key enzymes in the biodegradation pathways of the two compounds were co-expressed in E. coli. As putting the different selected enzymes together, it will have a ability to degrade more halogenated compounds besides the both. To construct the efficient co-expression system and achieve biodegradation of γ-HCH and TCP, we adopt 2A peptide and polycistronic co-expression. Foot and mouth disease virus 2A peptide has been widely used for co-expression of multiple genes in eukaryote systems. However, the use of the 2A peptide in prokaryotes is limited, and so far only one paper described that F2A can work in E. coli as well. To explore whether the 2A peptides can work in our co-expression system, several vectors were constructed by using all three 2A peptides, respectively.
Animated Portfolio Gallery
Today we will create an animated portfolio gallery with jQuery.
The gallery will contain a scroller for thumbnails and a
content area where we will display details about the portfolio
item. The image can be enlarged by clicking on it, making
it appear as an overlay.
Article
Demo
Annotation Overlay Effect
Today we will create a simple overlay effect to display annotations in e.g. portfolio
items of a web designers portfolio. We got the idea from the wonderful
portfolio of www.rareview.com where Flash is used to create the
effect. We will use jQuery.
Article
Demo
Bubbleriffic Image Gallery
In this tutorial we will create a bubbly image gallery that
shows your images in a unique way. The idea is to show the
thumbnails of albums in a rounded fashion allowing the
user to scroll them automatically by moving the mouse.
Clicking on a thumbnail will zoom in a big circle and
the full image which will be automatically resized to
fit into the screen.
Article
Demo
Collapsing Site Navigation
Today we will create a collapsing menu that contains vertical
navigation bars and a slide out content area. When hovering
over a menu item, an image slides down from the top and a
submenu slides up from the bottom. Clicking on one of the
submenu items will make the whole menu collapse like a card
deck and the respective content area will slide out.
Article
Demo
Custom Animation Banner
In todayos tutorial we will be creating a custom animation banner with jQuery.
The idea is to have different elements in a banner that will
animate step-wise in a custom way.
We will be using the jQuery Easing Plugin and the jQuery 2D
Transform Plugin to create some nifty animations.
Article
Demo
Full Page Image Gallery
In this tutorial we are going to create a stunning full page
gallery with scrollable thumbnails and a scrollable full
screen preview. The idea is to have a thumbnails bar at
the bottom of the page that scrolls automatically when
the user moves the mouse. When a thumbnail is clicked,
it moves to the center of the page and the full screen
image is loaded in the background.
Article
Demo
Hover Slide Effect
Today we will create a neat effect with some images using
jQuery. The main idea is to have an image area with several
images that slide out when we hover over them, revealing
other images. The sliding effect will be random, i.e.
the images will slide to the top or bottom, left or
right, fading out or not. When we click on any area,
all areas will slide their images out.
Article
Demo
Merging Image Boxes
Today we will show you a nice effect for images with jQuery.
The idea is to have a set of rotated thumbnails that,
once clicked, animate to form the selected image.
You can navigate through the images with previous
and next buttons and when the big image gets clicked
it will scatter into the little box shaped thumbnails again.
Article
Demo
Compact News Previewer
Today we will create a news previewer that letos you
show your latest articles or news in a compact way.
The news previewer will show some list of articles
on the left side and the preview of the article with a
longer description on the right. Once a news on the left
is clicked, the preview will slide in.
Article
Demo
Overlay Effect Menu
In this tutorial we are going to create a simple menu
that will stand out once we hover over it by covering
everything except the menu with a dark overlay.
The menu will stay white and a submenu area will
expand. We will create this effect using jQuery.
Article
Demo
Polaroid Photobar Gallery
In this tutorial we are going to create an image gallery
with a Polaroid look. We will have albums that will expand
to sets of slightly rotated thumbnails that pop out on hover.
The full image will slide in from the bottom once a thumbnail
is clicked. In the full image view the user can navigate
through the pictures or simply choose another thumbnail
to be displayed.
Article
Demo
Pull Out Content Panel
In this tutorial we will create a content panel that
slides out at a predefined scroll position. It will
reveal a teaser with related content and it can be
expanded to full page size to show more. A custom
slider allows to scroll through many items in the
panel.
Article
Demo
Thumbnails Navigation Gallery
In this tutorial we are going to create an extraordinary
gallery with scrollable thumbnails that slide out from a
navigation. We are going to use jQuery and some CSS3
properties for the style. The main idea is to have a
menu of albums where each item will reveal a horizontal
bar with thumbnails when clicked.
Article
Demo