css trends presenter: dang minh tuan. about me full name: Đặng minh tuấn nick name: ohisee...
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/9.jpg)
<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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062804/5697bf791a28abf838c82518/html5/thumbnails/21.jpg)
Thank you
• For listening and supporting me • Ask me more at: http://ohisee.com/dd/