The Resource Building a responsive site with Zurb Foundation, Andrea Moretti
Building a responsive site with Zurb Foundation, Andrea Moretti
Resource Information
The item Building a responsive site with Zurb Foundation, Andrea Moretti represents a specific, individual, material embodiment of a distinct intellectual or artistic creation found in Merrimack Valley Library Consortium.This item is available to borrow from 1 library branch.
Resource Information
The item Building a responsive site with Zurb Foundation, Andrea Moretti represents a specific, individual, material embodiment of a distinct intellectual or artistic creation found in Merrimack Valley Library Consortium.
This item is available to borrow from 1 library branch.
- Summary
- "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."--Resouce description page
- Language
- eng
- Extent
- 1 online resource (1 streaming video file (1 hr., 52 min., 57 sec.))
- Note
-
- Title from title screen (viewed August 12, 2015)
- Date from resource description page
- Label
- Building a responsive site with Zurb Foundation
- Title
- Building a responsive site with Zurb Foundation
- Statement of responsibility
- Andrea Moretti
- Language
- eng
- Summary
- "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."--Resouce description page
- Cataloging source
- UMI
- Characteristic
- videorecording
- http://library.link/vocab/creatorName
- Moretti, Andrea
- LC call number
- TK5105.888
- PerformerNote
- Presenter, Andrea Moretti
- Runtime
- 113
- http://library.link/vocab/subjectName
-
- Web sites
- Web site development
- HTML (Document markup language)
- Cascading style sheets
- Technique
- live action
- Label
- Building a responsive site with Zurb Foundation, Andrea Moretti
- Note
-
- Title from title screen (viewed August 12, 2015)
- Date from resource description page
- Carrier category
- online resource
- Carrier category code
-
- cr
- Carrier MARC source
- rdacarrier
- Color
- multicolored
- Configuration of playback channels
- unknown
- Content category
- two-dimensional moving image
- Content type code
-
- tdi
- Content type MARC source
- rdacontent
- Control code
- ocn918863973
- Dimensions
- unknown
- Extent
- 1 online resource (1 streaming video file (1 hr., 52 min., 57 sec.))
- Form of item
- online
- Media category
- computer
- Media MARC source
- rdamedia
- Media type code
-
- c
- Medium for sound
- other
- Other physical details
- digital, sound, color
- Sound
- sound
- Sound on medium or separate
- sound on medium
- Specific material designation
-
- remote
- other
- Stock number
- CL0500000627
- Video recording format
- other
- Label
- Building a responsive site with Zurb Foundation, Andrea Moretti
- Note
-
- Title from title screen (viewed August 12, 2015)
- Date from resource description page
- Carrier category
- online resource
- Carrier category code
-
- cr
- Carrier MARC source
- rdacarrier
- Color
- multicolored
- Configuration of playback channels
- unknown
- Content category
- two-dimensional moving image
- Content type code
-
- tdi
- Content type MARC source
- rdacontent
- Control code
- ocn918863973
- Dimensions
- unknown
- Extent
- 1 online resource (1 streaming video file (1 hr., 52 min., 57 sec.))
- Form of item
- online
- Media category
- computer
- Media MARC source
- rdamedia
- Media type code
-
- c
- Medium for sound
- other
- Other physical details
- digital, sound, color
- Sound
- sound
- Sound on medium or separate
- sound on medium
- Specific material designation
-
- remote
- other
- Stock number
- CL0500000627
- Video recording format
- other
Library Links
Embed
Settings
Select options that apply then copy and paste the RDF/HTML data fragment to include in your application
Embed this data in a secure (HTTPS) page:
Layout options:
Include data citation:
<div class="citation" vocab="http://schema.org/"><i class="fa fa-external-link-square fa-fw"></i> Data from <span resource="http://link.mvlc.org/portal/Building-a-responsive-site-with-Zurb-Foundation/pbzLa5JcwAU/" typeof="Book http://bibfra.me/vocab/lite/Item"><span property="name http://bibfra.me/vocab/lite/label"><a href="http://link.mvlc.org/portal/Building-a-responsive-site-with-Zurb-Foundation/pbzLa5JcwAU/">Building a responsive site with Zurb Foundation, Andrea Moretti</a></span> - <span property="potentialAction" typeOf="OrganizeAction"><span property="agent" typeof="LibrarySystem http://library.link/vocab/LibrarySystem" resource="http://link.mvlc.org/"><span property="name http://bibfra.me/vocab/lite/label"><a property="url" href="http://link.mvlc.org/">Merrimack Valley Library Consortium</a></span></span></span></span></div>
Note: Adjust the width and height settings defined in the RDF/HTML code fragment to best match your requirements
Preview
Cite Data - Experimental
Data Citation of the Item Building a responsive site with Zurb Foundation, Andrea Moretti
Copy and paste the following RDF/HTML data fragment to cite this resource
<div class="citation" vocab="http://schema.org/"><i class="fa fa-external-link-square fa-fw"></i> Data from <span resource="http://link.mvlc.org/portal/Building-a-responsive-site-with-Zurb-Foundation/pbzLa5JcwAU/" typeof="Book http://bibfra.me/vocab/lite/Item"><span property="name http://bibfra.me/vocab/lite/label"><a href="http://link.mvlc.org/portal/Building-a-responsive-site-with-Zurb-Foundation/pbzLa5JcwAU/">Building a responsive site with Zurb Foundation, Andrea Moretti</a></span> - <span property="potentialAction" typeOf="OrganizeAction"><span property="agent" typeof="LibrarySystem http://library.link/vocab/LibrarySystem" resource="http://link.mvlc.org/"><span property="name http://bibfra.me/vocab/lite/label"><a property="url" href="http://link.mvlc.org/">Merrimack Valley Library Consortium</a></span></span></span></span></div>