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

UI Design

  • Semantic UI
    New Course: Getting Started With Semantic UISemantic
    52 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
    237 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
    304 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
    248 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
    372 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
    177 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…
  • jQuery
    Quick Tip: Sticky Navigation, Without the Awkward JumpWaypoints
    137 shares
    In this quick tutorial we're going to use jQuery and make a simple sticky navigation. With that done, we'll improve on our efforts by using jQuery Waypoints to make the effect smoother.Read More…
  • Macaw
    Quick Tip: Building a Button Library With MacawMacaw
    91 shares
    We're going to use components along with the global styles feature within Macaw to build ourselves a versatile button library.Read More…
Advertisement
Advertisement