Advertisement

UI Design

  • Flickity
    Building a Slider with Metafizzy’s FlickityFlickity
    174 shares
    Flickity is a JavaScript slider library, built by David DeSandro of Metafizzy fame. It’s optimized for touch gestures, performance, and includes things like physics-based animation. In this tutorial we’ll get it up and running, then examine some extra features it brings to the table. Let’s go!Read More…
  • Adobe Photoshop
    Design a Shopify Theme for Handcrafted Goods in PhotoshopEshop thumb
    189 shares
    In this tutorial we’ll be creating a layout for a handcrafted goods shop. I won’t talk too much about specific font sizes or color codes, but will instead focus on explaining the font choices, colors, proportions and so on.Read More…
  • CSS3
    How to Create an “Anything” Slider With Just CSSCss3 ui%20(1)
    166 shares
    It used to be unthinkable to deploy a slider without JavaScript, but in this project you’ll learn how to create an “anything” slider with just CSS, to present any type of content you need.Read More…
  • CSS3
    Two New Courses, 20 Projects to Help You Learn CSS3Css3 ui
    106 shares
    In our two latest courses, you’ll be creating ten UI and layout projects and ten branding and presentation projects. In the process, you'll learn some of the awesome new design techniques that CSS3 brings to the table.Read More…
  • WordPress
    How to Customize Your WordPress Site Without Having to Understand CSSCss
    924 shares
    We’re going to show you how you can make serious visual changes to your WordPress websites with absolutely no prior experience of CSS. But first, let’s take a minute for a little WordPress appreciation.Read More…
  • Prototyping
    Prototyping a Fitness Application with PixatePixate fitnessapp preview
    112 shares
    In this tutorial, I’ll teach you how to create an animated prototype of your mobile application design. The prototype will look and feel like a real application on your phone; you’ll be able to navigate and scroll through your design, using gestures and custom animations.Read More…
  • User Experience
    UX Tip: Consider the Empty StatesEm
    184 shares
    The following article is not comprehensive, or a “must do” by any means. Instead, it outlines three common types of empty state.Read More…
  • Glossary
    Web Design Glossary: What is “Affordance”?Affordance
    242 shares
    The term “affordance” is one you’ll hear often in the world of web design. It regularly appears in tutorials on Tuts+ too, so this article will serve as a definition just to clear up any doubts.Read More…
  • Apple Watch
    Designing for the WATCHApple watches 400px
    289 shares
    With the upcoming launch of Apple’s newest and shiniest product, the Apple Watch (err, WATCH) there are many designers out there itching to get a feel for the newest toy to come out of Cupertino. There are some new ways to interact with the device; like Apple’s force touch menu and digital crown, as well as many UI elements you may already be familiar with like buttons, text styles, and switches, oh my!Read More…
  • UI Design
    A Tale of Two Platforms: Designing for Both Android and iOSPreview
    297 shares
    Android and iOS apps aren't always designed in isolation. Sometimes you need a quick way to design an app for both platforms. If you're new to designing apps, or looking for a quick way to do both at once, these tips will help you design with both platforms in mind.Read More…
  • Graphic Design
    Understanding Adobe Illustrator's Grid SystemUnderstanding adobe illustrator's grid system small preview
    348 shares
    This quick tip is focused on explaining what the Grid is, how it works, and how you should use it to benefit your design process.Read More…
  • Sketch
    Designing an iOS Fitness Application with Apple Watch CompatibilityCover
    235 shares
    In this tutorial, I’ll teach you how to design a simple and easy-to-use iOS fitness application for tracking outdoor running and cycling. Besides the iOS application, I’ll give you a design example for the Apple Watch interface as well.Read More…
Advertisement
Advertisement