Featured! - 76%

Building a Responsive Site with Zurb Foundation – Packt Publishing

Add your review

Original price was: $85.00.Current price is: $20.00.

(-76%)

Building a Responsive Site with Zurb Foundation – Packt Publishing Download. Dealing with browser compatibility, media queries, style consistency, and effe…

SAVE MORE 70% Building a Responsive Site with Zurb Foundation – Packt Publishing course Full content with 30% price as sale page. After purchasing a course from WSOlib, you will get the download link using lifetime.

Salepage link: At HERE. Archive: http://archive.is/DmMYv

Building a Responsive Site with Zurb Foundation

A fascinating journey from the very basics of Zurb Foundation to a complete responsive website

A fascinating journey from the very basics of Zurb Foundation to a complete responsive website

About This Video

  • Use grid layouts effectively to create a consistent experience on all mobile devices and desktops
  • Beautify your page and enable automatic content structuring using accordion and equalizer
  • Program your site to adapt to any screen size using interchange and specific lightweight content

In Detail

Zurb Foundation is one of the most diffused best performing front-end design frameworks out there.

Dealing with browser compatibility, media queries, style consistency, and effective layouts could be a huge pain today, but Foundation comes to the rescue. With minimal effort, it allows you to create a production ready, responsive website or is a great starting point for a highly customized project.

Building a Responsive Site with Zurb Foundation will show you every major aspect of the framework, as well as general best practices and workflow tips, guiding you through the process of creating a live mock-up for a photography website. Every video will introduce some of Foundation’s features and will use them to enhance the website in order to provide a practical experience with all the topics.

The course begins with an empty folder, where we’ll install the Zurb Foundation framework and will start adding new pages and enhancements to cover all the key aspects of the framework itself.

We begin our journey by explaining why there is a need for a framework, how to set up a modern working environment, and how to scaffold a new project with Zurb Foundation. We’ll then immediately introduce some responsive design key concept as well as the advantages of a mobile-first approach and how Foundation helps us with these scenarios.

As we advance through the course, we’ll introduce all the major aspects of the framework, translating them in working code for our website. We are going to deal with navigation techniques as well as typography, content elements, and forms. As we come to an end, we’ll emphasize how to deal with media elements in a responsive environment, trying out different approaches to effectively show image galleries both on desktop and mobile.

Through the whole course, we’ll witness some general best practices such as using a semantic mark-up using SASS and how to optimize our work for deployment. Finally, we’ll cover some JavaScript elements, showing how Foundation helps us introduce some dynamism on our website with nearly no programming knowledge.

At the end of the course, you will have the skills to create responsive websites starting from scratch by making use of all the Foundation elements.

Course Curriculum

Introducing Foundation

  • What Is a Framework? (2:35)
  • Understanding the Working Environment (2:42)
  • Installing Foundation (2:36)
  • Why Use SASS? (2:55)
  • Scaffolding Our Website (3:01)

Making Our Site Responsive

  • Learning Media Queries (3:29)
  • Grasping the Grid System (2:52)
  • Seeing Visibility Classes (3:33)
  • Why to Go Mobile First? (2:58)
  • Using interchange.js (2:53)

Navigating the site

  • Browsing Off-canvas on Mobile (3:01)
  • Incorporating the Top Bar (2:36)
  • Implementing the Sticky-nav (2:55)
  • Incorporating the Side-nav (3:21)
  • Using Dropdowns (3:13)

Structuring the Content

  • Incorporating Tabs (2:47)
  • Beautiful Typography (2:50)
  • Implementing a Pricing Table (2:35)t
  • Learning Accordions (2:36)
  • Using the Equalizer (2:20)t

Adding Media Content

  • Incorporating Thumbnails (3:10)
  • Understanding the Block Grid (2:14)
  • Incorporating Flex-video (3:27)
  • Learning ‘Interchange’ (3:49)
  • Using Lightboxes (2:47)

Constructing Forms

  • Creating Basic Forms (2:11)
  • Understanding Form Utilities (2:07)
  • Implementing Switches and Ranges (3:12)t
  • Using Abide Validation (2:48)

Buttons and UI Elements

  • Customizing Buttons (3:29)
  • Using Panels and Alerts (2:58)
  • Learning Tooltips (2:05)
  • Adding Modals (2:37)
  • Incorporating Pagination and Breadcrumbs (3:30)

Conclusions

  • Customizing Foundation (2:51)
  • Optimizing for Deployment (2:41)
  • Using Templates and the Zurb Playground (2:41)
  • What Have We Learned So Far? (2:55)
  • Where to Go from Here? (3:21)
GET MORE ...
Since we have a lot of courses in stock, if you cannot find your favorite course, please let us know. To search for other courses and discounts available, let's have a conversation! What are you waiting for?

Here's an overview of the prominent keywords and a list of famous authors:

Business and Sales: Explore business strategies, sales skills, entrepreneurship, and brand-building from authors like Joe Wicks, Jillian Michaels, and Tony Horton.

Sports and Fitness: Enhance athleticism, improve health and fitness with guidance from experts like Shaun T, Kayla Itsines, and Yoga with Adriene.

Personal Development: Develop communication skills, time management, creative thinking, and enhance self-awareness from authors like Gretchen Rubin, Simon Sinek, and Marie Kondo.

Technology and Coding: Learn about artificial intelligence, data analytics, programming, and blockchain technology from thought leaders like Neil deGrasse Tyson, Amy Cuddy, and Malcolm Gladwell.

Lifestyle and Wellness: Discover courses on holistic health, yoga, and healthy living from authors like Elizabeth Gilbert, Bill Nye, and Tracy Anderson.

Art and Creativity: Explore the world of art, creativity, and painting with guidance from renowned artists like Bob Ross and others.

All the courses on WSOlib are led by top authors and experts in their respective fields. Rest assured that the knowledge and skills you acquire are reliable and highly applicable.

Specification: Building a Responsive Site with Zurb Foundation – Packt Publishing

Status

Language

Author

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Original price was: $85.00.Current price is: $20.00.

PURCHASE THIS COURSE, YOU ACCUMLATE: 20 POINTs!


Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare
Top offers
Original price was: $995.00.Current price is: $99.00.
Original price was: $497.00.Current price is: $69.00.
Original price was: $6,999.00.Current price is: $199.00.
Original price was: $199.00.Current price is: $49.00.
Original price was: $99.00.Current price is: $39.00.
Building a Responsive Site with Zurb Foundation – Packt Publishing
Building a Responsive Site with Zurb Foundation – Packt Publishing

Original price was: $85.00.Current price is: $20.00.

WSO.lib
Logo
Compare items
  • Total (0)
Compare
0
Shopping cart