If you are still tied to old WordPress interface with limited freedom to play with your site’s design and layout, we highly recommend that you check out PressWork.
It is a free, open source HTML5 WordPress theme framework that gives you freedom and power to take control of your WordPress sites. PressWork fully supports all the modern WordPress themes built on HTML5 and CSS3.
It also allows you to modify the design and layout of your website in a visual, interactive, and drag-and-drop environment. You can also add your personal style to your website in PressWork with builtin support for Google Fonts API.
Today we are featuring a simple CSS3 based circular navigation menu by Stu Nicholls that you can use on your website or web application to provide a creative navigation menu. This lightweight CSS3 animated circular menu uses CSS3 Transforms and Transitions methods to produce animated circular icon menu with circular sub menus.
By hovering over an icon, it animate into six icons in a circular pattern. Then hover any of these icons to see a sub set of six icons animate into a circular attern around each icon.
Today, we are featuring Collin Henderson’s collection of Free jQuery, HTML5 and CSS3 scripts. Check out these smart scripts and bookmark the page as your one-stop-place for some free and really cool scripts for replacing standard radio buttons and checkboxes, for just for cool CSS3 and jQuery effects.
The jQuery and CSS scripts collection contains:
- EMSegmentedControl – A drop in replacement for standard input radio matrices
- EMSwitchBox – A drop in replacement for standard input checkboxes
- EMColourPicker – A specialized colour picker for limited colour selection
- HTML5 Matrix Code Rain – Recreating the Matrix ‘code rain’ effect using the HTML5 Canvas
- Stratus App Competition Entry – A fully CSS3 animated webpage
Animation with HTML 5 has many benefits over other tools. The first and the foremost reason for creating animations with HTML5 is native support of HTML5 in all modern browsers. It is also easy to implement and quick to master. Plus, there are a number of smart tools that allow you to easily create animations with HTML5 without requiring you to write lines of code or install any software. Take the example of Automatoon, which is completely web based and free tool for creating HTML5 animations - no authoring software to install. You just have to start creating your animations right away. Automatoon also allows you to share your animations online or export and embed them in your own websites, all for free!
This easy-to-use HTML5 animation tool is powerful and has many advanced animation tools built in, including skeletal animation, inverse kinematics, automatic tweening, morphing, and fades.
What Morf.js actually does is create a CSS3 animation on the fly for the requested transition. In other words at the time that
Morf.transition is called, all the necessary keyframes are generated to give the impression that a transition has taken place.
BlueGriffon is a rich WYSIWYG HTML content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox 4, it’s a modern and robust solution to edit Web pages in conformance to the latest Web Standards.
BlueGriffon is an intuitive application that provides Web authors (beginners or more advanced) with a simple User Interface allowing to create attractive Web sites without requiring extensive technical knowledge about Web Standards.
This html content editor also includes the popular SVG editor, SVG Edit and you can then draw vectorial graphics from within BlueGriffon to embed them into your documents.
CSS3 Buttonize Framework, as the name suggests, is CSS based framework for generating buttons. It is lightweight, simple and quick. No matter what style you want, Buttonize Framework can generate small, big, fat, chunky, sober, cheesy, smart, rounded, showy, and good looking CSS buttons in no time.
HTML5Snippets is an open space for web designer and developers to share HTML5 and CSS3 snippets. A brainchild of Roberto Brevé, HTML5Snippets hosts useful snippets that can you choose or modify to use in your own project. All available snippets are tagged and indexed so you can find your desired snippets instantly. If you are an HTML5 or CSS3 expert and admire open source, this is a nice platform to share your code with a community of designers and developers.
CSS3 animation is cool, engaging and practical but why use your essential system resources to render animations when you can employ hardware resources for the same purpose. This makes sense when your audience is people with smart phones and devices with relatively less processing power. Now you can achieve it with Flux Slider, a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.
Check out FluxSlider to experience hardware accelerated animation powered by CSS3… and do not forget to share your thoughts on this.
Could web development be just like churning your desired features, topping up with style definition and finally getting a ‘ready-to-serve’ web application? May be YES! Try Perkins and find out yourself.
Perkins is a complete HTML5/CSS3 Framework for rapid web development. Provided as a complete HTML5 template, Perkins fully supports tags and styles. It also provides LESS stylesheets and mixins that enable you to add various functionalities (navigation, gradients, styling etc.) quickly and easily in to your project.