Advertisement

Complete Websites

  • Adobe Photoshop
    Design an Elegant “Gratitude Log” Landing Page With PhotoshopGrttd
    414 shares
    In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!Read More…
  • Bootstrap
    Building an Instagram Based Portfolio With BootstrapPreview
    523 shares
    In this tutorial you'll learn how to build a simple Instagram portfolio page using an number of tools such as Sass, Bootstrap and Instafeed.jsRead More…
  • Complete Websites
    Bringing Our Behance Portfolio Alive With CSS AnimationBehance thumb 3
    150 shares
    In previous tutorials we've looked into harnessing the Behance API to drive our own web page, and then, using LESS, we made the whole thing look presentable. In this tutorials we're going to enhance the experience for visitors by adding a lightbox effect and some CSS animations.Read More…
  • Complete Websites
    Styling Our Behance Portfolio Website Using LESSBehance thumb 2
    129 shares
    During the previous part of this series, we learned about the Behance API, using it to capture a user's portfolio pieces and display them on a web page. In this part we will style the web page, presenting the portfolio pieces in a suitably attractive way. Read More…
  • Complete Websites
    How to Use the Behance API to Build a Custom Portfolio Web Page Behance thumb 1
    210 shares
    Behance is great hub for creatives to share and show off their work and ongoing projects. Unlike Dribbble or Forrst which — as I personally see them — are predominantly populated by illustrators and UI designers, Behance encompasses a wider range of creative fields including Architecture, Motion Graphics, Automotive Design and Fashion. In addition to this, Behance also provides a set of APIs to get access to the content.Read More…
  • Dropbox
    Using DropPages for a Super Easy Static WebsiteDroppages thumb
    221 shares
    You probably know that Dropbox is brilliant for storing data backups and sharing files, but did you know you can use it as a static site web host too? Thanks to nifty apps like DropPages, which we'll be covering here today, you can!Read More…
  • Complete Websites
    Design a Travel Startup Landing Page Using PhotoshopLanding thumb
    115 shares
    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…
  • Complete Websites
    Finishing the Responsive Timeline Portfolio PagePortfolio2 thumb
    83 shares
    It's time to finish off our responsive timeline portfolio layout. In this tutorial we'll add some flair with CSS3 animations and jQuery.Read More…
  • Responsive Web Design
    Building the Responsive Timeline Portfolio PagePortfolio thumb
    314 shares
    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…
  • Complete Websites
    Design a Stylish Timeline Portfolio Page Using PhotoshopPsd retina
    182 shares
    In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. During this process we’ll look at creating custom grids with guidelines, styling typography, and playing with colors and contrast to achieve the aesthetics we want. The finished PSD file will be ready to hand over to a developer for coding up.Read More…
  • Adobe Muse
    Adobe Muse: Finishing Off Our DesignAdobe muse third retina
    1 shares
    Let's finish off our Adobe Muse project. We'll begin by looking at a mobile layout, before moving on to the export process which will get our files ready for publication to the web. Let's get on with it!Read More…
  • Complete Websites
    Build a Modular Dashboard Interface With PurePure thumb
    160 shares
    Today, we will be making a beautiful, minimal dashboard using Pure (view the project on GitHub), the new mini-CSS module library from Yahoo!. We will be talking about and using some of the principles of SMACSS (Scalable and Modular Architecture for CSS). We'll also be using icons from WeLoveIconFonts.com.Read More…