Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

UI Design

  • Conversion
    Constructing Your Instapage Landing PageLogo 2
    43 shares
    In the first part of this short series we covered the fundamentals of what landing pages are. In this part, we’ll walk through the construction process of an Instapage landing page.Read More…
  • Conversion
    How to Create a Landing Page Through InstapageLogo
    58 shares
    In this tutorial series I’m going to explain the process of creating your very own landing page template using the Instapage builder. I’ll first give you an overview of the different types of landing pages and then, in the following part, I’ll provide a step by step process on how to create an Instapage template that you can sell on Themeforest.Read More…
  • Semantic UI
    New Course: Getting Started With Semantic UISemantic
    56 shares
    Semantic UI is a well-crafted front-end framework with professional features and a robust API. Our new course will guide you from start to finish through the process of building a four-page website with a wide range of user interface (UI) elements, using Semantic UI. By the end of the course, you’ll be well acquainted with all the features and benefits of Semantic UI.Read More…
  • Sketch
    Plugins, Resources and Freebies to Spice up SketchSketch preview
    240 shares
    At Tuts+ we always want to provide useful material to our readers. We listen and we give. This roundup will introduce you to some of the most useful resources available for Sketch.Read More…
  • CSS
    How to Give Your Logo the “Slip Scroll” EffectPreview
    308 shares
    In today's tutorial we're going to use JavaScript to create a simple, flexible, parallax effect where a logo seemingly changes colors with the background it's on when the user scrolls.Read More…
  • Adobe Muse
    How to Create Buttons in Photoshop and Adobe MusePreview mues 4
    252 shares
    In this tutorial I'll show you how to create a button in Photoshop and use it, with all its various states, in an Adobe Muse project.Read More…
  • Adobe Photoshop
    Designing a Web App UI Kit‏ in Adobe PhotoshopWeb app ui kit preview
    381 shares
    Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I'll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable.Read More…
  • Responsive Web Design
    How to Build an Off-Canvas Navigation Layout With BootstrapOff canvas
    465 shares
    In this tutorial, I'll show you how to add an off-canvas navigation to Bootstrap with an extension called Jasny Bootstrap by Arnold Daniels.Read More…
  • Prototyping
    How to Decide Between Static, Lo-Fidelity and Hi-Fidelity PrototypesProto
    57 shares
    In this post, I'll walk you through high-level prototyping approaches, and describe in which contexts one would choose each.Read More…
  • Sketch
    Sketch for Beginners: Design a Login Form InterfacePreview
    489 shares
    In the following tutorial you will learn how to create a simple login screen using Sketch 3.Read More…
  • CSS
    7 Non-raster Approaches for Making the “Hamburger” Menu IconPreview
    345 shares
    We're going to look at seven different approaches to creating the infamous “Hamburger” menu icon, without raster images. The challenge is to reduce HTTP requests, create infinitely scaleable icons for high density displays and have the power to style them with CSS. You might be surprised by the winning method.Read More…
  • Adobe Muse
    Quickly Create a Website With Adobe Muse CC 2014 Preview mues 2
    236 shares
    In this tutorial I will quickly show you how you can build a website using Adobe Muse CC.Read More…
Advertisement
Advertisement