Codepen is like dribbble but it's designed for web developers! Instead of just visual design, you can see real working implementation. Though not all examples are good, but there quite many experimental and pretty cool concepts in codepen.
This time, to make this post a little bit more interesting, I embedded each example so you can play with it straight away! I chose these examples because I believe they have a great potential to be implemented and used it now. Some examples are using pretty advanced technique and latest technology, so you might want to make sure it degrades gracefully.
iOS7 definitely not the first platform that uses blurring effect. With CSS3, you can achieve that on website too.
A really smooth and nice page transition animation.
If you have a small nav, you can consider this fold-up mobile menu.
Of course, iOS7 style toggle switches. If you need more switches, check out this post - Toggle switches in web development
This mobile nav has became quite popular lately. A new concept.
Usually, we hide columns, or resize the font in table to make it fit within mobile viewport. Here we have a new way to do it.
As oppose to fold-up menu, this one you fit your large nav menu.
This one is for ipad, but I pretty sure you can use it on mobile too!