Tag: image

25 Top WordPress Metro Theme Creations

WordPress metro theme designs are based on the user interface that was popularized by Microsoft on the Windows Phone 7. Since then, this beautiful style has attracted a lot of followers. In the new Windows OS version, you will see the metro start screen that is the foundation of Win8 interface. I think that one… Continue reading 25 Top WordPress Metro Theme Creations

An Introduction to Composition

Composition is about laying out all your ideas and design elements into a whole; composing your design. We’re going to combine all of the previous lessons that we’ve covered, and because of that it makes composition one of those really difficult aspects of designing anything.   Creating a good composition will boost the users’ experience… Continue reading An Introduction to Composition

Peculiar Balance Asymmetrical Website Designs

Developing website designs with a lopsided feel is a rather common approach nowadays. Majority of designers resorts to off-center landing pages in order to initially concentrate users’ attention on the most important things, recreating strong visual paths. An inability to draw a line of symmetry helps to naturally separate navigation or sidebar from the rest… Continue reading Peculiar Balance Asymmetrical Website Designs

Examples of Mobile Design Patterns

Introduction We’re living in an era in which the constant and rapid changes of habits and the increasing presence of technology in our lives is presenting very big challenges to developers and designers. The growing importance given to the design and development of applications that will be used on mobile devices with a range of… Continue reading Examples of Mobile Design Patterns

10 jquery plugins for typography problems

Typography has been one of the biggest nightmares of the web designers and developers. As the websites are getting more and more interactive, static typographic features are becoming a thing of the past. Website owners now want text that not only coveys the message, but also attract the visitors. Now even though we now have… Continue reading 10 jquery plugins for typography problems

20+ Responsive jQuery Slider Plugin Compilation

In today’s world it is vital to have a mobile-ready website. A responsive jQuery slider plugin will allow your image sliders to adapt to the screen resolution of different viewing devices. These highly popular plugins will assist you in creating stunning responsive image sliders that feature awesome website transitions and effects. Image sliders in general… Continue reading 20+ Responsive jQuery Slider Plugin Compilation

10 Terrific Time-Saving CSS Cleanup Tools

The benefits of having clean, organized CSS are numerous. A site with immaculate CSS will load more quickly, appear more prominently in search results, and serve as a stellar testament of your professionalism for future clients. Everyone from the everyday visitor to the most scrutinous fellow designer will benefit from your diligent, clean CSS markup. … Continue reading 10 Terrific Time-Saving CSS Cleanup Tools

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

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

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

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

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

Learn AngularJS With These 5 Practical Examples

By now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will… Continue reading Learn AngularJS With These 5 Practical Examples

Using Alignment to Improve Your Designs

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs

Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Print designers often work with digital illustrators and CG artists to help produce their work. In this tutorial, we will continue to develop a character concept from a Cgtuts+ tutorial by Nacho Riesco and show you how to create a print ad by combining photo manipulation techniques with some renders from another tutorial. Let’s get… Continue reading Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Create a Shaded, Stylized Text Effect in Photoshop

Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop

30+ Stunning Joomla Virtuemart Templates

It is more and more common that web developers use solid and mature multi-purpose CMS platforms, such as WordPress, Drupal and Joomla, for building professional and easy to maintain websites, web applications and webshops. These solutions are interesting because they are easy to set up, they make it a breeze to publish content and further you… Continue reading 30+ Stunning Joomla Virtuemart Templates

How to Build a Dynamic Imgur Upload App Using jQuery & PHP

Many new online web services are providing backend APIs for developers. These allow anyone to connect into a web app and pull out specific information (or push or change bits of data). Today we’re specifically looking at the API for Imgur. In this tutorial I want to demonstrate how we can remotely mirror an image… Continue reading How to Build a Dynamic Imgur Upload App Using jQuery & PHP

25+ must-have Photoshop actions for your toolkit

No matter your area of expertise, chances are you’ve worked with photographs. Web and print designers alike are no strangers to the magnificence that can be captured in photos. It’s what we build our designs on top of and with, whether they’re the focus or just a background piece. And as the time passes and… Continue reading 25+ must-have Photoshop actions for your toolkit

15 Useful and Effective jQuery Lightbox plugins

jQuery is powerful and feature riched JavaScript library with nice event handling system, thus favorite among web designers/developers. Writing and using JavaScript is always a fun with jQuery for developers. jQuery and its plugins have made it possible to make web pages look appealing and user friendly. JQuery Lightbox plugins are used to overlay images… Continue reading 15 Useful and Effective jQuery Lightbox plugins

19 Must-Have Chrome Extensions For Designers And Developers

Here, we have come up with another interesting collection of Chrome apps and this time we are focusing on 19 most essential apps for web designers and developers. Google Chrome is a powerful web browser and because of its simplicity many of us prefer it over many traditional web browsers. We have previously presented some… Continue reading 19 Must-Have Chrome Extensions For Designers And Developers

Create a Realistic Underwater Scene in Photoshop

Final Product What You’ll Be Creating Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let’s get started!   Speed Art Video Take a look at this stunning speed art video that shows how this… Continue reading Create a Realistic Underwater Scene in Photoshop