Time for another relatively simple jQuery tutorial, just like my previous jQuery quickie. At work, I'm currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.
I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I've using the Twitter API to make the example, so you'll learn a little bit about JSON too.
Simply check out the demo to see the first tweets from my Twitter stream. Scroll down to load more tweets and see the unlimited scroll in action.
Of course, you can use this same technique for something else instead of loading tweets, for example for loading next blog posts etc. Now, let's take a look at how you can create this Twitter example.
Tags: scroll twitter jquery tutorial simple
Do you remember the Wicked CSS3 3d bar chart that I placed online a couple of weeks ago? Paul Irish left a comment, requesting for an example with transitions. My reply was that I was already working on that, and today I'm proud to release the animated wicked CSS3 3d bar chart.
The principle is the same as the previous version: Create a beautiful 3d bar chart. But this time, we don't create a "stacked" one (since animation would be hard), but several bars placed under each other. When hovering, the animation shows and the bar will grow to the appropriate size.
One of the neatest things of this example (in my opinion), is that it uses the exact same HTML (except for the title) as the original article (wicked CSS3 3d bar chart). It's a great example to show what you can do with flexible CSS; You can create a totally different page with the same HTML and using only a different style sheet file.
Take note that this example only works in
-webkit based browsers (Safari and Chrome), because those are the browsers that currently only support CSS3 animation (The next version of Firefox will support animations too). So, once again, this example is just a sneak peak into some awesome stuff CSS3 can do for us.
Tags: animation css3 bar chart 3d
Books are a great resource to have. They provide loads of useful information and especially when learning a new things, reading a (hardcopy) book can be really great. Absar from ShopHTML knows that too and has decided to give away $40 book vouchers for two lucky readers from this site.
You can use this voucher to buy any (web)design related book that you want. Go crazy with subjects like ASP.NET, Silverlight, Flash, CSS, jQuery, PHP, WordPress, Joomla!, xHTML, SEO etc. Our sponsor ShopHTML is specialized in many of these subjects. Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.
Read the details below on how you can win one of the two $40 book vouchers that you can spend on Amazon.
Tags: giveaway shophtml book voucher
More and more CSS3 articles are popping up on Marcofolio and all across the web. Although CSS3 is just future talk (since not all browsers support it yet), it's pretty cool to get a sneak peak on what the future will hold for us.
While browsing the web, I came across a pretty cool 3d bar chart created with Flash. I was wondering if I could recreate the same neat effect using pure CSS3 and started working on this wicked CSS3 3d bar chart. Check out the example to see that (almost) no images were used to create this wicked effect.
The only images that are used in this example, were taken from the Superpack icon pack and only show the Apple icons. Everything else you see in this demo, is created using pure CSS3.
This example only works in the latest versions of Firefox, Chrome, Safari and Opera. Since Internet Explorer still doesn't fully support CSS3, this example looks a bit weird in IE. So, for now, this is just another sneak peak into the future. Let's check out how you can create this!
Tags: bar chart 3d css3
After the jQuery 1.3 and PHP, Zend Framework 1.8 and WordPress 2.9 E-Commerce book reviews and giveaways (all books from Packt Publishing), I'm reviewing another book today. This time, the book has been written by Peter Spannagle and Sarah Soward and is called WordPress and Flash 10x Cookbook.
As you might expect from reading the title, this book covers some great ways on how to combine WordPress with Flash. For me, it was a very interesting read, since I'm still pretty new to WordPress, but especially since I prefer HTML5/CSS3/jQuery above Flash. Still, I wanted to give this book a go since I really liked reading the other books from Packt.
I've read the book and wrote a review about it that you can read below. Now, you have a chance to win this 250+ pages thick book and read it yourself!
What you'll learn from this book:
- How to make your WordPress blog or website stand out with Flash
- Build your own
.swf files using various plugins
- Develop your own Flash audio player using audio and podcasting plugins
- and much more!
Read the review below and make sure to check out how you can win a hardcopy version of this book. Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.
Tags: wordpress flash book review giveaway