background preloader

5 Sliding Content Techniques, Examples & jQuery How to’s

5 Sliding Content Techniques, Examples & jQuery How to’s
Aug 12 2009 The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery. - “Sliding Verticaly” with Button Controls Share Point Artist has taken a truly unique approach to the “My Work” area. The navigation options, the “Previous” & the “Next” buttons are slightly animated yet creating an appropriate atmosphere. ImageSwitch- View DemoDownload Files - “Sliding Horizontally” with Button Controls jCarousel (Riding carousels with jQuery) – Homepage

20 Brilliant Kinetic Typography (Motion Typography) Videos at DzineBlog Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off Kinetic typography refers to the art and technique of expression with animated text. Similar to the study of traditional typography of designing static typographic forms, kinetic typography focuses on understanding the effect time has on the expression of text. Here I’ve collected 20 brilliantly animated Typography videos which i enjoyed most ( I kind of addicted to it, now) hope you like it. 1: A world Made only with Type 2: Ya no sé qué hacer conmigo 3: Red 4: Nick the Greek – Lock, Stock, Two smoking Barrels 5: Austin Powers Typography 6:FITO FITIPALDIS – Acabo de llegar 7: Typography from Vancouver Film School 8: Citizen Cope – Let The Drummer Kick (AFX) 9: Alternative Rugby Commentary – The Tri Nations: Part 2 10: Who Are you? 11: Phonebooth Typography Animation 12: Blink 182 – Online Songs Kinetic Typography 13: Mad World

Related: