SVG is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group. It is a language for describing 2D-graphics and graphical applications in XML.
The most recent browser versions support most of SVG 1.1.
Continue reading “HTML5 Tutorial – Introduction to SVG, SVG Tooling”
One of the cool features of HTML5 is the support offered in forms. You’ve probably worked with HTML form tag, which is how you collect customer responses and add interactivity to your website. HTML forms interact with scripts to collect data, record information, or simply involve your readers with your web page.
You’ve used input types like text, password, file, hidden, checkbox, radio, submit and button.
Continue reading “HTML5 Tutorial – HTML Forms Tags”
Because not all browsers support Canvas, I’ll use Modernizr to help out. Modernizr will let me know if Canvas is supported, and if not it will allow me to call a polyfill.
Continue reading “HTML5 Tutorial – Drawing on Canvas”
It detects the availability of native implementations for next-generation web technologies, i.e. features that stem from the HTML5 and CSS3 specifications. Many of these features are already implemented in at least one major browser (most of them in two or more), and what Modernizr does is, very simply, tell you whether the current browser has this feature natively implemented or not.
Once you do the feature detection for your browser, you can then do polyfill.
Continue reading “Using Modernizr, Polyfills, YepNope”
One of the key features in using Cascading Style Sheets is that you set a style then override it. And you can override just part of the display or all of it. Knowing how a browser chooses and applies your styles is invaluable knowledge.
In the previous post, you learned how you could reset the browser settings. Those settings override the user agent to provide you with a consistent look to start from. The point is that you can override the styles.
Continue reading “CSS3 Tutorial – Which Style Your Browser Chooses”