css trends presenter: dang minh tuan. about me full name: Đặng minh tuấn nick name: ohisee...

21
CSS Trends Presenter: Dang Minh Tuan

Upload: gervase-gordon

Post on 17-Jan-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

CSSTrends

Presenter: Dang Minh Tuan

Page 2: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

About Me

Full name: Đặng Minh Tuấn

Nick name: ohisee (oh-i-see)

Job: Work as Web Developer Freelancer and APTECH teacher

Website: http://ohisee.com/

Page 3: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

Topics

• History of CSS and the Web (3’)– For who? Any

• How to use CSS (10’)– For who? Basic Level

• CSS today (25’)– For who? Intermediate Level (who know how to use

CSS)

• Something more (5’)– Future of CSS– HTML 5 (if we have enough time)

Page 4: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

History of CSS and the Web

Page 5: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

HTML

C S S

When the Web was born, CSS is nearly NOTHING

People use <u>HTML</u> to make the <b>Web</b> <i>Presentation</i>

People use HTML to make the Web Presentation

Page 6: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

Use only HTML to make Website

And Regret Later

It’s very Hard to Change

Page 7: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

The Age of CSS

Page 8: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

Everything

You Know About

HTML

Is

Wrong

Page 9: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

<style type=“text/css”>

b {

font-weight: normal;

font-style: italic;

}

</style>

I’m a <b>bold</b>. But I’m normal and in italic style.

I’m a bold. But I’m normal and in italic style.

Page 10: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

How to use CSS

Page 11: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

DEMOConverting the Presentation of a HTML Element from One to Another

And Some CSS Properties!

Page 12: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

It’s time to separate Structure from Presentation

HTML CSS

Page 13: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

CSS becomes stronger

Page 14: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

How CSS look like in 2009?

CSS today

Page 15: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

CSS3More Magic

Page 16: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

CSS3More Magic

Easy Text Columns

Fancy Modal

Inline Form Labels

Using Image Masks

Page 17: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

OOCSSMore Power, More Flexible

Page 18: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

CSS FrameworksMore Libraries. More Choices.

Page 19: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

More tools

CSS Generator

Page 20: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

Others!

• I want to talk more about– CSS for Applications– CSS in various devices– Future of CSS

• Will 2D Webs die when 3D Webs coming (and CSS dies, too)?

• How about CSS for Application

– HTML5

Page 21: CSS Trends Presenter: Dang Minh Tuan. About Me Full name: Đặng Minh Tuấn Nick name: ohisee (oh-i-see) Job: Work as Web Developer Freelancer and APTECH

Thank you

• For listening and supporting me • Ask me more at: http://ohisee.com/dd/