Advertisement
Latest Posts
  • Web Design
    Complete Websites
    Design a Travel Startup Landing Page Using PhotoshopLanding thumb
    In this tutorial I’ll walk you through a process of creating a simple and clean travel startup landing page design. I'll be using Photoshop CS6 to design a professional and lightweight layout combining beautiful imagery and some stylish fonts.Read More…
  • Web Design
    Photoshop
    How to Export Photoshop Assets For the Web With PNGHatPnghat thumb
    The recently released "PNGHat" plugin for Photoshop, made by Source, creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for.Read More…
  • Web Design
    UX
    Impress Your Visitors With a Web 2.0 Hit CounterCounter thumb
    If there's one way to show off how successful your site is, it's by letting your visitors know how many others have been there before them. Let's furnish a web page with a hit counter!Read More…
  • Web Design
    Complete Websites
    Building the Responsive Timeline Portfolio PagePortfolio thumb
    During this tutorial we will be building the fantastic Timeline Portfolio as seen in an earlier tutorial by Tomas Laurinavicius. We will be using some responsive techniques as well as CSS3 animations, Sass and a little bit of jQuery.Read More…
  • Web Design
    Applications and Tools
    Retina-Friendly Photoshop Slicing With "Cut&Slice Me"Cut n slice retina
    Adobe Photoshop is constantly evolving; new features are added with each release, while existing features are improved. There is, however, one area which is still quite outdated; the way we slice our designs in Photoshop hasn't changed since the web was table-based.Read More…
  • Web Design
    Visuals
    Presenting Your Web Mockups With Added 3D FlairTriplagent retina
    In this tutorial I'm going to show you how to take your flat design (as in two dimensional, not flat as in the current design trend) and add some life by mocking it up on a 3D plane in perspective. The purpose of this is to present your design in a more dynamic way, giving it more depth and visual appeal. It can be a very effective way to present visuals to clients.Read More…
  • Web Design
    Applications and Tools
    Quick Tip: Switch Over to Photoshop SwatchesSwatches panel retina1
    Let's talk about Photoshop's swatches panel. This is one of those tools which you may overlook or even intentionally ignore, which is a shame as it's really powerful! Let me show you how it works compared to your usual color-picking workflow; hopefully I'll convince you to make the switch..Read More…
  • Web Design
    Site Elements
    Designing a Modular User Interface Kit in PhotoshopFancy web app ui retina
    The role of Photoshop in web design is becoming more modular. Instead of composing a pixel-perfect layout of an entire web page, it's perhaps more sensible these days to concentrate on general styles, color schemes and specific interface elements. Today we'll be looking more closely at designing UI elements, pulling together our own UI kit in the process.Read More…
  • Web Design
    Applications and Tools
    Magically Turn Your Photoshop Layers Into CSS3 With CSS HatCsshat retina
    Today I'm going to show you a Photoshop plugin which aims to greatly improve your workflow. It's called CSS Hat and it turns your Photoshop layers directly into valid CSS3.Read More…
  • Web Design
    Visuals
    Maintain Consistency With a Website Style GuideSg preview
    Creating style guides is fast becoming common practise for web designers, especially when dealing with content heavy sites. With a website style guide, designers are able to set and maintain a look and feel by creating a set of rules which the design follows. The process becomes flexible, easily updateable and consistent. During this tutorial I'm going to demonstrate how you can implement a style guide in your own site or project.Read More…
  • Web Design
    Applications and Tools
    Making the Most of Photoshop LayersLayers preview
    The way web designers are using Photoshop is changing; pixel perfect comps are less relevant than they were a year or two ago. However, Photoshop is still an invaluable design tool and using its features properly is as important as ever. The following tips will help you master working with layers.Read More…
  • Web Design
    Visuals
    Recreating Instagram's Retro Filter EffectsInsta preview
    In this tutorial I'm going to be taking a look at exactly how Instagram's filters work, before recreating similar effects in Photoshop. I'll also be introducing you to some interesting new CSS properties that will allow us to create Instagram style filters directly in the browser.Read More…
Advertisement