Mes liens
796 shaares
143 results
tagged
Html5
Web3mantra.com has always uploaded those posts which help web designers and developers to complete their tasks within triple constraints – time, cost and quality. I am definite that our today’s post of HTML5 video tutorials will also help you in your next task. Today also we are posting fresh HTML5 video tutorial.
HTML5 is very important to learn for today’s web designer and developers, as it is
leaving Flash way behind on its path. Apart from this the features of HTML5 are just amazing. Take a look at my today’s post and you will learn a lot about HTML5, throughthese HTML5 video tutorials.
HTML5 is very important to learn for today’s web designer and developers, as it is
leaving Flash way behind on its path. Apart from this the features of HTML5 are just amazing. Take a look at my today’s post and you will learn a lot about HTML5, throughthese HTML5 video tutorials.
LeanBack Player is a Javascript based HTML5 Video and Audio Media Player UI that uses build-in HTML5 <video> and <audio> element functionality of standard browsers, platforms and devices. It's very easy to integrate, it's skinnable by using CSS, it's independent of any other javascript libraries, it's adaptable by using extensions and it's free for non-commercial use.
First of all, let’s get the essential question answered: what is Modernizr?
Based on the official site, Modernizr is “A JavaScript library that detects HTML5 and CSS3 features in the user’s browser.”
Although HTML5 and CSS3 are great but many of the new features they have, as we already know by now, are not much applicable in old browsers. Modernizr, helps to address this problem by testing the user’s browser on whether it supports a particular feature. If the feature is “unsupported”, then we can deliver an appropriate script or function to imitate the feature it lacks.
Based on the official site, Modernizr is “A JavaScript library that detects HTML5 and CSS3 features in the user’s browser.”
Although HTML5 and CSS3 are great but many of the new features they have, as we already know by now, are not much applicable in old browsers. Modernizr, helps to address this problem by testing the user’s browser on whether it supports a particular feature. If the feature is “unsupported”, then we can deliver an appropriate script or function to imitate the feature it lacks.
When we install PHP with Apache, Apache will be able parse files with .php extension and execute the same.
But in Apache we can tweak configuration in that way so Apache start to parse other file extension as php file.
In this article we will see how we can instruct Apache to parse .html file as a php file.
But in Apache we can tweak configuration in that way so Apache start to parse other file extension as php file.
In this article we will see how we can instruct Apache to parse .html file as a php file.
A lightweight (2kb) micro-framework, elegant & minimalistic CSS3 grid system, made with only one container and 12 columns. It`s very easy to use and understand, pre-packed with some extra css helpers for mobile devices.
HTML 5 officially reached “candidate recommendation” status at the W3C last month, with the goal of hitting final publication in mid 2014. This means that HTML5 will be “feature frozen” by June 2014: most additions to the spec between now and then will appear as better documentation, improved test suites, and the ironing out of any inconsistencies.
While programmers concentrate on supporting the technological panoply of HTML5, various working groups have moved on to HTML 5.1. That new specification, currently scheduled for publication in 2016, incorporates many efforts that did not make the deadline for 5.0, including Web Workers, Storage, Sockets, improved accessibility, and adaptive development.
While programmers concentrate on supporting the technological panoply of HTML5, various working groups have moved on to HTML 5.1. That new specification, currently scheduled for publication in 2016, incorporates many efforts that did not make the deadline for 5.0, including Web Workers, Storage, Sockets, improved accessibility, and adaptive development.
I am proud to announce the Alpha release of SpreadJS: the fastest and easiest way to deploy powerful spreadsheets in your web applications!
SpreadJS is a new product derived from the Spread Product Family, which is a set of spreadsheet components for application development on a variety of platforms. SpreadJS is sure to bring value to your web applications with time-saving features.
Based on HTML5, jQuery, and CSS3, SpreadJS brings all the data visualization and calculation features into your web applications. Create calculators, dynamic interactive dashboards, rich colorful reports, and much more! The rich JavaScript API for SpreadJS provides a complete object model for the spreadsheet document, and a rich set of user interface events which your application can handle to customize the user experience. SpreadJS is designed to provide an Excel-like user interface for spreadsheet navigation, editing, formula calculation, column/row resizing, range drag-drop and drag-fill, and other powerful spreadsheet UI elements such as table sorting and filtering.
SpreadJS is a new product derived from the Spread Product Family, which is a set of spreadsheet components for application development on a variety of platforms. SpreadJS is sure to bring value to your web applications with time-saving features.
Based on HTML5, jQuery, and CSS3, SpreadJS brings all the data visualization and calculation features into your web applications. Create calculators, dynamic interactive dashboards, rich colorful reports, and much more! The rich JavaScript API for SpreadJS provides a complete object model for the spreadsheet document, and a rich set of user interface events which your application can handle to customize the user experience. SpreadJS is designed to provide an Excel-like user interface for spreadsheet navigation, editing, formula calculation, column/row resizing, range drag-drop and drag-fill, and other powerful spreadsheet UI elements such as table sorting and filtering.
xy.css is a lightweight CSS template for building responsive liquid-grid designs. It brings together the best CSS techniques from around the Web and integrates them into a single, powerful style sheet template.
An Advanced Guide to HTML & CSS takes a deeper look at front-end design and development, expanding on what is covered in the beginner’s guide. Studying modern front-end development, this guide teaches the latest for any designer looking to round out their front-end skills.
In any app that has user avatars, users should be able to change those avatars. Anything to make that easier is desirable. Many apps start with a user's Twitter avatar, Facebook avatar, or Gravatar. That's a smart move. Avatars give users a sense of ownership over a virtual space so any way to get them to have their desired avatar is good for engagement.
Let's create a page where a user can update their avatar with as little friction as possible: they just drop an image anywhere on the page and it's done.
Let's create a page where a user can update their avatar with as little friction as possible: they just drop an image anywhere on the page and it's done.
I’ve recently watched a good video presentation by Mathias from Fronteers 2012 which I found both interesting and inspirational. I already had in mind some similar things, so I ended up writing this article down. It’s about some random things and facts you may (not) have known about HTML & CSS.
Workless started out as a mashup of all the great things I liked about Twitter Bootstrap and HTML5Boilerplate. The more I worked with with it, the more I added in order to make life easier when working on any project.
It's now pretty much turned into a framework in it's own right, with all the stuff you need and none of the stuff you don't. It's about saving time and keeping your projects DRY.
It's now pretty much turned into a framework in it's own right, with all the stuff you need and none of the stuff you don't. It's about saving time and keeping your projects DRY.
The HTML5 <details> element is a very neat construct, but it also has quite a serious usability problem – what happens if you follow a hash-link which targets inside a collapsed <details> element? The answer is nothing. It’s as if the target was hidden. But we can fix that issue with a little progressively-enhanced JavaScript, and an accessible polyfill for browsers without native support.
HTML5 Bones is a template that goes back to basics and provides you with the bare minimum required to get going with HTML5.
Inline comments explain how and when to use some of the most common HTML5 elements.
Can also be used as a guide when building your own pages from scratch.
No JavaScript libraries such as jQuery or Modernizr are included, as they may be completely unnecessary.
It does include Normalize.css and original html5shiv as the former aids cross browser similarity and the latter is the minimum requirement for HTML5 documents to render in older versions (8 and below) of Internet Explorer.
Some of the WAI-ARIA roles are also included.
Templates that explain how to use HTML5 audio and video are also available.
Inline comments explain how and when to use some of the most common HTML5 elements.
Can also be used as a guide when building your own pages from scratch.
No JavaScript libraries such as jQuery or Modernizr are included, as they may be completely unnecessary.
It does include Normalize.css and original html5shiv as the former aids cross browser similarity and the latter is the minimum requirement for HTML5 documents to render in older versions (8 and below) of Internet Explorer.
Some of the WAI-ARIA roles are also included.
Templates that explain how to use HTML5 audio and video are also available.
QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies.
True story: I was tasked by the lovely Mrs Lawson to buy some curtains that match our carpet during the January sales. I dutifully did so — and had to return to the shop straight away because they didn’t match at all. Mrs Lawson accompanied me, and with a withering glance at her incompetent mate, immediately found some correctly hued fabric, and all was well.
But what’s a middle-aged colour-blind bloke to do? I had early in the curtain procurement process decided against cutting a hole in the carpet in order that I may take a sample with me. (All other mistakes aside, this was a correct decision.)
So, in order to ensure that I would never again repeat the mistake, I set out to make an app that would allow me to capture the colour of an image straight from my camera. Of course, it had to be a web app rather than a native app, because we’re web angels, not proprietary devils.
But what’s a middle-aged colour-blind bloke to do? I had early in the curtain procurement process decided against cutting a hole in the carpet in order that I may take a sample with me. (All other mistakes aside, this was a correct decision.)
So, in order to ensure that I would never again repeat the mistake, I set out to make an app that would allow me to capture the colour of an image straight from my camera. Of course, it had to be a web app rather than a native app, because we’re web angels, not proprietary devils.
As the web landscape becomes increasingly complex, it's becoming extremely important to deliver solid web experiences to a growing number of contexts. Thankfully, responsive web design gives web creators some tools for making layouts that respond to any screen size. We'll use fluid grids, flexible images and media queries to get the layout looking great regardless of the size of the device's screen dimensions.
However, mobile context is much more than just screen size. Our mobile devices are with us wherever we go, unlocking entire new use cases. Because we constantly have our mobile devices with us, connectivity can be all over the board, ranging from strong wi-fi signals on the couch to 3G or EDGE when out and about. In addition, touch screens open new opportunities to interact directly with content and mobile ergonomics lead to different considerations when designing layout and functionality.
In order to create a site that's truly designed for mobile context and not just for small screens, we want to ensure that we tackle the many challenges of mobile development upfront. The constraints of the mobile context force us to focus on what content is essential and how to present that content as quickly as possible. Building fast-loading, optimized experiences mobile first has a trickle down (or up, depending on how you look at it) effect for tablet, desktop and other emerging contexts.
However, mobile context is much more than just screen size. Our mobile devices are with us wherever we go, unlocking entire new use cases. Because we constantly have our mobile devices with us, connectivity can be all over the board, ranging from strong wi-fi signals on the couch to 3G or EDGE when out and about. In addition, touch screens open new opportunities to interact directly with content and mobile ergonomics lead to different considerations when designing layout and functionality.
In order to create a site that's truly designed for mobile context and not just for small screens, we want to ensure that we tackle the many challenges of mobile development upfront. The constraints of the mobile context force us to focus on what content is essential and how to present that content as quickly as possible. Building fast-loading, optimized experiences mobile first has a trickle down (or up, depending on how you look at it) effect for tablet, desktop and other emerging contexts.
In this two part series, we’re going to look at Web Storage, one of the best and most interesting features to come out of the HTML5 spec. We’ll look at the history of both Web Storage and cookies, and consider the following points
QCon is a practitioner-driven conference designed for team leads, architects and project management. The program includes two tutorial days led by over 80 industry experts and authors and three conference days with 18 tracks and over 80 speakers covering a wide variety of relevant and exciting topics in software development today. There is no other event in the US with similar opportunities for learning, networking, and tracking innovation occurring in the enterprise software development community.
The intention was that within organizations web developers would work to keep an updated list of html5 features that they would adopt or not. However, Paul Irish and I thought it would be useful if there were a global set of recommendations that web developers could consult and tap on when they are deciding on how to use features. This was the seed for the creation of HTML5 Please.