HTML5, CSS3, and JavaScript

•

13 recomendaciones•3,996 vistas

Zac Gordon

Lecture slides and videos from my talk at the 2011 Montgomery College Student Web and Gaming Conference.

Tecnología

An open platform for programmers and designers,[object Object]

What is HTML5? HTML CSS JavaScript HTML: Hyper Text Markup Language ,[object Object]

HTML5: Semantics typical html4 page structure

HTML5: Semantics page structure with HTML5

HTML5: Microdata html for an event with microdata

HTML5: Offline & Storage Gmail works offline using HTML5 and Google Gears

HTML5: Device Orientation Snow fall changes based on moving laptop to left and right

HTML5: Web Sockets Web sockets send data between the server and client fasterthan http requests

CSS3: Rounded Corners This HTML embeds two of the images in the page as normal images

CSS3: Rounded Corners The other two images are added in the CSS

CSS3: Rounded Corners This HTML is much simpler and has no images in it

Más contenido relacionado

La actualidad más candente

Web DevelopmentHarshdeep Singh

HTML CSS & JavascriptDavid Lindkvist

Training HTML5 CSS3 Ilkom IPBWahyu Putra

Basics of css and xhtmlsagaroceanic11

Building a Better Web with HTML5 and CSS3Karambir Singh Nain

A practical guide to building websites with HTML5 & CSS3Darren Wood

Front end development best practicesKarolina Coates

Intro to CSS3Denise Jacobs

Intro to HTML, CSS & JS - Internship Presentation Week-3Devang Garach

Modern Web DevelopmentRobert Nyman

web designing course bangaloreInfocampus Logics Pvt.Ltd.

Web developmentGarvitBaleshwar

Web Development basics with WordPressRashna Maharjan

HTML5 CSS3 Basics Srinivas Tamada

The road to professional web developmentChristian Heilmann

Front End Best PracticesHolger Bartel

Html5Nitish Sharma

html5_css3Sindh Madresatul Islam University

Dive into HTML5: SVG and CanvasDoris Chen

An Introduction To HTML5Robert Nyman

La actualidad más candente (20)

Web Development

HTML CSS & Javascript

Training HTML5 CSS3 Ilkom IPB

Basics of css and xhtml

Building a Better Web with HTML5 and CSS3

A practical guide to building websites with HTML5 & CSS3

Front end development best practices

Intro to CSS3

Intro to HTML, CSS & JS - Internship Presentation Week-3

Modern Web Development

web designing course bangalore

Web development

Web Development basics with WordPress

HTML5 CSS3 Basics

The road to professional web development

Front End Best Practices

Html5

html5_css3

Dive into HTML5: SVG and Canvas

An Introduction To HTML5

Destacado

Introduction to HTML5 & CSS3Pradeep Varadaraja Banavara

Html5/CSS3Simratpreet Singh

Euro python2011 High Performance PythonIan Ozsvald

Eduvision - Webinar html5 css3Eduvision Opleidingen

HTML practicals Abhishek Sharma

Introduction to CSS3Doris Chen

Image Editing With Photoshop Csbrighteyes

Introduction to htmlvikasgaur31

Presentation on adobe photoshop® toolsHarshit Dave

Introduction to photoshopReymart Canuel

Destacado (10)

Introduction to HTML5 & CSS3

Html5/CSS3

Euro python2011 High Performance Python

Eduvision - Webinar html5 css3

HTML practicals

Introduction to CSS3

Image Editing With Photoshop Cs

Introduction to html

Presentation on adobe photoshop® tools

Introduction to photoshop

Similar a HTML5, CSS3, and JavaScript

HTML5- The Boosting Era of Web DevelopmentMobilePundits

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley

State of the WebDmitry Buzdin

CSS3 and a brief introduction to Google Maps API v3 Jeffrey Barke

Decoding the Webnewcircle

HTML 5 - A developers perspectiveSanthosh Kumar Srinivasan

Creating Great Applications in SharePoint 2010 with Silverlight 4Boston Area SharePoint Users Group

Intro to HTML & CSSSyed Sami

Career guidelineMehrab Hossain

New Web Revolution - html5 and css3Nitish Surelia

HTML5 vs SilverlightMark Allan

Introduction to HTML5/CSS3 In Drupal 7Mediacurrent

Enhancing SharePoint with Responsive Web DesignEric Overfield

Rakshat bhatiRakshat bhati

Change by HTML5dynamis

HTML5: An OverviewNagendra Um

Refreshing Your UI with HTML5, Bootstrap and CSS3Matt Raible

Delhi student's dayAnkur Mishra

DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefitsFrédéric Harper

HTML5 for developersMark Allan

Similar a HTML5, CSS3, and JavaScript (20)

HTML5- The Boosting Era of Web Development

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

State of the Web

CSS3 and a brief introduction to Google Maps API v3

Decoding the Web

HTML 5 - A developers perspective

Creating Great Applications in SharePoint 2010 with Silverlight 4

Intro to HTML & CSS

Career guideline

New Web Revolution - html5 and css3

HTML5 vs Silverlight

Introduction to HTML5/CSS3 In Drupal 7

Enhancing SharePoint with Responsive Web Design

Rakshat bhati

Change by HTML5

HTML5: An Overview

Refreshing Your UI with HTML5, Bootstrap and CSS3

Delhi student's day

DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits

HTML5 for developers

Más de Zac Gordon

Learning the Niche of Theme Setup & CustomizationZac Gordon

Server Side Programming Zac Gordon

Introduction to CMSZac Gordon

Introduction to jQuery - College LectureZac Gordon

Introduction to Javascript - College LectureZac Gordon

Designing Across Web Devices - College CourseZac Gordon

Más de Zac Gordon (6)

Learning the Niche of Theme Setup & Customization

Server Side Programming

Introduction to CMS

Introduction to jQuery - College Lecture

Introduction to Javascript - College Lecture

Designing Across Web Devices - College Course

Último

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3

Commit 2024 - Secret Management made easyAlfredo García Lavilla

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

The State of Passkeys with FIDO Alliance.pptxLoriGlavin3

What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett

HTML5, CSS3, and JavaScript

1. HTML5 makes the web better

2. Zac Gordon professional webucator

4. Accessed across a range of devices

7. Gives structure and meaning

9. Styles content for device

10.

11. Controls behavior on a web page

12.

13. HTML5: Semantics

14. HTML5: Semantics typical html4 page structure

15. HTML5: Semantics page structure with HTML5

16. HTML5: Microdata html for an event

17. HTML5: Microdata html for an event with microdata

18. HTML5: Microdata

19. HTML5: Offline & Storage

20. HTML5: Offline & Storage Gmail works offline using HTML5 and Google Gears

21. HTML5: Device Access

22. HTML5: Geolocation

23. HTML5: Geolocation

24. HTML5: Geolocation

25. HTML5: Device Orientation Snow fall changes based on moving laptop to left and right

26. HTML5: Connectivity

27. HTML5: Web Sockets Web sockets send data between the server and client fasterthan http requests

28. HTML5: Multimedia

29. HTML5: Multimedia

30. HTML5: Multimedia

31. HTML5: Multimedia

32. New with HTML5

33. HTML5: Canvas

34. HTML5: Canvas

35. HTML5: Canvas

36. HTML5: Performance

37. HTML5: XMLhttprequest 2

38. HTML5: CSS3

39.

40. Multiple backgrounds

41. RGBa & opacity

42. Web fonts

43. Text & box shadow

44. Gradients

45. Advanced selectors

46.

47. CSS3: Rounded Corners This HTML embeds two of the images in the page as normal images

48. CSS3: Rounded Corners The other two images are added in the CSS

49. CSS3: Rounded Corners This HTML is much simpler and has no images in it

50. CSS3: Rounded Corners Styling for rounded corners done in 1 line with CSS3!

51. CSS3: Web Fonts Before CSS3, custom fonts required making images for each word or using Flash to embed fonts and replace HTML text

52. CSS3: Web Fonts

53. CSS3: Web Fonts

54. CSS3: Media Queries Apply different styles based on measurements of the device

55. HTML5: Overview

56. What is HTML5? HTML CSS JavaScript

57.

58. One of most in demand languages

59.

60. Thank you! Zac Gordon http://dabrook.org @dabrooktweets

HTML5, CSS3, and JavaScript

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (10)

Similar a HTML5, CSS3, and JavaScript

Similar a HTML5, CSS3, and JavaScript (20)

Más de Zac Gordon

Más de Zac Gordon (6)

Último

Último (20)

HTML5, CSS3, and JavaScript