CSS3, HTML5 & JavaScript Web Standards Explained
Most Recent Blog Posts
- Stop SOPA - Snippet to turn your site off on January 18, 2012Black out your own blogs on january in opposition to SOPA. You can do so by adding this script to your site: Download the code from GitHub Note: To see it in action before January 18, set your computer clock to the 18th.
- SpeciFISHity: CSS Specificity
- World flags with CSS3 Gradients
- HSLA Color Picker / RGBA Converter
- 6 Best Practices for Marking up your HTML5
There are several coding rules required for XHTML that were optional or even unsupported in HTML 4. While HTML5 supports both coding formats, there are some non-required best practices. We cover the top 6 in this post.
- Named colors => Their HSL and RGB color values
CSS3 adds names colors from SVG and well as colors defined by Hue, Saturation and Lighness. I've added a new page to this blog that lists all named colors along with their hexidecimal, RGB and HSL values.
- Yes, you can start using HTML5 todayPeople, including someone from the W3C, have stated that HTML5 is not ready for production. I've been asked several times "do you have any HTML5 websites." This article provides for a list of some HTMl5 websites I have done and others have produced, and some resources to look into to help get you started.
- Placeholder Attribute Support in ALL browsersThere is no reason to NOT use HTML5 form attributes. HTML5 form elements enhance forms. In this quick snippet, we show how easy it is to get old browsers to pretend that they support the placeholder attribute
- Mobile Web Application Development: HTML5 and CSS3 for Android & iPhoneIntroduction to mobile web application development -- using HTML5 and CSS3 -- for mobile. Learn how to target mobile devices, including iPad, iPhone and Android.
- Introduction to GeoLocationGeolocation allows users to share their physical location with your application if they choose to. Especially useful in social networking, geo tagging, and mapping, but applicable to any type of application, geolocation enables developers to enhance the user experience, making content, social graphs and advertisements more relevant to the location of the user. Learn the basic JavaScript to determine your user's location.
- HTML5: Introduction to <canvas>The HTML5 Canvas specification is a JavaScript API for coding drawings. The canvas API allows the definition of a canvas context object as the <canvas> element on your HTML page inside which we can draw. In this tutorial we introduce you to the canvas element and the basic canvas javascript properties and methods.
- CSS3 Transform Property and the various transform functionsThe CSS3 transform properties lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed. We manipulate an elements appearance using transform functions. In this blog post you'lll learn the various CSS3 transform functions.