Znajdź zawartość

Building a Responsive Site with Zurb Foundation English | 1 Hour 53 minutes | AVC (.mp4) 1280x720 25fps | AAC 48KHz 2ch | 409 Mb Genre: eLearning If you're looking forward to create complete websites, live mock-ups, or HTML templates, this video course is for you. To effectively follow this course, you should have a very basic knowledge of HTML and CSS syntax. Knowing how to use a terminal would also be helpful to fully understand the coding workflow. About This Book 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 Table of Contents INTRODUCING FOUNDATION MAKING OUR SITE RESPONSIVE NAVIGATING THE SITE STRUCTURING THE CONTENT ADDING MEDIA CONTENT CONSTRUCTING FORMS BUTTONS AND UI ELEMENTS CONCLUSIONS What You Will Learn Scaffold a new website using Zurb Foundation Play with a responsive design using Foundation's grid system and media queries Create effective site navigation optimized for both desktop and mobile platforms using side-nav and magellan Master different content elements using powerful Foundation classes and great typography balance Show effective media elements such as flex-video, interchange, and lightboxes without penalizing mobile users Design beautiful forms to deal with user input Use Foundation JavaScript plug-ins to make the content a bit more dynamic and pleasant for the viewer Customize the Framework style to transform mock-ups into production-ready websites 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 Style and Approach A very practical and easy-to-follow tutorial that explains each topic and how Foundation tackles that problem, using its fantastic and simple tools to prepare a re[beeep]e website with live code and output. Authors Andrea Moretti Andrea Moretti is a freelance developer. He has worked on various websites using Zurb Foundation Framework as well as big web application projects where Foundation is used side to side with other technologies. He is an active open source contributor and is actually maintaining Foundation templates for static site generator such as Middleman and Docpad. He teaches JavaScript and PHP at Fusolab 2.0 in Rome and is an active meMber of the RomaJS JavaScript user group. He's passionate about beautiful code, functional programming, syntactic sugar, and sugar-free chocolate. He is also a photographer and photo assistant, having worked on assignments for the major Italian magazines as well as luxury hotels, art galleries, Italian textile firms, big corporations, and food-related events. DOWNLOAD http://rapidgator.net/file/6e54174c2857bd1efbd5fd5336680d00/hResponsive.part1.rar.html http://rapidgator.net/file/88ba5d85d6078569908c7a184141bc98/hResponsive.part2.rar.html http://rapidgator.net/file/83bc6672cced1e1a7c6df3c4e85f8f6a/hResponsive.part3.rar.html http://rapidgator.net/file/00d452ca358a32c228a6adad68856068/hResponsive.part4.rar.html http://rapidgator.net/file/bdce308a300ed5aca247f35e8b2faabb/hResponsive.part5.rar.html http://uploaded.net/file/apb9lt58/hResponsive.part1.rar http://uploaded.net/file/86pq75p2/hResponsive.part2.rar http://uploaded.net/file/1x6z6kuh/hResponsive.part3.rar http://uploaded.net/file/j3fdnb6z/hResponsive.part4.rar http://uploaded.net/file/04p0g789/hResponsive.part5.rar http://www.hitfile.net/0AIZ/hResponsive.part1.rar.html http://www.hitfile.net/06pw/hResponsive.part2.rar.html http://www.hitfile.net/0DAm/hResponsive.part3.rar.html http://www.hitfile.net/061C/hResponsive.part4.rar.html http://www.hitfile.net/05p9/hResponsive.part5.rar.html http://www.uploadable.ch/file/WxssejE7Pu62/hResponsive.part1.rar http://www.uploadable.ch/file/SvKngCNE5Xw4/hResponsive.part2.rar http://www.uploadable.ch/file/fJ2qTKDxvkMG/hResponsive.part3.rar http://www.uploadable.ch/file/VfhZVcN7HxA2/hResponsive.part4.rar http://www.uploadable.ch/file/xHdpvTNcHB5T/hResponsive.part5.rar

InfiniteSkills - Learning ZURB Foundation Training Video With John Ulliman Duration: 2.5 Hours | h264, yuv420p, 1280x720, 15.00 fps | aac, 48000 Hz, mono | 747 MB Genre: eLearning | Language: English In this Learning ZURB Foundation training course, expert author John Ulliman will teach you how to create websites using the Foundation platform. This course is designed for users that already have experience with HTML5, CSS, and basic website construction. You will start by learning how to download and install Foundation. John will then teach you about grids, including using the Foundation grid and the equalizer. From there, you will learn how to format content, including the pricing table style, custom CSS, and block grids. This video tutorial also covers buttons and navigation, such as side navigation, the top bar menu, and the icon bar. Finally, you will learn about forms, alerts, and modals. Once you have completed this computer based training course, you will be fully capable of using ZURB Foundation to create your own websites. Working files are included, allowing you to follow along with the author throughout the lessons Download From Uploaded http://uploaded.net/file/m415pik8/insk.lernZurbF.part1.rar http://uploaded.net/file/qw9n2qr1/insk.lernZurbF.part2.rar http://uploaded.net/file/in6s1rjb/insk.lernZurbF.part3.rar http://uploaded.net/file/4etbgk19/insk.lernZurbF.part4.rar Download From NitroFlare http://www.nitroflare.com/view/2781D4D3D992AF7/insk.lernZurbF.part1.rar http://www.nitroflare.com/view/3ED0BCAF03DD9F4/insk.lernZurbF.part2.rar http://www.nitroflare.com/view/7AD5CB49969598F/insk.lernZurbF.part3.rar http://www.nitroflare.com/view/2E5F3896AE269C0/insk.lernZurbF.part4.rar Download From Rapidgator http://rapidgator.net/file/1fc8db29a0c3082341079eddef10ea0e/insk.lernZurbF.part1.rar.html http://rapidgator.net/file/c25e8665c87080fcfcfb585dc3441ecb/insk.lernZurbF.part2.rar.html http://rapidgator.net/file/6b230245655526d5204c5f4305c45bd3/insk.lernZurbF.part3.rar.html http://rapidgator.net/file/42826038f2bd85b8fb8e58a3ba0fe7f0/insk.lernZurbF.part4.rar.html Download From Uploadable http://www.uploadable.ch/file/dMsWm2CaGqDR/insk.lernZurbF.part1.rar http://www.uploadable.ch/file/xA6Qdg5Eb8PS/insk.lernZurbF.part2.rar http://www.uploadable.ch/file/6mDvzaM6G5S6/insk.lernZurbF.part3.rar http://www.uploadable.ch/file/vMyxRUCNF4NN/insk.lernZurbF.part4.rar