A couple of weeks ago we gave a brief introduction to Adobe Edge, the latest software package from Adobe. Later there was a post showcasing TemplateMonster’s new product line of Adobe Edge Templates that take advantage of the advanced interactivity features in the Edge. These interactive designs enable you to create animated web content similar to that created in Flash, but they do not require Adobe’s Flash plug-in for viewing because their web page elements are developed using standards like HTML5, CSS3, and JavaScript.
Adobe Edge tool is supposed to be very interesting. If you want to get more experienced with this web design kit, you can now test its refined capabilities. All of the following Adobe Edge tutorials are some great examples of Adobe Edge technology in use. They will teach you essential tips and tricks on how to add special effects to your website, create a nuanced streamlined animation and interactive content, to name a couple. See what you can achieve in this version of Adobe Edge. For those impatient of you willing to get this sophisticated Edge interactivity for their website, we suggest our pro-level Edge templates designed for this specific software.
* * *
Create Slick Animations with Adobe Edge
![Adobe Edge Tutorials to Design Animated Web Content [Fullest Compilation]](http://blog.tmimgcdn.com/wp-content/uploads/2012/01/Create-Slick-Animations-with-Adobe-Edge.jpg?9d7bd4 "Create Slick Animations with Adobe Edge")
* * *
Adobe Edge Tutorial on Creating Interactive Publications
![Adobe Edge Tutorials to Design Animated Web Content [Fullest Compilation]](http://blog.tmimgcdn.com/wp-content/uploads/2012/01/Adobe-Edge-Tutorial-on-Creating-Interactive-Publications.png?9d7bd4 "Adobe Edge Tutorial on Creating Interactive Publications")
* * *
How to Create HTML5 Banner Animation in Adobe Edge
![Adobe Edge Tutorials to Design Animated Web Content [Fullest Compilation]](http://blog.tmimgcdn.com/wp-content/uploads/2012/01/How-to-Create-HTML5-Banner-Animation-in-Adobe-Edge.jpg?9d7bd4 "How to Create HTML5 Banner Animation in Adobe Edge")
* * *
If you love small wed design usability goodies and want to improve your website’s user friendly level, we think this roundup will sweep you along. What we have for you today is a bunch of jQuery tooltip plugins that will help you show any extra information on website without cluttering its design. jQuery tooltips are good for user experience as they behave like small overlays or hover boxes that appear over the main page, when you hover the mouse cursor over an element, and can be used to put up content, clue, short video clip or image that does not need to be displayed at once. Well, the tooltips can be of different visual styles and positions (relative to the cursor or to the element), they can go with a callout connector or just have simple shapes. You can see them tracking along with the cursor movement over the element, but it will be always positioned adjacent to the trigger element. The choices are many – we would like to suggest you some solutions you can configure and style to fit your website’s design.
If you don’t want to waste your time digging into this coding stuff, we can suggest you the solution you need to have it all on your website straight off. Extended Package Templates offered at TemplateMonster go packed with a range of awesome tooltip functionalities. In any design you can find three different tooltip versions such as standard, fixed & onclick tooltips that could make your site more user-friendly and attractive when hovered.
* * *
TipTip jQuery Plugin
* * *
Orbital Tooltip
* * *
Last week we have announced the release of our WordPress 3.x themes. One of the major features they include is the ability for website owners to create and edit custom post types and page templates. This was actually one of trump cards that fortified WordPress’ positions in the CMS comparison chart. WordPress was often criticized for weak content system and the lack of flexibility in general (as we know WordPress is considered to be a blogging platform which is why it was pretty complicated to customize it for classical static business websites). So now this problem is fixed, and our new WordPress themes are perfectly compatible with this new feature and include some predefined custom post types and page templates.
So let’s get back now to these features. First of all, it very important to understand the meaning of the following terms: posts, pages, custom posts types and page templates. Without it it would be hard to comprehend all advantages and even the main point of implementing these new features.
- Post is a default content type which is related to the blogging sphere. Usually blog posts are displayed in reverse sequential order by time (newest posts come first).
- Page is a default content type that used for the static pages. Pages are for non-blog content. For example the default set of WordPress pages contains Home Page, About Us and maybe Contact Us pages. Actually you can remove all posts from a WordPress installation and by this you’ll achieve a standard non-blog static website.
- Page Template is a functional feature of our WordPress 3.x themes which allows you to change the page layout, number of columns, move siderbar etc.
- Custom Post Type is another functional feature that is tightly connected with Page templates. This option allows you to manage website’s content which is not typical for blogging post types. For example with the help of Posts section at the dashboard you can create separate pages for portfolio page items, edit content of the slider on your pages and so on. Custom post types can be the elements that page templates contain (e.g. every individual testimonial in a testimonials page template is built with testimonials post type) or may be used independently.
Now we will show you some interesting examples of the custom post types and page templates in our new WordPress 3.x themes. By the way if you want to see them in action – just click the live demo of the WordPress theme and play with its features ad lib. Here are some examples of page templates and custom post types.
Portfolio Post Type with Portfolio Page Template for 4 columns
* * *
Over six months ago we’ve showcased you our first roundup of Facebook templates for online stores. Considering the popularity of these products and huge number of design requests for Facebook stores we are glad to present you the next portion of fresh Facebook store templates. As it has been said before these wonderful design products will be the best solution for your Facebook online business. By purchasing one of our Facebook store templates not only will you receive a visually attractive and remarkable store design, but also a fully functional shop with a bunch of useful features that every store needs. Here is a short list of Facebook store templates’ features:
- PayPal checkout option
- Product categories
- XML-driven content for Flash Facebook templates
- Size and color options
- Discount options
- Social media widget (bookmarking and sharing)
- Fullscreen option individual product gallery
All these features are available for all our Facebook Flash store templates (except the Flash CMS store templates that are presented in the end of today’s list). Also we want you to pay your attention to the very first template from our showcase. This is a HTML5 Facebook store template that has the same set of functional features that are implemented purely with the help of HTML5 technology. So editing the content in it is even easier than in the XML-driven Flash Facebook store templates. One more important thing – don’t forget that it’s Facebook’s requirement to have an SSL certificate – so make sure you have the “https://” section on your hosting that you’ll use for hosting the Facebook template. Now we shall start our showcase!
HTML5 Facebook Mobile Store Template
* * *
Facebook Clothes Store Template
* * *
Facebook Ajour Store Template
* * *
Facebook Books Store Template
* * *
Hey guys, here we go with the fresh portion of cool free stuff! Welcome Free Website Template with jQuery Slider for Food Delivery Project – the ideal basis of your web presence that will help identify it and make noticeable in your online environment.
This theme suits the design needs of the project that deals with food delivery business like catering, for example. The thought-out layout helps interact with your visitors and present them your services in the transparent way. Any of your ambitious intentions can be easily brought into reality using this high-grade design. It will provide you not only with the visually effective design, but also with all necessary tools and options to manage your project in the appropriate way. Everything you want to know about its characteristics, you can find in its free template live demo.
Free Website Template with jQuery Slider for Food Delivery Project:
As you remember, you can get this free website template in two ways: with PSD source files included and without them. If you need only HTML source files, download them from this post using the link below. To get the full package with PSD source files included visit the TemplateMonster Free Website Template with jQuery Slider for Food Delivery Project download page and type an email address that you want the free template package to be delivered to (make sure to uncheck the newsletter subscription checkbox in case you’re already subscribed). Feel free to use this template for your business, but you are not allowed to resell it as a template.
Download Free Website Template with jQuery Slider for Food Delivery Project with PSD files (18,9MB)
Download Free Website Template with jQuery Slider for Food Delivery Project without PSD (1,28MB)
IMPORTANT NOTICE: TemplateMonster does not provide support services on free templates – including this one. We only provide support for the products that are being purchased from TemplateMonster. Our free templates are produced according to the latest web standards and we’ve been trying to make the process of working with them as easy as possible, so for people with minimum web development experience it should be easy to work with them. However, if you don’t have any experience, we recommend you to refer to the tutorials or community forums on how to work with platforms that each respective template is made with, or to hire someone to do the job for you.
There was a time when JavaScript’s reputation has been stained because of the “copy-paste” stereotype that was insanely popular in the late 90’s and early 2000’s. Unusual and a little bit “messy” syntax has come a long way of adoption by the programming communities. Years have passed and JavaScript language has evolved to become a powerful technology that supplies the web with tons of innovations. CoffeeScript is the offspring of JavaScript that proves the proverb – “like father like son”, in its good meaning.
Coffee Script is a little language that compiles into JavaScript. According to its developers, it adds “sugar” to Java syntax which makes it more comprehensive. You write less code faster and achieve more functionality and readable code too – it is a win-win situation, don’t you think so? Basically, CoffeeScript is a smaller and improved version of JavaScript that delivers all the best from it and requiring less efforts.
![Introduction to CoffeeScript [+Useful Tutorials]](http://blog.tmimgcdn.com/wp-content/uploads/2012/01/coffee-script.jpg?9d7bd4 "coffee-script")
Before you start creating Java code with the help of Coffee Script you should install it to your computer (please be sure that you have installed Node.js and the Node Package Manager to your computer as well) and check some useful resources where you’ll find information about how to use the editor, create code and run it.
We know that website and graphic designers like to manipulate the gradient effect. They just commonly use different gradient fills to paint the shapes or web spaces with attractive color ranges. Well, now many creatives develop gradient combinations and put them up for free download. And we thought you would appreciate if we gather the best free Photoshop gradient packs and list them here for you. Previously we also posted 60 free gradient sets for Photoshop, so check them out as well. You can download and use any of these gradients for whatever purpose that you want, but don’t forget to share our post if you like them.
* * *
4500 Free WEB 2.0 Photoshop Gradients
* * *
Colorful Gradients
* * *
NCreative 3520 PS Gradients
* * *
As you may have noticed recently our product line was enriched with WordPress 3.x themes. Despite the fact that it may seem just another piece of boring corporate news we must state the significant importance of this milestone – both for our company and our dear clients. It is not a secret that WordPress themes are an insanely popular product. So, it is not that simple to satisfy the growing needs of our customers with every new update of the WordPress CMS. But we are always open to hear the voice of our people and improve our products and services according to your needs.
WordPress CMS is famous for unique combination of reliable and highly functional back-end software which is spiced up with the ability to add extra features by installing widgets, plugins and other “delicious” stuff. And that’s the reason WordPress CMS is considered to be the most user-friendly software – even the newbies can master WordPress within the short period of time. Now that all ceremonies are over we can go straight to our topic. Below you’ll find the detailed information concerning the functional improvement of our WordPress 3.x themes.
Custom Post Types
Creating various types of posts is one of the greatest features that opens many great opportunities for WordPress users. Currently you can use the custom post types in our WordPress 3.x themes too. Here is the list of all possible post type options:
- Portfolio Post Type is the post type that delivers content in the form of image portfolio with some text comments to the images.
- Slider Post Type is another image related option that presents all your post content in the dynamic slider with navigation buttons and short text info.
- Testimonials Post Type lets you set up custom fields for this type of post, such as testimonial name, testimonial URL, set up featured image etc.
- Services Post Type
- FAQs Post Type allows to create a special post where content will be displayed in the ‘question – answer’ form as it is usually done on the FAQ pages.
Page Templates
This exact option offers you adding page templates that have various design characteristics. These pages have different number of columns, layout, sidebar absence etc. Here is a short info concerning each of our page templates.
- Full Width Page is a page template with one column and without any sidebar positions.
- About Page is a page template with one column and without any sidebar elements.
- Testimonials Page has custom styled design created by our designers specifically for displaying testimonials posts.
- FAQs Page template is a full-width page without any sidebar created for displaying FAQ information.
- Portfolio Page has 1, 2, 3 and 4 columns view layout enhanced with Prettyphoto jQuery plugin.
TemplateMonster continues to deliver the must-have bundle for designers and creatives of all types. What we mean is that a huge designer’s pack, which you are already familiar with from our Christmas promo, is now available for sale for a very good price again. But not for long. Well, it happens that the providers have given us some more licenses to distribute and we thought that some of you who missed on this deal last time might want to buy this bundle of 61,015 design items. The price remains the same, only $49. This design bundle will be available for a very short time, we’ll remove the offer once the available licenses are used.
What’s in the bundle? You get a mega pack of your favorite design goodies including web elements, 3D cliparts and iconsets, stock photos, vector graphics, hi-res textures, Photoshop patterns, gradients and layer styles – only the best quality products and all for a price of $49.
- You get ultimate designer toolkit (reg. $99):
- 27,000 Photoshop gradients;
- 18,000 Photoshop layer styles;
- 815 Photoshop patterns;
- high-quality vectors;
- hi-res textures;
- icons and tutorials;
- ProClipart.com 1 year membership (reg. $19):
- 1600 3D clip art items;
- 2200 illustrations;
- 380 iconsets;
- IconDenom.com 1 year membership (reg. $19):
- any 500 items from the total amount of 5,300+ premium icons;
- 15 stock photos from DepositPhotos (reg. $30):
- any hi-res 15 images from the huge collection of 4,000,000+ stock photos.
So when you navigate to the shopping cart (this can happen automatically after adding a template of your choice), the bundle will be displayed to you marked as related product to the item already in the cart. That’s when you can purchase this bundle at a special price along with a template you’ve chosen. Now decide on the TemplateMonster’s product you want to purchase and use this chance to grow your design library with 61,015 awesome design items.
If you have a concern in the opportunity of putting together the high-grade execution and the effective design, have a look at our fresh freebie. This time our developers have tried their best and they are glad to present you this high-grade product – Free Website Template for Exterior Design Project with jQuery Slider now.
This template works perfectly with any exterior design bureaus you may want to transfer to the online sphere. This ready-made solution will help you start your online business and stand out from your competitors. The first thing your visitors will pay attention to is the stylish layout of this theme and its effective color scheme. The jQuery slideshow in its header, jQuery slider below it and the thought-out arrangement of the content blocks will help you put the necessary accents on the certain parts of your page. Its live demo will show you the rest of useful characteristics of the theme presented here. Try this free website template and become noticeable in the online world!
Free Website Template for Exterior Design Project with jQuery Slider:
Feel free to get this free website template in two ways: with PSD source files included and without them. Follow the link below and download HTML source files. To download this theme with PSD source files, visit the Free Website Template for Exterior Design Project with jQuery Slider download page at TemplateMonster and type an email address that you want the free template package to be delivered to (don’t forget to uncheck the newsletter subscription checkbox in case you’re already subscribed, otherwise you may not be able to download the zip file). Feel free to use this template for your business, but you cannot resell it as a template.
Download Free Website Template for Exterior Design Project with jQuery Slider with PSD files (81,8 MB)
Download Free Website Template for Exterior Design Project with jQuery Slider without PSD (3.51MB)
IMPORTANT NOTICE: TemplateMonster does not provide support services on free templates – including this one. We only provide support for the products that are being purchased from TemplateMonster. Our free templates are produced according to the latest web standards and we’ve been trying to make the process of working with them as easy as possible, so for people with minimum web development experience it should be easy to work with them. However, if you don’t have any experience, we recommend you to refer to the tutorials or community forums on how to work with platforms that each respective template is made with, or to hire someone to do the job for you.
Featured Templates
Follow TemplateMonster Updates
Rss Feed: