#II<br />MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />
Agenda....<br />Web Engineering!!!<br />Why /DIV !!! <br />Table & TableLess Design<br />HTML 5 & CSS 3<br />What about FL...
Web Engineering<br />
Web Engineering<br />Adobe Ps,AI,Flash<br />Or any Design App.<br />Front-End Work<br />PHP,ASP,......etc<br />HTML<br />C...
What’s /DIV<br />
Let’s SEE<br />
TABLE AND TABLE LESS DESIGN<br />
Advantages of TABLE LESS DESIGN<br />EASEOF MAINTENANCE<br />
Advantages of TABLE LESS DESIGN<br />ACCESSIBILITY<br />
Advantages of TABLE LESS DESIGN<br />LIGHTERCODE<br />
Advantages of TABLE LESS DESIGN<br />SEO BENEFITS<br />
Advantages of TABLE LESS DESIGN<br />BETTER PERFORMANCE<br />
Advantages of TABLE LESS DESIGN<br />SEMANTICS<br />
HTML 5 & CSS 3<br />
HTML 5<br />StructuralElements.<br /><ul><li>Header,Nav,Aside,Footer</li></ul>Audio & Video<br />NEW FORM CONTROLS (OPERA)...
CSS 3<br />Color.<br /><ul><li>HSL colors
HSLA colors
opacity
RGBA colors</li></ul>Text effects <br /><ul><li>text-shadow
@FontFace</li></ul>Borders <br /><ul><li>border-color
border-image
border-radius
box-shadow</li></li></ul><li>CSS 3 CONT.<br />Backgrounds <br /><ul><li>Multiple Backgrounds
Backgrounds-Size </li></ul>Transformation<br /><ul><li>Rotate
Skew
Upcoming SlideShare
Loading in...5
×

Itzoomdiv#2

443

Published on

2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total Views
443
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Itzoomdiv#2

  1. 1. #II<br />MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />
  2. 2. Agenda....<br />Web Engineering!!!<br />Why /DIV !!! <br />Table & TableLess Design<br />HTML 5 & CSS 3<br />What about FLASH!!!<br />فقرة الساحر !!! ???<br />
  3. 3. Web Engineering<br />
  4. 4. Web Engineering<br />Adobe Ps,AI,Flash<br />Or any Design App.<br />Front-End Work<br />PHP,ASP,......etc<br />HTML<br />CSS<br />JS<br />Back-End Work<br />
  5. 5. What’s /DIV<br />
  6. 6. Let’s SEE<br />
  7. 7. TABLE AND TABLE LESS DESIGN<br />
  8. 8. Advantages of TABLE LESS DESIGN<br />EASEOF MAINTENANCE<br />
  9. 9. Advantages of TABLE LESS DESIGN<br />ACCESSIBILITY<br />
  10. 10. Advantages of TABLE LESS DESIGN<br />LIGHTERCODE<br />
  11. 11. Advantages of TABLE LESS DESIGN<br />SEO BENEFITS<br />
  12. 12. Advantages of TABLE LESS DESIGN<br />BETTER PERFORMANCE<br />
  13. 13. Advantages of TABLE LESS DESIGN<br />SEMANTICS<br />
  14. 14. HTML 5 & CSS 3<br />
  15. 15. HTML 5<br />StructuralElements.<br /><ul><li>Header,Nav,Aside,Footer</li></ul>Audio & Video<br />NEW FORM CONTROLS (OPERA)<br />Block-Level Links<br />NEW APIs<br />
  16. 16. CSS 3<br />Color.<br /><ul><li>HSL colors
  17. 17. HSLA colors
  18. 18. opacity
  19. 19. RGBA colors</li></ul>Text effects <br /><ul><li>text-shadow
  20. 20. @FontFace</li></ul>Borders <br /><ul><li>border-color
  21. 21. border-image
  22. 22. border-radius
  23. 23. box-shadow</li></li></ul><li>CSS 3 CONT.<br />Backgrounds <br /><ul><li>Multiple Backgrounds
  24. 24. Backgrounds-Size </li></ul>Transformation<br /><ul><li>Rotate
  25. 25. Skew
  26. 26. Scale</li></ul>3D Transformations (SAFARI)<br /><ul><li>PERSPECTIVE
  27. 27. MATRIX 3D
  28. 28. SCALE3D</li></li></ul><li>HTML5,CSS3 and JQueryVS FLASH<br />« Flash is buggy and crashes Macs, is a CPU hog, and a source of security holes. »<br />wikipedia.org<br />A program that contains a large number of bugs, and/or bugs that seriously interfere with its functionality, is said to be buggy.<br />
  29. 29. HTML5,CSS3 and JQueryVS FLASH<br />« MS will STOP SUPPORTING<br />Flash Player FOR IE9 ….. <br />What do you think??»<br />
  30. 30. It’s NOT CRAZY<br />Till Now, THIS DREAM Prove <br />That it’s Not a joke… it’s FACT<br />2015<br />
  31. 31. Time Of Magician<br />It’s Not a Magic …. Let’s See<br />
  32. 32. DISCUSSION<br />
  33. 33. SPECIAL THANKS<br />
  34. 34. YOU<br /><br />
  35. 35. MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×