Month: September 2013

Quick Tip: Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site

Cleanfolio: Free Responsive HTML5 Template

Today we’re pleased to bring you Cleanfolio, a Free Responsive HTML5 Template designed by Bloom Web Design and Coded by Glade Kettle. It’s works great on all devices including Phones, Desktop, Tablets and Laptops. All content is in a single HTML5 files making it quick and easy too edit. Cleanfolio Free Responsive HTML5 Template has… Continue reading Cleanfolio: Free Responsive HTML5 Template

A Web Designer’s Typographic Boilerplate

I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the… Continue reading A Web Designer’s Typographic Boilerplate

Simplest Way to Create Cool CSS3 Animation Effects

CSS3 Animation are gaining tons of attention lately. Personally, I have started using it in some of my projects and I absolutely love how simple it is to create a smooth animation effect. One of the major advantages of CSS3 is – they’re hardware accelerated. It’s smoother and faster if compared with javascript generated animation.… Continue reading Simplest Way to Create Cool CSS3 Animation Effects

25 Free WordPress Themes for You to Download

WordPress not only powering most of the websites and blogs on internet but gives you a secure and effective environment for you to manage your data easily. The most robust CMS of all time, WordPress is very important factor for the responsiveness of a website, its theme feature lets you choose a WordPress theme out… Continue reading 25 Free WordPress Themes for You to Download

Adding Space to Your Designs

Let’s get the basic stuff out of the way first. Whitespace isn’t simply a block of space in your design that has to be white. Instead, think of it more like structural “empty” space, where no extra elements, embellishments or other parts to your design are placed. A great example of whitespace – but still… Continue reading Adding Space to Your Designs

21 Absolutely New Responsive Blog/Magazine Style WordPress Themes

We regularly check for new WordPress themes either free or paid and bring them together for WordPress users.Since the responsive design changed almost everything in blog design industry,theme designers and developers work really hard to present their new wordpress themes or update the existing ones. You can find hundreds of free and premium WordPress themes… Continue reading 21 Absolutely New Responsive Blog/Magazine Style WordPress Themes

20 Beautiful Examples of Background Image Usage in Web Design

Images have an effective and important role in web design. An experienced designer can use a large image in websites background effectively. This application of images will be look more composed when menus buttons will floating on this image. Here you can find 20 Beautiful Examples of Background Image Usage in Web Design.   Wythe… Continue reading 20 Beautiful Examples of Background Image Usage in Web Design

Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway

Preview of Final Results Tutorial Resources Model – Dazzle-stock Railway – Sed-rah-stock Sky 1 – Frostbo Sky 2 – Frostbo Moon – Yumi1805 Step 1 Create a new document with a trasparent background. Size: Width 1500px Height: 2000px Step 2 Go to File > Place and open the ‘Railway’ Stock. Step 3 Go to Edit… Continue reading Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway

40+ beautiful examples of flat web design

In this article, I have compiled more than 40 stunning flat web design examples for your review. In recent months, flat web design is the talk of the town and the topic is still dominating the internet steadily. From user interface to the newest portfolio update to icons to even the best web design blogs,… Continue reading 40+ beautiful examples of flat web design

Create a Clueless Racecar Driver Illustration in Photoshop

Creating a high-impact and realistic caricature illustration can be a fun but extremely challenging task. In this tutorial, we will explain how to properly control all the elements of a composition including color balance, contrast, textures, and more, as well as all of the tools and techniques that you will need to know in Photoshop… Continue reading Create a Clueless Racecar Driver Illustration in Photoshop

Flat Design – The Next Step Forward in the Evolution of Web Design

Flat design is nothing but simplicity put into practice. The fact that simple shapes such as rectangles and circles are being preferred over gradients and drop shadows shows that the tide is in favor of simplicity. A case in point is the new design of the Windows Phone and the Windows 8 OS Metro UI… Continue reading Flat Design – The Next Step Forward in the Evolution of Web Design

Impressive Parallax Javascript Plugin That Supports Gyroscrope

Parallax effect is one of the coolest animation in web design industry. Its sibling – Parallax scrolling has been quite a famous web layout since last year!   We found this pretty cool Javascript plugin that bring parallax effect to a new level. Parallax.js reacts to the orientation of your smart device, offsetting layers depending… Continue reading Impressive Parallax Javascript Plugin That Supports Gyroscrope

How to Customize the Foundation 4 Top Bar

Zurb’s Foundation 4 features a brilliant top bar which has become almost symbolic of a Foundation site build. Today we’re going to look at how you can implement it in a different way, placing it elsewhere on the page, giving you a custom and responsive horizontal navigation menu.   Getting Started First up, we’ll need… Continue reading How to Customize the Foundation 4 Top Bar

30 Examples of Impressive Photographer’s Websites

Online design portfolios are frequently put together in roundups for inspiration. Yet I have rarely seen a similar collection of website portfolios dedicated to photographers. There are plenty of freelance and corporate photographers worldwide who run their own website to showcase their work. It is a popular method for professionals and novices alike. So for… Continue reading 30 Examples of Impressive Photographer’s Websites

Freebies Pack – 200 Vector Icons

FreeVector has released 200 Vector Icons, the set below includes 200 vector shapes, meaning you can blow them up as much as you like and they’ll stay sharp. Each file includes AI, EPS, PSD and JPG files. This lovingly honed set, of 200 vector icons is fantastic for use on all manner of sites. With… Continue reading Freebies Pack – 200 Vector Icons

10 Copyright Laws Every Graphic Designer Should Be Aware Of

Copyright is defined as having the exclusive right to control reproduction and commercial exploitation of your work. In a world where truly inspirational art has taken a backseat to fame and fortune it is important to make sure your true creations remain yours in the eyes of the law. For aspiring designers, it is especially… Continue reading 10 Copyright Laws Every Graphic Designer Should Be Aware Of

Flat UI Pro 1.2 Released

Today, we announce the long-desired release of Flat UI Pro 1.2. The main feature of this release is its support of Bootstrap 3.0, officially issued a few weeks ago. This was a long time coming because of issues and the addition of new elements/code. Thank you for your patience! Here are the most important changes:… Continue reading Flat UI Pro 1.2 Released

Breathtaking Photography: Shooting in the Golden Hour

The golden hour is the time of day, usually in the early morning or evening, when the light creates a very special effect in photography. During the golden hour (sometimes also called the magic hour), the light is soft, with a reddish hue, which brings warmth and depth to a photo. At the same time,… Continue reading Breathtaking Photography: Shooting in the Golden Hour

Create Pure CSS 3D Model With Tridiv

We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv

Migrating Your WordPress Database: A Database Primer

When it comes to working with WordPress-based projects, arguably one of the most frustrating or tedious aspects of deployment is actually getting the databases across your environments in-sync with one another. Sure, there’s something to be said for using test data in development, user data in staging, and actual data in production, but there’s no… Continue reading Migrating Your WordPress Database: A Database Primer

Sliding Horizontal Layout

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing… Continue reading Sliding Horizontal Layout