The gaming industry can sometimes be a real source of inspiration. The designs, animation, graphics, music and storyline in each and every game can help you get your inspiration fluids running.
Although I don't play much games myself, I do like the way some game logos (and game covers) are designed.
On the picture above, you see Faith, the main character in Mirror's Edge. The game logo imitates the shape of the design around her right eye.
The list below shows some seriously sleek and well designed game logos for your inspiration. They all have one thing in common: The logo is more than "just the name of the game" in a fancy way. It's something where you can recognize the game of.
Tags: sleek game logo recognizable unique design
As you can see in my last article (a chat conversation with Janko Javonovic), the article is nicely styled in a real "chat conversation" way. This is achieved by placing the text in text (or speech) balloons, using avatars and making it look pretty fancy.
Like I already said in that article, I wanted to share how you can create such a nicely styled chat conversation with text balloons using CSS3. You can show your interviews or chat conversations online in a pretty way, making it more visually attractive.
Just like the polaroid photo viewer: The text balloons are styled using the CSS3
border-radius property. This works fine on Firefox (using
-moz-border-radius) and on Safari/Chrome (using
-webkit-border-radius), but on Internet Explorer (not even 8.0) it doesn't. The browser just displays the text baloons as simple blocks.
Get your CSS editor ready so you'll be able to re-create this cute effect for your site!
Tags: css3 text balloons speech balloons interview chat conversation
Janko Javonovic is an (digital) artist, UI designer, husband, father and founder of Janko At Warp Speed. The tagline of JAWS (Helps you build good looking and functional web sites) is exactly what the site is about. I found his website last year through StumbleUpon, when Janko had "just" 600 RSS subscribers. From that point on, his blog kept on growing and growing and many people like Jankos creative thoughts and ideas that he's sharing.
Last week, I was "chatting on warp speed" with Janko, sharing thoughts about webdesign, UI design, webdevelopment and his personal life. You can read this conversation right here.
I'll be placing an tutorial online later this week on how you can create these cute "text-balloons" yourself with CSS. Now, lets sit down and warpspeed chat with this creative man behind the scenes of Janko at Warp Speed.
Tags: janko javonovic warp speed chat interview personal
What's better to take a two minute break of your day, get online and check something that'll make you smile? This will surely get your gears going, which means you'll be more productive when you go back to work. Here's that "something" you'll have to check: The imagedump from March 2008.
Here's a small collection of the best, funniest or coolest images to cheer up your day.
Don't forget to check out the other imagedumps and stick around to see more of these articles that'll surely cheer up your day. Enjoy!
Tags: imagedump image fun March best
Italy. A beautiful country that my girlfriend and me visited last year during our summer holiday. While we were there, we took a lot of pictures that would look pretty nice on polaroid.
Placing them on simple polaroids on a webpage simply didn't do it for me. I wanted to drag them around, rotate them and still have a fun time. That's were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you'll see the shadow. When it's placed down, it's rotated to the left or the right (random).
This example is making use of CSS3 and jQuery, just to show the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean.
Sadly, CSS3 and HTML5 aren't the standards (yet) these days (when will it ever be?). Since this demo is using CSS3, not all modern browsers will be able to show off the full effect. Because of this, it only works on Apples Safari and Google Chrome as they are the only browsers supporting the Transform and Box-Shadow property of CSS3 via the
-webkit- prefix. Mozillas Firefox 3.1 is getting these properties too (with the
-moz- prefix). So, for now, this is just for fun - Other browsers will display the polaroids, but won't have the neat shadow while dragging and rotating while placing them down.
With that said, check out how you can re-create this effect and learn some more about CSS3 and jQuery. Check out one of my older articles if you're searching for an image gallery that isn't using CSS3.
Tags: polaroid photo viewer css3 jquery tutorial webdevelopment
|<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>|
|Results 106 - 120 of 358|