MAHMOUD METWALLYwww.mahmoudmetwally.com

#II

Agenda....

• Web Engineering!!!• Why /DIV !!! • Table & TableLess Design• HTML 5 & CSS 3• What about FLASH!!!• الساحرفقرة !!! ???

Web Engineering

Web Engineering

Design

Back-End

Front-End

HTMLCSSJS

Back-End Work

Front-End WorkPHP,ASP,......etc

Adobe Ps,AI,FlashOr any Design

App.

What’s /DIV

Let’s SEE

TABLE AND TABLE LESS DESIGN

Advantages of TABLE LESS DESIGN

EASE OF MAINTENANCE

Advantages of TABLE LESS DESIGN

ACCESSIBILITY

Advantages of TABLE LESS DESIGN

LIGHTER CODE

Advantages of TABLE LESS DESIGN

SEO BENEFITS

Advantages of TABLE LESS DESIGN

BETTER PERFORMANCE

Advantages of TABLE LESS DESIGN

SEMANTICS

HTML 5 & CSS 3

HTML 5

• Structural Elements.• Header,Nav,Aside,Footer

• Audio & Video • NEW FORM CONTROLS (OPERA)• Block-Level Links• NEW APIs

CSS 3

• Color.• HSL colors• HSLA colors• opacity• RGBA colors

• Text effects • text-shadow• @FontFace

• Borders • border-color• border-image• border-radius• box-shadow

CSS 3 CONT.

• Backgrounds • Multiple Backgrounds• Backgrounds-Size

• Transformation• Rotate• Skew• Scale

• 3D Transformations (SAFARI)• PERSPECTIVE• MATRIX 3D• SCALE3D

HTML5,CSS3 and JQuery VS FLASH

« Flash is buggy and crashes Macs, is a CPU hog, and a source of security holes. »

A program that contains a large number of bugs, and/or bugs that seriously interfere with its functionality, is said to be buggy.

wikipedia.org

HTML5,CSS3 and JQuery VS FLASH

« MS will STOP SUPPORTING Flash Player FOR IE9 …..

What do you think??»

It’s NOT CRAZY

Till Now, THIS DREAM Prove That it’s Not a joke… it’s FACT

2015

Time Of Magician

It’s Not a Magic …. Let’s See

DISCUSSION

SPECIAL THANKS

YOU

MAHMOUD METWALLYwww.mahmoudmetwally.com