Welcome the Brand New Responsive Animated WordPress Theme
TemplateMonster is happy to present its new creation – a Responsive Animated WordPress Theme.
This template is a result of thorough work of highly professional development team. During the production process all best practices were considered which led to absolutely unique product birth. Here you can view live demo of the theme. Please make sure that it stays open in a new tab in order to have the possibility to peep into during reading the rest of this post as not all animated elements can be demonstrated on a screenshot. You may have a look at template’s pages before we start our closer review.
What have we observed when we scaled the responsive page before? We saw how it gradually adjusts to the window width and rearranges the content. Test this theme, rescale the page and you will notice how smoothly content accommodates to “the new resolution.” No separate layouts any more, this theme is responsive in full sense of the word.
* * *
What happens to images during scaling the page? They change their size to appropriate for the particular resolution and occupy the whole width of the page.
* * *
Let us draw your attention to the background; it has a full-size image slider powered by Ajax.
* * *
Now check out the menu. The content linked to a specific item is also loaded with the help of Ajax, in such a way we got rid of irritating page reloads!
Logo of the template is being scaled with the help of CSS according to the screen size. You can replace the image of a logo with the text via the administrative panel and add personal style to the CSS file!
On smaller screens the site menu hides revealing the dropdown menu with all menu items. The option saves the space and improves overall usability. The practice is rather popular today (Smashing magazine website can serve an excellent example).
* * *
Now, please, open BLOG menu item, on the right side you see Categories and Calendar sidebars named < Aside >, which are absent in mobile version to save additional space on your screen.
* * *
An easy to tap screen-wide “Back to top” button will become a real present for mobile users!
* * *
When you change the screen orientation, this turning moment is caught by the jQuery mobile.
NB for users of earlier versions of Android devices: parameter position fixed is not realized in versions under 2.2; higher versions did not have such problems.
Mobile version also contains buttons (right/left) at the bottom of the page, which lets you change the background image if it seems trivial to you.
* * *
Speaking about the best web development practices, our aces took two grids, dissected them, and picked only the best parts.
Responsive.gs – gave us the CSS3 media queries technology
Heroku Grid – shared its percentage scale algorithm.
TemplateMonster’s testing department used Adobe Shadow and Screenfly resources to test all features of this incredible theme. Both showed great results and were very helpful during the development.
* * *
Keep in touch, read our entries and you will be aware of all striking innovations that are on the stage of development now. There is nothing impossible for TemplateMonster’s team when it comes to creation of the best templates on the net!
We are always waiting for your feedback in the comments section!
