In this tutorial, we take a look at a more advanced parallax scrolling effect with a background image moving at a different speed to the content above it.We’ll look into achieving a more true-to-life representation of parallax scrolling. As defined previously, parallax is an effect where the position of an object seems to be different when viewed from different positions. In this tutorial, our background will move at a slower speed than our foreground.
Tab Styles Inspiration with CSS3 & SVG
Today we’d like to share a couple of tab styles with you. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.The collection contains some styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you’ll see how interesting the usually boring tabs can become.
Expander : Enlarge Image Viewer with jQuery & CSS3 Animation
Expander is a JavaScript library that converts any old tag into a smart clickable expanding object. It uses the latest of CSS3 animations to provide the best visual results. Expander is fully responsive and reactive. It will fit any screen or device as its mobile ready. It also support Chrome, IE, Firefox, Safari & Opera.
Guillotine : jQuery Image Crop Zoom Rotate Plugin
Guillotine is a jQuery plugin that allows to drag, zoom or rotate an image to select a cropping area. Like selecting the display area of a profile picture or avatar.
- Responsive: The window (or selection area) is fully responsive (fluid).
- Touch support: Dragging the image also works on touch devices.
jQuery highlightTextarea Plugin
highlightTextarea is a jQuery plugin which allows you to highlight words and sentences inside of <textarea> and <input> elements. Words are defined in a jQuery array and you can customize highlight color and case sensitivity. The highlighting updates itself when typing in the <textarea> and follows scroll and resizing (with jQuery-UI).