Project 8 blvd fluid grid site
This presentation is the property of its rightful owner.
Sponsored Links
1 / 9

Project 8: BLVD Fluid Grid Site PowerPoint PPT Presentation


  • 127 Views
  • Uploaded on
  • Presentation posted in: General

Project 8: BLVD Fluid Grid Site. Working with fluid grids Creating CSS3 transitions. Creating a Fluid Grid Page. Dependent Files. Fluid Grid Layout Divs. Three selectors per div Media queries for each screen size. Media Queries. Fluid Grid Layout Divs.

Download Presentation

Project 8: BLVD Fluid Grid Site

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Project 8 blvd fluid grid site

Project 8:BLVD Fluid Grid Site

  • Working with fluid grids

  • Creating CSS3 transitions

Adobe Dreamweaver CC: The Professional Portfolio


Creating a fluid grid page

Creating a Fluid Grid Page

Adobe Dreamweaver CC: The Professional Portfolio


Dependent files

Dependent Files

Adobe Dreamweaver CC: The Professional Portfolio


Fluid grid layout divs

Fluid Grid Layout Divs

  • Three selectors per div

  • Media queries for each screen size

Adobe Dreamweaver CS6: The Professional Portfolio


Media queries

Media Queries

Adobe Dreamweaver CC: The Professional Portfolio


Fluid grid layout divs1

Fluid Grid Layout Divs

  • Placed inside the gridContainer div tag

  • Class or ID attribute

Adobe Dreamweaver CC: The Professional Portfolio


Multiple device layouts

Multiple Device Layouts

  • Unique layout div selectors for each

  • Same content

Adobe Dreamweaver CC: The Professional Portfolio


Css3 transitions

CSS3 Transitions

Adobe Dreamweaver CC: The Professional Portfolio


Css transitions cont

CSS Transitions (cont.)

Adobe Dreamweaver CC: The Professional Portfolio


  • Login