A

Ammara Gul - Aspiring Web Developer

CSS:Transform and Transitions

  1. 1)Apply CSS Transition
  2. 2)Manage Transition Timing
  3. 3)Steps and Delays
  4. 4)Asymmetric transition
  5. 5)The 2D Transformartion Styles
  6. 6)Combine Transformations
  7. 7)Rotation and scaling in 3D
  8. 8)Multiple Transformation in 3D
  9. 9)Perspective in 3D space
  10. 10)Create a 3D Cube

CSS:Animation

  1. 1) CSS Transitions
  2. 2) Animation Direction,Timing function and Easing
  3. 3) Infinitely Looping animation
  4. 4) Pause and Play with animation-play-state
  5. 5) Animate 3D Transforms
  6. 6) Animate sprite images with steps
  7. 7) Chain Multiple Animations
  8. 8) Applying CSS Animation to SVG
  9. 9)This section is about some tips to use animations e.g Browser support for animations and Fallbacks.
  10. 10)This section is about some helpful online tools for animation and using browser's animation inspection tools.

CSS:Refactoring Style Sheets

  1. 1) Section 1 describes what is Refactoring?when we should refactor css and when not.It also informs about some refactoring priniciples.
  2. 2) Refactoring Tools
  3. This section demonstrates a practical example of CSS Refactoring and also describes how to quarantine unused code to reduce load.
  4. 4) Automating Refactoring Using Task Runners

CSS:Variables and Fluid Layouts

  1. 1) Applying calc in a Layout Example
  2. 2) CSS Custom Properties
  3. 3) CSS Variables
  4. 4) Adding Custom Properties to Type Scale
  5. 5) Add Media Queries to Grid System
  6. 6) Rewrite CSS to intigrate calc() and Custom Properties
  7. 7) Intigrate gap between grid cells
  8. 8) Make the Layout even more flexible
  9. 9) Media query Integration
  10. 10) Refactor a Web Page

Skills