background preloader

HTML5 web

Facebook Twitter

Goodbye Effect Games. Friends, The time has come to shut the doors on Effect Games, so we can move onto other projects.

Goodbye Effect Games

But we've preserved some of our old games and demos for you to play with: We've also open sourced the entire Effect Games engine, as well as the web IDE. Effect Games, in it's entirety, has been moved to GitHub. It can be forked, or simply downloaded and installed on your own server. The source is MIT licensed, so you may use it in both personal and commercial projects. Deepest thanks to everyone who tried Effect Games and provided such awesome feedback. Canvas Cycle: True 8-bit Color Cycling with HTML5.

35 Best of jQuery Animate Tutorials. Use CSS3 to Create a Dynamic Stack of Index Cards. Recently we hear a lot about CSS3 and its features and even though there are already some web sites out there that take advantage of some of the CSS3 features (including DesignLovr) we hardly ever see the full potential of what can be achieved with CSS3.

Use CSS3 to Create a Dynamic Stack of Index Cards

Today we’re going to take a step into that direction and discover some of the possibilities CSS3 gives us. We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Let’s start with the simple HTML-markup, which consists of simple, unordered list, filled with random content.

If you want you can download the icons I used at Tutorial 9. Now the CSS. The fonts Note This and Kulminoituva, both of which are available in @font-face kits (with all necessary font-formats and preformatted CSS-file) on Font Squirrel, are the ones used in my example design. Remark Quicktip. 24 Best CSS3 Animation Demos and Tutorials. Today we are showcasing a post on CSS3 Animation featuring some of the best and most awesome functions.

24 Best CSS3 Animation Demos and Tutorials

CSS3 is full of amazing features that you can take advantage of that you may not know about. That’s why we are going to go over some of those CSS3 features that are less explored. One of its most amazing feature is CSS3 Animation, which is fun and gives off an excellent effect. All of these tutorials are very useful and some can even be used as Javascript alternatives. Check out these animation to get some inspiration for your own project. Some of these CSS3 Animation effects you will find below may not be visible to you if you are using the Firefox browser. Display social icons in a beautiful way using CSS3 The example works with all -webkit based browsers (Safari and Chrome), but also in Firefox 4.

More on Display social icons in a beautiful way using CSS3 Advertisement 3d animation using pure CSS3 The perspective property is what we need to create the 3d effect. Colorful Clock areas. 6 HTML5 Editors For Web Development. HTML5 Editors To Simplify Your Workload//+ An HTML editor is a software application for creating web pages.

6 HTML5 Editors For Web Development

Although the HTML markup of a web page can be written with any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HTML editors work not only with HTML, but also with related technologies such as CSS, XML and JavaScript or ECMAScript. In some cases they also manage communication with remote web servers via FTP and WebDAV, and version management systems such as CVS or and Subversion. HTML5 is the language for structuring and presenting content for the World Wide Web, which is the core technology of the Internet.

The core HTML5 aims or purposes, have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). HTML5 adds many new syntactical features. 1. Website/Downoad Website 3. Website 4. Website 5.

The Wilderness Downtown. Rally Interactive.