Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
07 Jun

How Apple Browser and Devices Support HTML5 & CSS3

  • Information
  • Leave a Comment

Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser — supports web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable, highly secure, and efficient. They allow web designers and developers to create advanced graphics, typography, animations, and transitions.

Apple has demonstrated how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. But soon other modern browsers will take advantage of these same web standards — and the amazing things they enable web designers to do. You can also visit Safari Dev Center for more information about HTML5 and to see how you can add effects like these to your website.

apple-html5-demo

Source: http://www.apple.com/html5/

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Create a Safari Extension using Extension Builder

How to Create a Safari Extension using Extension Builder

Fancy Apple.com-Style Search Suggestion jQuery Plugin

Fancy Apple.com-Style Search Suggestion jQuery Plugin

A Suite of JavaScript Audio Codecs

A Suite of JavaScript Audio Codecs

HTML5 Game Framework For Touchscreens & Browsers

HTML5 Game Framework For Touchscreens & Browsers

Kendo UI – The Art of Web Development

Kendo UI – The Art of Web Development

A Bunch of Cool CSS Animations with Animate.CSS

A Bunch of Cool CSS Animations with Animate.CSS

Comments
  • Scott Robertson

    Odd, looks like they’ve locked out all browsers but their own.

  • Michael van galen

    Meh.. it’s more about css3 than html5 unfortunately.

    Besides .. this is just a publicity stunt by apple to promote their safari browser.. Most of these examples will work just fine in Chrome e.g.

    If you’re looking for real-life examples of html5 you’re better off browsing http://www.html5-showcase.com, html5-gallery.com, etc etc..

  • Alex C

    By locking out Flash from their devices, Apple is behaving like the companies they criticized for years. Open technologies are wonderful, but open minds are even better; Flash will be with us for years to come, and many developers and companies have invested heavily in this robust RIA technology.

    Why not give Flash a place on the iPhone/iPad? If there are technological issues, then tell Adobe what they need to do to be part of Apple’s devices; don’t just say no because they have a competing video platform. In other words, don’t become the thing you criticized and loathed. Be open. Because sooner rather than later, someone else will knock Apple off its perch. After all, wasn’t Microsoft viewed as unbeatable and unstoppable — until Vista came along.

  • http://r-geek.com Alexandre

    hi, Just disable javascript in your browser and you can access the demo (eg Firefox) (Reactivate the JS once you pass the demo page)

  • Apple Failure

    Alex C. has already mentioned about flash so I will not go in that direction but someone please explain to me why apple wants us to use Safari to view the demos?

    I have Safari on my computer and only use it for development purposes but I decided to check out the demos anyways and wasn’t really impressed. Not impressed because only I see these tricks being utilized and I read about them on a daily basis.

    Regardless the reason why I’m making this comment is to share something that I found quite funny yet it saddened me to know that Apple would do something like this.

    So if you are reading the text on the HTML5 homepages, it says that Safari offers support that not all browsers offer. The verbatim quote is: “Not all browsers offer this support.”. Apparently Safari is another browser that doesn’t offer full support.

    Safari for Windows apparently doesn’t offer CSS 3D transforms and so I find it funny/saddening that they are advertising attributes that don’t apply to all OS versions yet they are making it appear as so.

    The URL: http://www.apple.com/html5/showcase/vr/

    Furthermore, if they are so inclined to set their browser apart from the rest, why not let the end users see how Safari’s standards are different. I.E. let someone using Internet Explorer 7 or Opera see how these features (such as html5 video or audio) don’t working in their old decrepit browsers.

    All in all, in my opinion this is a huge FAILure for Apple.

  • http://nicetheme.net Jenny

    Oh Thank you

  • Adrian

    Just a apple’s advertisement to promote safari, however apple is trying to mislead people.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information239
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License122
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License410
Sponsors
Advertise Here
Partners
MaxCDN