Last week, I came back from a short vacation to Italy. I had a great time, visited Rome too (including all the tourist attractions you need to see over there), but also visited the ruins of Ostia Antica. It's pretty impressive to see what the Roman people were capable to build, such a long time ago (it's not as impressive as the the Colosseum, but still).
While my girl and I were walking - in the burning sun - through Ostia Antica, she came up with the great idea to take pictures of the impressive ruins to be used as textures for designers. She's the one that took these 14 pictures of ancient stones, ready to be used in your next design work.
I hope you enjoy them and use them well. The textures are totally free for all kinds of use. All pictures are 1500px in width.
Don't forget to check out some other great high quality textures that are released on this website before. I want to thank my girlfriend for the idea and taking these useful texture pictures.
Tags: ancient stones high res freebies textures photoshop
More and more HTML5 tutorials are popping up on the internet. Although it still is future talk, it's still great to see what this upcoming web standard can do for us.
One of the most interesting new HTML5 elements, has to be
Therefor, I re-created Lights Off, one of the first native games for the iPhone, but now using HTML5
I know my attempt to create the game isn't nearly as great as the real app, but the goal for this tutorial is to see how the
<canvas> element works. That said, this demo only works on browsers that support the element.
Can you solve the puzzle? Simply click on a light panel to toggle it along with the four adjacent lights. Or dive into the code and learn some more about the
Tags: puzzle game tutorial html5 canvas
It has been a while since I've had a chat conversation with another designer/developer (it was with Chris Coyier). But for the last couple of weeks, I've had a great chat/interview with Franz Jeitz, which you may know from his blog: fudgegraphics - freebies, tutorials and inspiration for design lovers.
Let's sit down, take a cup of tea together with this tea-lover from London, and read this chat conversation with this creative man behind the scenes of fudgegraphics. Did you know the fudge-part of the name doesn't have anything to do with the food? Wonder what it does mean? I promise you, you'll find his answer surprising.
Tags: fudgegraphics franz jeitz interview chat
Navigation is one of the things you'll see on every website. I wanted to give this part a little bit extra life, and when I saw a movie yesterday that included slot machines, it suddenly hit me. Using jQuery and some basic CSS and HTML, we could add some sweet slot machine style animation to a normally boring kind of navigation. So, for today, we'll be creating a slot machine style navigation that you could use on your website.
Since it's not such an advanced technique, this is also a jQuery quickie. These relatively simple tutorials will also give you a good understanding of jQuery. Simply check out the demo or download the source to see what we're going to make.
Already wondering how it works? Check out how you can create this slot machine yourself. Of course, this could easily be transported to be used with social media buttons (instead of the main navigation of your site).
Tags: slot machine navigation jquery simple tutorial
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
|<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>|
|Results 46 - 60 of 371|