Agility in Web Design & Development

Ahmed AlShair

What is Agility?

• To do things fast and in the min. number of steps.

• Wide capability to edit or re-shape your work easily.

Why Agility?

• Because TIME is the largest obstacle in web design and development tasks!

Agility in

Pre-Design Stage

Assets Design Stage

Coding Stage

+ A nice Trick for Web Pages Transition

Pre-Design Stage

• Think First !

• Use Your Pen..

• Choose the Right WorkSpace

Design Stage

• Use The Right Tools !

Photoshop:

• Generator

• Automate-Batch

Generator Syntax

200x500 Image_name.png -92%

35cmx70cm Image_name.jpg 80%

60% folder/Image.png

150% img1.gif,img2.jpg

Size Name Quality

125mmx? img1.gif,img2.jpg

Coding Stage

• Choose the Right Code Editor!

Fast Review

on Brackets

Coding Stage

• Create your own Frameworks and Libraries

• Consider Easy maintenance while coding

Page Transitions

• How to make web pages transition elegant and unique?

Thank You

Feel Free to Ask !