2.0 Web TutorialsCss3 & Html5
Create a modal window using pure HTML5 and CSS3
In this tutorial we will create a modal window using only HTML5 and CSS3 properties. The techniques used to create a functional modal box are CSS3’s transition, opacity, pointer-event, and background gradient properties. Modal windows are used, among many others, to display login/register forms; advertisements; or just notifications to the user. They frequently contain critical [...]
Cool animation effect using pure CSS transitions and some more CSS3 properties
This is not a tutorial about CSS transition effect and does no pretend to show the functionality of this CSS property. But anyway, if few words the css transition effect provide a way to control the speed of animation changes to CSS properties. For example, if you change the color of an element from white [...]
Are You Ready for HTML 5?
HTML 5 is a new specification being developed to move HTML forward in the realm of Web applications. It was initially being developed by a group independently of the W3C, but the W3C HTML working group has since joined the development. HTML 5 adds a lot of great new features to Web pages and Web [...]
W3C proposes “Do Not Track” as a standard for privacy protection
As the guys at Mozila say “Do Not Track is a step toward putting you in control of the way your information is collected and used online”. Do Not Track derived from Mozilla’s work with the DNT header. The W3C has recognized “Do Not Track” as a standard and has proposed the first bill, which lays the [...]
2.0 Websites – design ideas using HTML5
The hew HTML 5 is already out there. Some are using it for a while, some are waiting for more browser suppor. For all of them and for thous that doesn’t know know HTML 5, we have publish here a series of website builded on top of the new HTML 5. If you kow more [...]
Prefetching images and links with HTML5
Among other great features, HTML5 web introduces prefetching, the art of loading pages before the user requested them. In this article, I’m going to discuss this new technique as well as showing you some ready to use examples to drastically improve your website loading time. What is prefetching, and why it is useful rel=prefetch indicates [...]
CSS3 @font-face solucions. Typekit vs Google Web Fonts
Not exactly new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) [...]
Pure CSS3 and HTML web form design
This a CSS3 based web form design. It was used only CSS and HTML to rich the result. Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a basic web form into something beautiful. You work it further and add some more features. For example implement some font [...]
Use Google Font API to import fancy fonts
Google’s introduction of their new Font API and Font Directory is a godsend to developers and designers everywhere.Want to use something a little nicer than Arial, but without the overhead of Cufon, Sifr, or worse? To enjoy the visual richness of diverse fonts, webmasters have resorted to workarounds such as baking text into images. Natural [...]