RSS

Fantasy Architecture Illustrations by Snow Skadi

chi600_222

Fantasy Architecture Illustrations is one of popular forms of computer graphics that gives us the imaginary visions of architectural objects. The collection of this post was created by Snow Skadi, a fantasy digital painter and artist from Russia. Snow specializes in fantasy concept art and landscape digital painting. He is a master of architectural concepts, as you’ll notice in many of the digital paintings, and also is an expert at a unique soft coloring technique that provides subtle yet eye catching colors. The perfect inspiration is to get your creative juices flowing to create some beautiful illustration.

 

 
Leave a comment

Posted by on January 14, 2012 in Illustration

 

Glamorous Photography by Alexander Streltsov

7600_222

Glamorous Photography by Kiev, Ukraine based photographer Alexander Streltsov.

 
1 Comment

Posted by on January 14, 2012 in Photography

 

25 Examples of Creative Navigation

If you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit.

In addition to being one of the most significant influences on the usability of a site, navigation menus also allow designers an opportunity to get creative and add some interesting and attractive visual elements to a site. Of course, in some cases the creativity can hinder the usability of the site, but in many cases appearance and functionality can work together.

I have compiled a collection of 25 sites that use navigation more creatively than just the standard menu. These sites have been chosen based upon their appearance and there may be some that are not up to par on usability. The idea is to get your creativity flowing, but remember the importance of usability and accessibility when creating your own navigation.

For more inspirational design galleries, see:

Kevin John Gomez

Kevin John Gomez

Ben Hulse Design

Ben Hulse Design

The English Riveria Comedy Film Festival

English Riveria Comedy Film Festival

Babasonicos

Babasonicos

Kukral

Kukral

 

Timothy van Sas

Timothy van Sas

Cloth Moth

Cloth Moth

Hugs

Hugs

Pixel Resort

Pixel Resort

The Things We Make

The Things We Make

 

Satsu Design

Satsu Design

MB Dragan

MB Dragan

Ryan Downie

Ryan Downie

Ma.tt

Ma.tt

Davroc Interiors

Davroc

Hella Music

Hella Music

Students’ Association at Unitec

Students' Association at Unitec

CSS Layout

CSSLayout

Sarah Hyland

Sarah Hyland

Navigant Consulting

Navigant Consulting

Time for Cake

Time for Cake

Sitesquared

Sitesquared

Shoes Addict

Shoes Addict

Dawghouse Design Studio

Dawghouse Design Studio

La Privata Republica

La Privata Republica

 
Leave a comment

Posted by on January 14, 2012 in Photoshop

 

Free Download: Interactive Portfolio PDF (InDesign Template)

If you find yourself frequently exchanging emails with potential clients, you may be interested in sending them a PDF file that shows off your work. This free InDesign file will allow you to do just that. You can customize the file to include your own details and samples from your own portfolio, save it as an interactive PDF and email it to potential clients.

Portfolio PDF

This InDesign file has been created by The NetMen Corp and it can be downloaded for free.

Here are some basics details and instructions for editing the file:

  • It comes in InDesign CS5 format, as well as an IDML file to convert it for InDesign CS4.
  • The free font Expressway is used.
  • To add your own portfolio items, save the .jpg files in the same folder as the InDesign file, select one of the existing thumbnails, open the links panel and click on re-link, then select your image.
  • The social networking icons at the bottom can be linked to your own profiles. Select one of the icons and open the hyperlinks panel (Window > Interactive > Hyperlinks).
  • When you are ready to save it as a PDF, go to File > Export and select Adobe PDF (Interactive). Exporting it at 300 ppi will give you the best image quality.

Download the file (13.2 MB zip file)

 
Leave a comment

Posted by on January 14, 2012 in Photoshop, Web Design

 

Zurb’s newest offering for developers: Foundation

Zurb has a long history of providing awesome web apps and resources for designers and developers. Their apps include Notable, Axe, Enroll, and Spur, among others.

Other resources from Zurb include everything from downloadable sketchsheets and grid paper, CSS buttons, CSS3 tools, visual effects & animation examples, and a lot more.

Zurb has recently launched a new tool for designers, calledFoundation, a free rapid prototyping framework.

Zurb’s Lead Designer, Jonathan, answered some questions for us about the new project.

What is Foundation?

Foundation is a framework for quickly prototyping and building responsive sites and apps. It allows you to rapidly put together pages, including layout and common elements like navigation, pagination, forms and more so you can see how your site works on desktops, tablets and phones. Then you can take that code and customize or adapt it into rock-solid production code.

Why was Foundation built?

We realized that the tools out there for building responsive sites – sites that work on any kind of device – were not only insufficient but really non-existent. There are a number of CSS frameworks that people are using, but everything was designed for fixed layouts. Mobile devices will account for over half of all Internet traffic in the next 2 years, so not designing and building for them is a death sentence for online products or services. We wanted a tool that would let us not only deliver a great experience to every device, but to very quickly test out what a great experience really looked and felt like.

Talk about a site you had to use Foundation for? How did it help? What issues did you have to deal with?

We’ve used Foundation for all of our internal sites and projects for the last several months, but if I had to pick one great example it would be a web app we released recently called Spur. Spur is a tool for doing traditional design critiques by letting you capture a web page, or upload an image, and then view it with blur, heightened contrast, rotation and other effects that reveal how the visual design holds up. We designed it from the ground up with Foundation to support desktops, tablets, and iPhones; all from the same front-end codebase.

If you pull up the app on different devices you’ll see different tools and subtly modified layouts all made possible with Foundation’s mobile visibility classes. These let you easily tag elements to be hidden or shown on specific types of devices, such as ‘hide-on-phones’ or ‘show-on-tablets’. That and Foundation’s inherent ability to scale to most any size meant that Spur has a slick, tailored experience for any device type with very little additional effort.

Working entirely with percentages of course adds some complexity, especially regarding images and the flexibility of certain objects like toolbars but beyond some specific CSS Foundation took care of almost everything.

Who should be using Foundation?

Anyone who wants their site or app to be relevant in a couple years should be building for multiple devices, and Foundation is a good tool for doing that. Foundation is perfect for new sites that you want to quickly prototype and build, since you can lay out entire sites in just a few minutes using the flexible grid and common elements already included.

We’ve found Foundation to be especially helpful for companies or organization who have concerns about the cost (in time and resources) to build for mobile devices – Foundation helps you do things quickly and all at once.

What’s the future for Foundation?

We’re constantly working on Foundation, adding common elements that people have requested or we’ve seen a need for. We just recently added a new four-column phone grid so you can do more complex layouts for very small devices, and we’ll continue to work on device and pattern support. We’re also considering things like page templates, code packs for specific uses like wireframing, and working with outside developers on plugins for other frameworks like Less, SaSS, Drupal, WordPress, etc.

Our goal is for Foundation to be more than just an open-source Framework but a complete community and development approach for the front-end. We’d love to have even more contributors, both in issues, feature requests, and code on Github and we’re happy to answer questions at  foundation@zurb.com.

 
Leave a comment

Posted by on January 12, 2012 in Facebook

 

Tags: ,

Top HTML5 Javascript Game Development Frameworks

Online gaming is something that millions of people all around the world will get involved in on a daily basis and it is a market that is huge at the moment. Although there are a huge number of online games out there, there are always others being developed and there are a number of great HTML5 frameworks out there now to make creating these games easier than ever. With knowledge of JavaScript and HTML5, almost anyone can begin creating their own fantastic web games. Here are some of the best frameworks:
akhibari Top HTML5 Javascript Game Development Frameworks

  1. GameQuery: This is a fantastic framework that is actually a JQuery Plug-in that you can add. The plug-in basically adds a number of game related classes to your JavaScript game development area which will allow you to do a whole range of fantastic things much more easily. This is a project that is currently in the relatively early stages of development but it is already clear to see that it is going to be fantastic after a few creases are ironed out.
  2. Akihabara: This framework is basically a set of libraries and tools that will allow game developers to create indie style games in HTML5 and JavaScript. By Indie looking games, we mean games that have the look of the old 8/16 bit games. The great thing about this is that there is no flash plug-in needed at all. Once again. The engine could do with a little more refining but the results usually look great in a variety of browsers including Internet Explorer, Google Chrome, Safari and Firefox. This is a great tool to start creating some great web games.
  3. Effect Games: This is basically a website that gives you a lot of free online tools that will help you to build fantastic web games. There are a number of things like sound effects, music and much more. These tools are perfect for creating games on Mac OSX, Linux, Windows and a number of the browsers out there.

These frameworks for creating Javascript/HTML5 web games are becoming more readily available as Flash gets phased out, so keep a lookout.

 
Leave a comment

Posted by on January 12, 2012 in HTML5, Javascript

 

Design Trend: Circles

Every now and then we like to look at a particular web design trend. You may have noticed a trend recently with sites using more circles in designs, especially circular logos. in this post we’ll showcase 35 examples of websites using circles, and hopefully it will provide some inspiration that can be put to use in your own work.

Arbol

Arbol

Finely Sliced

Finely Sliced

Brave Nu Digital

Brave Nu Digital

Stephan

Stephan

Small Studio

Small Studio

Decode

Decode

OMdeSIGN

OMdeSIGN

Lambert Street Handlebar Club

Lambert Street Handlebar Club

EGO

EGO

Credo Global

Credo Global

The Kettle

The Kettle

In Motion

In Motion

ThemeINN

ThemeINN

Fookcover

Fookcover

Shopify

Shopify

Chimp Chomp

Chimp Chomp

PSD to HTML by Fluid

PSD to HTML by Fluid

Mark Jenner

Mark Jenner

Preeti Cakes

Preeti Cakes

Bit This

Bit This

Enfant Terrible

Enfant Terrible

Rockfluid

Rockfluid

Protein

Protein

Anders Hojland Mikkelsen

Anders Hojland Mikkelsen

Always with Honor

Always with Honor

Franklin Gaw

Franklin Gaw

Mathieu Strabach

Mathieu Strabach

Marco Fumagalli

Marco Fumagalli

Gesture Theory

Gesture Theory

Print Mor

Print Mor

Gene’s Sausage Shop & Delicatessen

Gene's Sausage Shop & Delicatessen

Helen & Hard

Helen & Hard

Oliver James Gosling

Oliver James Gosling

Teixido

Teixido

Sven Kils

Sven Kils

 
1 Comment

Posted by on January 12, 2012 in Graphic Design, Photoshop