Web Designing Training in Chandigarh (1)

1
Web Designing Training in Chandigarh

• CBitss Technologies

2
(No Transcript)
3
(No Transcript)
4
Fluid Grids

• A flexible grid-based layout is the cornerstone
  of responsive design. It uses relative sizing to
  fit the content to the devices screen size. The
  term grid is a little misleading because its
  not necessary to implement any of the available
  grid frameworks. Instead, CSS is used to position
  the content. This approach is based on
  percentages and is a departure from traditional
  pixel-based design principles. Responsive design
  moves away from the pixel-based approach because
  a pixel on one device could be eight pixels on
  another device. By basing text size, widths, and
  margins on percentages, a fixed size can be
  turned into a size relative to its display space.

5
Media Queries

• Media queries, also known as breakpoints, can be
  used to apply different styles based on the
  capabilities of the device. The website detects
  the type of device youre using or the size of
  your web browser and correctly displays the page.
  To see this in action, stretch the window of your
  web browser to different sizes. Notice how the
  page adjusts. Features can be used to control the
  width, height, max-width, max-height,
  device-height, orientation, aspect ratio, etc.

6
Flexible Images and Media

• This feature allows you to adapt images and other
  media to load differently, depending on the
  device, either by scaling or using the CSS
  overflow property.
• Scaling in CSS is relatively straightforwardthe
  media elements max width can be set at 100
  percent, and the web browser will make the image
  shrink and expand depending on its container.
• An alternative to scaling media is to crop it
  with CSS. Applying overflowhidden allows images
  to be cropped dynamically so that they fit into
  their containers.

7
CBitss Technologies

• SCO-23, 24,25, Level 3,
• Near Passport office,
• Sector 34 A, Chandigarh
• Contact Us 9988741983

Website - http//cbitss.in/web-designing-training
-in-chandigarh/
8
(No Transcript)