Zurb.com Courses

All Time Past 24 Hours Past Week Past month

ZURB Foundation Training Custom Training

Get your team up to speed on Foundation. In-depth custom workshops from the Foundation gurus. With the proliferation of devices, it’s now necessary for every designer and developer to design responsively. Foundation makes this possible. We can help you and your team get up and running on Foundation incredibly quick with our series of classes.

6 days ago See more ››
Zurb  

ZURB Foundation Training Product Design Lesson Topics

Continue Learning with Courses. Learn product design principles from designers who practice them every day. View Courses. Using SVG without hacks. Lesson #3 Foundation. Scalable, retina-ready, tiny file sizes, and fallback support for IE6. Let's take a progressive enhancement approach to using SVGs.

2 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Advanced Foundation Webinar Class

Mobile First: Take a dive into the strategies of mobile first web creation and why Foundations grid is built that way. The XY Grid: Get the scoop on Foundation 6.4's biggest change: The new XY Grid and learn how it will change what's possible on the web. Advanced XY Grid: Build complex web app type layouts with the Grid Frame feature of the XY Grid. The Grid and Sass: Now take the grid fully

6 days ago See more ››
Zurb  

ZURB Foundation Training Introduction To Foundation

In this 4-hour live webinar class, you'll gain a comprehensive understanding of the new grid, navigation, menu, and other interactive components that are a part of Foundation. Foundation is the world's most advanced front-end framework, and you can learn it from the team who builds it. If you have a basic knowledge of HTML/CSS and want to

4 days ago See more ››
Zurb  

ZURB Foundation Training ZURB Master Class Responsive

What you’ll learn in this class. In this course, you’ll learn how to quickly go from marketing goals to deployed emails that display correctly on just about every screen, browser, and email client out there—even Outlook. You’ll gain the knowledge needed to …

6 days ago See more ››
Zurb  

ZURB Foundation Training Get Access To Lesson Vault

Courses. Lessons. Custom Training. Certification. Responsive Reading. Unlock over 130 product design lessons. Each week, the product design experts here at ZURB craft exclusive lessons delivered straight to your inbox. We'll send you a new design lesson each week to help you conquer the constant change disrupting your world. Unlock Lessons.

Just Now See more ››
Zurb  

ZURB Foundation Training Beyond Small, Medium, And Large

Beyond Small, Medium, and Large. Foundation Breakpoint Crash Course. use the Sass breakpoint variables, and how to add more. Breakpoints are the foundation of responsive design; Pun intended. Breakpoints are the widths at which different grids or CSS styles take effect. In Foundation we chose its default settings to accommodate most scenarios.

8 days ago See more ››
Zurb  

ZURB Foundation Training Product Design Lesson Topics

Continue Learning with Courses. Learn product design principles from designers who practice them every day. View Courses. How to bridge rows in Foundation. Lesson #1 Foundation. Most CSS grids — Foundation included — organize layout into rows that are, in turn, divided into cells or columns. But what if you want a column to extend over two

3 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Product Design Lesson Topics

View Courses. How to Improve Design by Coordinating Colors. Lesson #7 Creative Direction. A color scheme does more than look good. It keeps the design from contradicting itself. It reinforces the message you want to convey, whether that's for branding or for mood. It also says the designer didn’t just throw something together.

1 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Zero To Website Guide Part 5

The main areas we’ll style are the default and focus states of the input fields. To do this, we’ll write new CSS to override Foundation’s default form styles. Let’s first give all of our <input> and <textarea> tags a class .contact-form-field. Then we’ll target this class in our CSS and give it some default styling:

9 days ago . Art Courses See more ››
Zurb  

ZURB Foundation Training New Product Design Lesson

This lesson is all about the new Flexbox based XY Grid. The Foundation XY Grid is huge advancement in Grids. It’s inspired by CSS Grid, but uses Flexbox under the hood which is supported by browsers now. This mean you can take advantage of Flexbox, equal height containers, auto and shrink sizing, vertical and horizontal layouts (hence the XY

5 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Optimizing Foundation For Speed

A full install of Foundation 6.2.3 CSS from Sass, with all the trimmings, weighs 110 KB. That’s 1/3 of the weight of the Foundation 5’s CSS, but there is still room for improvement. Luckily, few projects need everything that Foundation offers. In this lesson, you’ll learn how to remove unused CSS and optimize your website’s performance.

9 days ago See more ››
Zurb  

ZURB Foundation Training How To Plan A Webpage Design

1. Start with the idea. Start simple: write one or two sentences that define what people should take away or what action they should take. For example: “I will show people how to tie a tie.”. “People will buy a tie from my online shop.”. When you have a goal, design a site

7 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Don’t Fear The Command Line

Navigating one is akin to navigating the other. This video introduces some basic command line, um, commands. For example: cd — Change directory — a fancy way of saying “go to a different folder”. open . — Open a Finder folder in the current Terminal window. mkdir — Make directory, a.k.a. a new folder.

8 days ago See more ››
Zurb  

ZURB Foundation Training Steering You Right With Panini

This week we’ll build on that by learning about using Panini’s Handlebars’ helpers and data. Let’s get started! There’s a lot of really cool stuff here, so this lesson is an intro to Panini’s helpers and data. Next week we’ll put all we’ve learned about Panini together and show some advanced examples.

9 days ago See more ››
Zurb  

ZURB Foundation Training Sketched Out: A Guide For

Nic oversees all aspects of Notable and helps make it awesome for ZURBians and Designers alike. He worked as a chef and cooked up a storm in the kitchen before …

9 days ago See more ››
Zurb  

ZURB Foundation Training Zero To Website Guide Part 2

Intro to Foundation | Lesson #162 Zero to Website Guide Part 2: Digging into the Foundation starter package. Learn what comes with the Foundation CSS download, how to …

9 days ago . Art Courses See more ››
Zurb  

Playground From ZURB Design Tools And Creative Experiments

Creative Experiments from ZURB. Welcome to the ZURBplayground where we share creative interaction design tools and experiments from the design and engineering teams here at ZURB. We create tools, implementation examples, and other interesting projects that help people design for people.

7 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Interface Design Sketching

Learn the Basics. In this section, we’ll go over the basics of the sketching tools, shapes, and the elements you’ll need to sketch effectively. The tools you need: Understanding the tools. Basic Mechanics: Sketch simple shapes, color, shading, squiggles, text. Images: Sketch people, desktop screen, laptop, phone.

4 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training De-coding Top Bar Customizations

Courses; Lessons; Custom Training; Certification; Responsive Reading; Intro to Foundation | Lesson #88. De-coding Top Bar Customizations. Build complex versions of Top Bar. Responsive navigation - Top Bar in particular, is the most commonly used component in Foundation’s toolkit. Because it can create a useful desktop solution and a mobile

8 days ago See more ››
Zurb  

ZURB Foundation Training Front Matter Is The Brains Of

Next Steps. In the next lesson, we’ll go in-depth with JS Helpers and Data using more real-world examples. To learn more about Panini, the ZURB Stack, along with advanced Sass, and JS check out our Advanced Foundation online course which takes place on March 21st. You’ll learn tons of tips and tricks directly from the Foundation development team.

9 days ago See more ››
Zurb  

ZURB Foundation Training Zero To Website Guide Part 1

Tools of the trade. Text-Editors: This is where you will write all of your HTML and CSS and where you’ll open Foundation and work off the organized files we provide! Sublime Text or Atom are great options for free or affordable Text-Editors. SublimeText or Atom are great options for affordable and free Text-Editors. Chrome Inspector: Whether you want to see how a website is built or you are

9 days ago . Art Courses See more ››
Zurb  

ZURB Foundation Training Capture Brilliant Dry Erase

2. Post-process for deep blacks and bright whites. There are many ways to clean an image. The obvious solution is Photoshop, whose Curves control and Dodge tool let us spot-clean darker areas on the board. We also use Snapseed to shoot and clean the image right …

8 days ago See more ››
Zurb  

Recreating The OS X Dock Playground From ZURB

Product design resources, courses and training. Design Apps. Prototype, iterate and collect feedback on your products. Foundation. The most advanced front-end framework in the world.

6 days ago See more ››
Zurb  

ZURB Foundation Training Date Night With ZURB Foundation

Here’s how to get FDatepicker set up quick in your ZURB Foundation (Sass) project of choice: 1. Install Fdatepicker via Bower on the command line. bower install --save foundation-datepicker. 2. Add Fdatepicker to the list of JavaScript files that are being loaded.

8 days ago See more ››
Zurb  

ZURB Foundation Training Find The Next Great Idea With

Here’s how to discover your great ideas with paper and Sharpies. 1. Get the right materials. We start with thick Sharpies because they discourage fine detail. Early explorations aren’t the time for fine work. This is the time to rough out ideas as you think, then share those ideas with others. Also, there’s no need for expensive paper.

8 days ago See more ››
Zurb  

ZURB Foundation Training How To Choose Among Foundation

How to Choose Among Foundation 4's Visibility Classes. There's a fine line between deliberately hiding and deliberately showing web page elements on different devices. Learn the difference between Foundation's .show-for-x and .hide-for-x classes. Many elements can resize well mobile- and desktop-optimized layouts.

7 days ago See more ››
Zurb  

ZURB Foundation Training Foundation's Flexbox Cards To

Next Steps. That’s it for this week! We’d love to see the amazing cards you create for your project, so be sure to share them with us! For a deeper dive into Cards and how you can use Foundation’s UI to build your layouts fast, check out our Intro to Foundation training taking place on Jan 10th. You’ll learn tons of tips and tricks directly from the Foundation development team.

9 days ago See more ››
Zurb  

ZURB Foundation Training How To Improve Design By

2. Apply colors to the design. Once we’ve chosen the major colors from the photo, we use them in the design. In this case, that means the background. Here’s a trick: If the colors don’t have enough contrast, change their brightness and saturation — but not their hues. …

7 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Identifying And Dealing With

Now, it’s hard to classify everyone. But we’ve found most fit into four broad archetypes. We want to share those types and how to work with them. 1. The Role Player. Role players want your project to succeed. They might be your best advocates. But their positive spins can work turn negatives into positives. Watch for subtle thoughts, ideas

8 days ago See more ››
Zurb  

ZURB Foundation Training Put OmniGraffle Styles To Work

OmniGraffle will let you copy an object's appearance just as you would the object itself. The process couldn't be easier: Select an object. Type control-command-C. Select another object. Type control-command-V. Select another object — or many — and type control-command-V again to re-apply the copied style. You can also find the "copy style

8 days ago See more ››
Zurb  

ZURB Foundation Training Product Design Lesson Topics

Continue Learning with Courses. Learn product design principles from designers who practice them every day. View Courses. How to Sketch Form Elements. Lesson #10 Ideation & Sketching. Within our 26-strong team of designers and developers, communicating ideas accurately is as important as communicating them quickly. We developed a standard

5 days ago . Design Courses See more ››
Zurb  

ZURB Foundation Training Get The Help You Need With

The support for Flexbox is great and the learning curve is small. Best of all, Foundation 6.3 came out with a host of great Flexbox helper classes to help you make components or get the layout you want faster with fewer headaches. In this lesson, we’ll show you how to use Foundation Flexbox helper classes to save time and eliminate stress.

9 days ago See more ››
Zurb  

ZURB Foundation Training Advanced Panini Tips And Tricks

Next Steps. By now you should be a Panini master chef, chopping up repetitive and inefficient code into tasty partials. To learn more about Panini, the ZURB Stack, along with advanced Sass, and JS check out our Advanced Foundation online course which takes place on March 21st. You’ll learn tons of tips and tricks directly from the Foundation development team.

9 days ago See more ››
Zurb  

ZURB Foundation Training Common Tech Questions About The

The Top Bar is among Foundation’s most popular pre-built components — and certainly its most complicated. We created it to alleviate the trouble of building complex navigation for both mobile and widescreen browsers.

8 days ago See more ››
Zurb  

ZURB Foundation Training Transform Foundation’s Tabs

Foundation has long been in the responsive game, making it easy for you to build beautiful, responsive, mobile-first websites quickly out of the box. With Foundation 6.3, it gets even better - the long-anticipated “Tabcordion”, or Responsive Accordion/Tabs component lets you quickly and easily create a component that is an accordion at some

9 days ago See more ››
Zurb  

ZURB Foundation Training Advanced Toggler

Let’s do a quick review of what Toggler does. Toggler automates one of the most common interactive patterns on the web - toggling between two states. It works by labeling an element that is the ‘toggle’ with a ‘data-toggle’ attribute to point to what it is toggling. If the element being toggled is a Foundation plugin with 2 obvious

9 days ago See more ››
Zurb  

ZURB Foundation Training How To Draw A Straight Line

Commit to drawing the line. Commit to drawing the line straight. Always use a pen and not pencil. The pen forces you to commit to the line. Draw the line as soon as you make contact. Hesitation gives you too much time to think. Your mind will be overly focused on NOT drawing the line crooked. And your line won't come out as straight.

7 days ago See more ››
Zurb  

ZURB Foundation Training How To Sketch Form Elements

Draw a slim rectangle for an input. Do the same for text areas, but make their rectangles larger. 3. Shade the left and top edges. We use gray Copic shaders and sometimes yellow highlighters to indicate special functionality or calls to action. Otherwise we avoid colors. Aesthetics come later.

8 days ago See more ››
Zurb  

ZURB Foundation Training How To Hook Users In 4 Steps

Courses; Lessons; Custom Training; Certification; Responsive Reading; Mastering Design Feedback | Lesson #62. How to Hook Users in 4 Steps. Learn to hook users with habit-forming apps. Habit Testing fits hand-in-glove with the build, measure, learn methodology espoused by the lean startup movement and offers a new way to make data actionable

8 days ago See more ››
Zurb  

ZURB Foundation Training Auditing A Site And App

We audit all of our products, review things that work well and identify things that don’t in Notable Notebooks. With Notebooks’ annotation features, a website audit can be used to share insights with a product team and put those ideas in context so they become clear. In this lesson we’ll explore what an audit is, what you’re looking for

9 days ago See more ››
Zurb  

ZURB Foundation Training Create Insanely Easy Buttons In

This look is easy to achieve. Create a shape in Photoshop, then go to Layer Effects. Create an inner shadow style. We recommend using black and Soft Light mode to make changing the color easier later. Set the shadow’s size to zero. Set the shadow’s angle to –90°. Use your judgement to set the distance.

8 days ago See more ››
Zurb  

ZURB Foundation Training How To Bridge Rows In Foundation

Here’s a how you can (appear to) extend Foundation columns past one row in three minutes. 1. Set up a row with columns. In this example, we’ll use two quarter-columns and a half. 2. Put two rows inside of the third column. Start by adding a row to the last column. Then give each inner row one column apiece. 3.

7 days ago See more ››
Zurb  

ZURB Foundation Training Gettin’ Griddy With It! Your

Download a Compatible Browser: Download/Update to Firefox 52 or Chrome 57 (Check out which version you have under the “About Google Chrome” menu item) Make a div and give it a class of .griddle. This will act as our CSS Grid container. Next, let’s add some pieces of a McGriddle into the mix.

9 days ago See more ››
Zurb  

ZURB Foundation Training How To Keep Your Foundation

Here are three tips to making your Foundation-based site stand out. 1. Don’t worry about aligning your containers to the grid. Align landmarks instead. Above: Matching a block of text to the left edge of an image may be technically correct, but aligning text to the Yeti’s torso makes the text a better visual fit. 2.

7 days ago See more ››
Zurb  

Motion UI Playground From ZURB

Motion UI includes a bundle of pre-made effects as CSS classes. This includes transition effects to slide, fade, hinge, scale, and spin, as well as a few built-in animations. You can preview the effects above, or head to the Motion UI documentation to see the full list. But where it …

7 days ago See more ››
Zurb  

About zurb.com courses

These online courses offer you a chance to better understand how Foundation works and how you can master it to create amazing projects. Introduction to Foundation 6. Achieve maximum thrust by learning how to use Foundation 6 to power your projects. The Foundation team will get you up to speed on everything you need to know to get the most out

Website: zurb.com

Total: 47 New Courses

FAQ?

What are the best courses?

Golfweek's Best 2020: Top 100 Best Courses You Can Play

  1. Pebble Beach Golf Links Pebble Beach, Calif. (No. ...
  2. Bandon Dunes (Pacific Dunes) Bandon, Ore. (No. ...
  3. Pinehurst (No. ...
  4. Bandon Dunes (Old Macdonald) Bandon, Ore. ...
  5. Whistling Straits (Straits) Mosel, Wis. ...
  6. Bandon Dunes (Bandon Dunes) Bandon, Ore. ...
  7. Shadow Creek North Las Vegas, Nev. ...
  8. Kiawah Island Golf Resort (Ocean Course) Kiawah Island, S.C. ...

More items...

How to choose your courses?

How to choose the right college course

  • Be open to all of your options. Whether you've known for a long time what you want to do in college, or you're completely unsure, try to be open when ...
  • Think about your interests. ...
  • Do your research. ...
  • Think about life after college. ...
  • Aim high. ...
  • Choose something broad. ...
  • Talk to someone about your options. ...
  • Consider alternatives. ...

What are some of the best Coursera courses?

10 Best Coursera Courses

  1. Google IT Support -Offered by Google -Coursera. This is an excellent course offered by Google and Coursera that can be a Launchpad for you in the IT field.
  2. The Science of Well-being - Yale University - Coursera. This course has been offered by the University of Yale and Coursera. ...
  3. Python For Everybody - University of Michigan - Coursera. ...

More items...

What courses are needed?

Colleges and universities require a basic level of education for all degrees and majors. The topics needed usually include English, mathematics, sciences, humanities, public speaking and foreign language. Some degree plans have required courses that apply to the general education courses.

Popular Search