MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />
Agenda....<br />Why /DIV !!! <br />Table & TableLess Design<br />HTML 5 & CSS 3<br />What about FLASH!!!<br />فقرة الساحر ...
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<br />StructuralElements.<br /><ul><li>Header,Nav,Aside,Footer</li></ul>Audio & Video<br /><ul><li>Like SMIL </li></...
CSS 3<br />Color.<br /><ul><li>HSL colors
HSLA colors
opacity
RGBA colors</li></ul>Text effects <br /><ul><li>text-shadow</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
Scale</li></ul>3D Transformations (SAFARI)<br /><ul><li>PERSPECTIVE
MATRIX 3D
SCALE3D</li></li></ul><li>HTML5,CSS3 and JQueryVS FLASH<br />« Flash is buggy and crashes Macs, is a CPU hog, and a source...
HTML5,CSS3 and JQueryVS FLASH<br />« MS will STOP SUPPORTING<br />Flash Player FOR IE9 ….. <br />What do you think??»<br />
Upcoming SlideShare
Loading in …5
×

Cat stand up &lt;/div>

1,413 views

Published on

my session on CAT SCOPE 11

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,413
On SlideShare
0
From Embeds
0
Number of Embeds
52
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Cat stand up &lt;/div>

  1. 1. MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />
  2. 2. Agenda....<br />Why /DIV !!! <br />Table & TableLess Design<br />HTML 5 & CSS 3<br />What about FLASH!!!<br />فقرة الساحر !!! ???<br />
  3. 3. What’s /DIV<br />
  4. 4. Let’s SEE<br />
  5. 5. TABLE AND TABLE LESS DESIGN<br />
  6. 6. Advantages of TABLE LESS DESIGN<br />EASEOF MAINTENANCE<br />
  7. 7. Advantages of TABLE LESS DESIGN<br />ACCESSIBILITY<br />
  8. 8. Advantages of TABLE LESS DESIGN<br />LIGHTERCODE<br />
  9. 9. Advantages of TABLE LESS DESIGN<br />SEO BENEFITS<br />
  10. 10. Advantages of TABLE LESS DESIGN<br />BETTER PERFORMANCE<br />
  11. 11. Advantages of TABLE LESS DESIGN<br />SEMANTICS<br />
  12. 12. HTML 5<br />StructuralElements.<br /><ul><li>Header,Nav,Aside,Footer</li></ul>Audio & Video<br /><ul><li>Like SMIL </li></ul>NEW FORM CONTROLS (OPERA)<br />Block-Level Links<br />NEW APIs<br />
  13. 13. CSS 3<br />Color.<br /><ul><li>HSL colors
  14. 14. HSLA colors
  15. 15. opacity
  16. 16. RGBA colors</li></ul>Text effects <br /><ul><li>text-shadow</li></ul>Borders <br /><ul><li>border-color
  17. 17. border-image
  18. 18. border-radius
  19. 19. box-shadow</li></li></ul><li>CSS 3 CONT.<br />Backgrounds <br /><ul><li>Multiple Backgrounds
  20. 20. Backgrounds-Size </li></ul>Transformation<br /><ul><li>Rotate
  21. 21. Skew
  22. 22. Scale</li></ul>3D Transformations (SAFARI)<br /><ul><li>PERSPECTIVE
  23. 23. MATRIX 3D
  24. 24. 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 />
  25. 25. HTML5,CSS3 and JQueryVS FLASH<br />« MS will STOP SUPPORTING<br />Flash Player FOR IE9 ….. <br />What do you think??»<br />
  26. 26. It’s NOT CRAZY<br />Till Now, THIS DREAM Prove <br />That it’s Not a joke… it’s FACT<br />2015<br />
  27. 27. Time Of Magician<br />It’s Not a Magic …. Let’s See<br />
  28. 28. DISCUSSION<br />
  29. 29. SPECIAL THANKS<br />
  30. 30. Eng/ Ahmed Soliman<br />
  31. 31. Eng/ EbrahimA.El-Ftah<br />
  32. 32. My Friend .. Ahmed Samir<br />
  33. 33. YOU<br /><br />
  34. 34. MAHMOUD METWALLY<br />www.mahmoudmetwally.com<br />

×