Hostinicon
GET HOSTING FROM $3.95/MO PLUS A FREE YEAR ON TUTS+ (RRP $180). HURRY OFFER LIMITED. Check it out
Advertisement

Foundation

  • Foundation for Apps
    Get Started With Foundation for AppsFoundation apps 2
    126 shares
    In this video tutorial you’ll get ready to produce Foundation Apps by installing and running the system of dev tools it provides, including automatic Sass compilation and localhost app preview. You’ll also learn how to integrate BrowserSync to enable live reload and multi-device testing.Read More…
  • Frameworks
    A Quick Guide to Choosing the Best Framework for YouFw
    154 shares
    This is a quick comparison of the frameworks Bootstrap, Concise, Foundation, and Gumby to help you choose the right one for your projectRead More…
  • Foundation for Apps
    Get Up and Running With Foundation for AppsFoundation apps 2
    85 shares
    In our new course you’ll learn all the essentials of working with Zurb’s “Foundation for Apps” framework. Along the way you’ll build a complete interface for a Task Management web app. Discover how to use the web design skills you already have to start designing application UIs.Read More…
  • Terminal
    The Command Line for Web Design: Scaffolding New ProjectsCli scaffold
    144 shares
    In this final tutorial of the series you’ll learn how to use command line to get your projects off to a running start by scaffolding out new projects that have all the third party code they require, as well as Grunt or Gulp task management already setup, in just a matter moments.Read More…
  • Responsive Web Design
    How to Make Responsive, Scrollable Panels with FlexboxFlex
    487 shares
    If you’ve been keeping up with the work ZURB has been doing with Foundation for Apps you may have noticed most of their demo templates have some pretty nifty scrollable panels. That’s what we’ll be learning how to build today.Read More…
  • Foundation
    A Sneak Peek at the Next Foundation for AppsYeti
    81 shares
    ZURB is always working on the next big tool to help web designers and developers alike. They make our programming days a little easier and a lot more fun. The Foundation framework is arguably the most well known, and soon there will be a new member to the family: Foundation for Apps. With it being released this November, it seems like a great time to see what Foundation for Apps will have to offer, what major features it has and what we can expect from this up and comer. In this roundup, we've collected all the information about Foundation for Apps. We've been given the opportunity to have an exclusive chat with Brandon Arnold, lead design, and Geoff Kimball, a designer at ZURB. They've shown us a first hand experience with the powerful features of this app, and today we're showing you what you'll be able to do with it.Read More…
  • Foundation
    How to Build a Shrinking Fixed Top Bar With FoundationFoundation bar
    171 shares
    A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I'm going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we'll add a couple of media queries to make our menu responsive. Let's get started!Read More…
  • Foundation
    Build a Top Bar Off-Canvas Navigation With Foundation 5Foundation menu
    183 shares
    Today, we are going to combine ZURB's Foundation 5 Off-Canvas feature with our top bar navigation. The result will be a nice custom navigation for desktop users and a sleek off -canvas menu for tablet and mobile users. Read More…
  • Foundation
    Foundation’s Sassy Styles ExplainedFoundation sass retina1
    32 shares
    In this tutorial we'll cover what can be done with the flexible Sass styles included in the Foundation framework. A lot of these offer a more customisable feature set than that of the CSS version, plus there are shortcuts which can be used to style items such as the top bar quickly and easily.Read More…
  • Compass
    Setting up Foundation With Sass and CompassFoundation sass retina
    15 shares
    Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we've covered the most common HTML/CSS variants, but now let's talk about a version built on Sass.Read More…
  • Foundation
    Foundation for Beginners: Sticky Navigation, Flexible Video and ZeptoFouindation retina
    5 shares
    In this part of our examination of Zurb Foundation we’ll talk about Magellan, which creates sticky navigation. We’ll look at visibility classes, right-to-left support, keystrokes, thumbnails, flexible video and the ins and outs of zepto. I’ll explain the use cases of these features and how best to implement them in your projects.Read More…
  • Foundation
    Foundation for Beginners: Joyride, Interchange, Tables and PanelsFoundation thumb retina
    20 shares
    Let's further add to our Foundation arsenal by looking at the Joyride plugin, which helps guide users through your sites. We'll also look at pricing tables, standard tables and interchange; a novel responsive image tool. We'll cover the implementation of these features with a simple template which you can download and play with.Read More…
Advertisement
Advertisement