background preloader

HTML 5

Facebook Twitter

NRK går for HTML5. Sveriges Television (SVT) har bestemt seg for å legge ned satsingen på apper. I stedet skal de bruke webteknologi og HTML5 som leveransemodell til mobile enheter. - Apper er ingen langsiktig løsning. For store deler av vårt tilbud gir de heller ingen spesiell merverdi. Derimot øker kostnadene og driftsutfordringene, skriver SVTs distribusjonsstrateg Johan Wahlberg i et blogginnlegg.

De vil heller utvikle HTML5-versjoner som kan bokmerkes på det enkelte apparat, uavhengig av enhetens operativsystem. NRK har de siste årene satset stort på apper til iOS, Android og Symbian. Mesteparten av deres mobile applikasjoner står nå foran en større oppdatering. På Marienlyst støtter de beslutningen til deres svenske kolleger. Valget som SVT har gjort er veldig i harmoni med det vi selv tenker. - Valget som SVT har gjort er veldig i harmoni med det vi selv tenker.

. - Yr-appen er ganske gammel. Østgård sier at HTML5-teknologi er en veldig spennende retning som han mener passer deres tjenesteinnhold godt. HTML5 Readiness. HTML5 Website Showcase: 48 Potential Flash-Killing Demos. So you’ve heard all rumors about HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wandering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. That’s why this post exists, we’re not going to talk about what HTML5 can do, but show live demos of magical things that HTML5 can achieve with other language like JavaScript, so get ready to be inspired. Note: As HTML5 is not fully supported by certain web browser like Internet Explorer, you’re strongly recommended to use Firefox browser to view all HTML5 demos below. Animation The HTML5’s canvas element is the deciding factor for HTML5 to replace certain Flash animation. Audioburst Animation A comfortable and fantastic animation created with HTML5’s canvas and audio tag.

Ball Pool Being showcased in the last Google I/O event, this demo shows you how dynamic can HTML5 be. Blob Sallad A HTML5-spawned creature that would please you. Bomomo Browser Ball Bubbles. What is HTML5? (Infographic) - StumbleUpon. The Ultimate Roundup of Indispensable and Helpful HTML5 Tutorials. HTML5 is being developed as the next major revision of HTML (Hyper Text Markup Language), the core markup language of the World Wide Web. It attempts to solve issues found in previous iterations of HTML and addresses the needs of Web Applications, an area previously not adequately covered by HTML and it aims to reduce the need for proprietary plug-in-based rich internet application technologies such as Adobe Flash and Microsoft Silver light. In this article we have collected as indispensable and helpful tutorials as we could on HTML5.The volume of tutorials are few on web, but the tutorials we have collected are of a high standards and useful.Please let us know through a comment if you know of any other great HTML5 articles, tutorials or websites.Also thanks to all of the folks who produced all of these great free learning experiences.

New to HTML5? We have released three e-books to help everyone learn more about HTML5, Responsive Web Design, and the current trends in web designing. 12 HTML5-CSS FrameWorks For Easy WebDevelopment. HTML5 is getting more popular among web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. A framework is basically software application which assists developers to quickly design and develop dynamic websites. With the advent of HTML5 and CSS3, development becomes easy for everyone, A HTML5 framework provides many features such as beautiful typography, video players, form validation, design section and many more which enables users to easily develop web applications.

Here at SkyTechGeek we conducted a search and got these useful frameworks which will assist our audience to design and develop beautiful cross browser dynamic websites. 1. 52 Framework : HTML5-CSS3 Framework 52 Framework is most popular HTML5-CSS3 based frame work among designers and developers. 2. Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography. 3. 4. 5. 6. 7. 8. 9. 10. 11. HTML5: The Facts And The Myths - Smashing Magazine. Advertisement You can’t escape it. Everyone’s talking about HTML5. it’s perhaps the most hyped technology since people started putting rounded corners on everything and using unnecessary gradients. In fact, a lot of what people call HTML5 is actually just old-fashioned DHTML or AJAX. Mixed in with all the information is a lot of misinformation, so here, JavaScript expert Remy Sharp and Opera’s Bruce Lawson look at some of the myths and sort the truth from the common misconceptions.

First, Some Facts Once upon a time, there was a lovely language called HTML, which was so simple that writing websites with it was very easy. Most pages didn’t conform to the simple rules of the language (because their authors were rightly concerned more with the message than the medium), so every browser had to be forgiving with bad code and do its best to work out what its author wanted to display. In 1999, the W3C decided to discontinue work on HTML and move the world toward XHTML.

The Myths HTML5 Kills XML. An HTML5 Slideshow w/ Canvas & jQuery. Martin Angelov You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts. All uses of canvas you’ve come so far are probably limited to games and other proof of concept demos.

Update: Per popular demand, you can now download an auto-advancing version of this slideshow. The Idea With JavaScript, we are going to apply a special filter to every image in the slideshow. How the Slideshow Works When the user chooses to proceed to another slide, the canvas is shown with a fadeIn animation, creating a smooth lighting effect. The HTML The first step in creating the slideshow, is laying down the HTML markup of the page. html5-slideshow.html <! First we have the HTML5 doctype, followed by the head section of the document.

The CSS styles.css Final words. 20 Excellent HTML5 Video Players | blogfreakz.com. One of the trending topic in web development today is about HTML5. HTML5 players is one of the most notable new features in HTML5, it allows you to embed video without the use of flash. The HTML5 video player is a non-proprietary alternative to Adobe’s Flashplayer plug-in. HTML5 have some extra advantages than Flash player, which makes HTML5 more useful. The loading time is fast of HTML5 players, you can fast forward and rewind the video without waiting at video to buffer. HTML5 will be more efficient than Flash, but there is still plenty of debate. Technical implentation of HTML5 player really easy – mostly all players work due to the Java Script performance and of course one of the new HTML5 tags – “video” tag. SublimeVideo SublimeVideo maximizes the use of HTML5 Video in latest browsers while providing full support for legacy browsers thanks to its integrated fallback to Flash.

Flarevideo MediaElement.js MediaElement.js allow us to use the <video> tag with one H.264 file. Moovie videojs. Vippy - HTML 5 video publishing on the internet | Optimal play in all browsers and mobile devices. "Mobifying" Your HTML5 Site. Introduction Developing for the mobile web is a hot topic these days. This year, for the first time ever, smart phones out sold PCs. More and more users are using a mobile device to traverse the web, which means it's becoming critical for developers to optimize their sites for the mobile browsers. The "mobile" battlefield is still uncharted waters for a large number of developers. Many folks have existing legacy sites that neglect mobile users altogether. Creating a mobile-friendly html5rocks.com As an exercise I thought it would be interesting to take html5rocks (an existing HTML5 site) and augment it with a mobile-friendly version.

This article examines how we created a mobile version of html5rocks optimized for Android and iOS devices. HTML4 and CSS2 have supported media-dependent style sheets for some time. Would target print devices and provide specific styling for the page content when it is printed. The following would target screen sizes between 641px and 800px: <head> ... Free HTML 4.01/HTML5 WordPress Theme: Spectacular - Smashing Magazine.