Archive for June, 2010

Free HTML5 Template for Design Company Website

Hey folks! Let us look a little bit closer at your designer needs – today we are offering you a freebie that will become of a great use for you – the Free HTML5 Template for Design Company Website.

Not long ago we have told you about the main aspects and standards of HTML5, a new markup language for the web, and now it is high time to show it with examples. We hope that this template will have a swift and powerful response and will be used for your online projects that deal with web design. In this Free HTML5 Template for design company website we are proud to present the the following awesome features:

  • It is HTML5 and CSS3 valid;
  • The gallery in the header is done using jQuery script “RoundAbout Shapes”;
  • The slider from the “Gallery” page is created using the “loopedSlider”;
  • Custom fonts;
  • Browser Compatibility:  FF 3.6 +, Opera 10.5 +, Safari 4+, Chrome 4+, IE6+.

And now, check out this Free HTML5 Template for Design Company Website:

Free HTML5 Template for Design Company Website

As usual, you can get this free HTML5 template in two ways: with PSD source files included and without them. Just click on the image above and download HTML source files from this post. To download this theme with PSD source files, visit the Free HTML5 Website Template 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. Don’t miss a chance and download this Free HTML5 Design Company Website Template!

Download free HTML5 website template with PSD files (22,1 MB)
Download free HTML5 website template without PSD (967KB)

Turnkey Websites 2.0 Solution Goes Live at TemplateMonster!

Ok, TemplateMonster’s good friends from Site2You website builder keep implementing innovative solutions for Turnkey Website Templates. Currently we have launched their new Turnkey Websites 2.0 at TemplateMonster website – those are awesome design templates equipped with brilliant feature-rich CMS that will enable website owners to make a smooth and flowing online presence. The price of the product includes the design and a one-year license for CMS usage.

Turnkey Websites 2.0 Solution Goes Live at TemplateMonster!

The conveniences of being on the web with Turnkey Websites 2.0 are just obvious, especially for those clients who need to establish their web presence effortlessly. The customers could benefit a lot from effective features every Turnkey Website 2.0 Template guarantees. This admin panel allows you to edit any website element – be it a static text, image, news block or testimonials section. Along with the powerful CMS on the back-end, they offer premium front-end including ready-made website designs with industry-optimized default texts.

What’s also important is that Turnkey Websites 2.0 offer two handy options – all our clients are able to order premium services along with the template purchase – we’re talking about website installation service and additional 10 hours of our webmaster assistance.

As for the hosting for Turnkey Websites 2.0, let’s mention that Turnkey website 2.0 templates also enable a third-party hosting, that’s a major new feature. Plus, it is now possible for our clients to fully buy out any Turnkey Website 2.0 since they are available for a unique/buyout purchases as well. So as you can see the service itself is very flexible, the customers, when technically experienced, could easily handle everything themselves. And still our team of professional web-masters is always ready for a fine tuning of some sort, to let our customers concentrate on their business while we take care of their websites.

iPad CSS – Any New Approach in Creating Layouts?

iPad CSS   Any New Approach in Creating Layouts?Being a salvation for Apple geeks, the iPad caused a painful headache for web designers that faced the layout issues. And some time ago we’ve started thinking on this and highlighted web design issues that might occur with developing websites for the iPad. In general creating website layout with the help of CSS is not really that much of a challenge for the experienced web designer. But the whole nature of the iPad will surprise with some small problems that will cause a real pain in you-know-where while trying to fix them. So while a creating website or optimizing it for iPad you should remember several important things about CSS and the iPad.

Links and Hover effects

Yes, the iPad has a touch screen and you have to use what appears to be a totally different technique for placing and displaying links at your website. It means that you have to avoid links in text placing them aside and marking them out to make them larger (actually it also concerns all other interactive elements of your website). Such great CSS effect as hover will not be user-friendly for touch screen and you should consider that too. And don’t forget that jQuery mouse events are not for iDevices either, so you’ll gain some extra problems along with them (for example you have to click the link twice, first time will show you a hover, second time will actually click the link).

Fixed position

If you want to use such CSS property as

position: fixed

it won’t be working in Mobile Safari. Front-end developer Richard Herrera has mentioned at his blog that this happens because: 

Imagine a book in front of you. Take a piece of paper, cut a 320×416 square in it, and lay it over the book. To read the book, move the paper around and position the hole over the words you want to see. This is exactly what Mobile Safari’s viewport is doing. When you flick and scroll, you’re moving the viewport around while the website behind it stays static.

Interesting solution on how to fix this is offered by cubiq.org in their Scrolling DIV on iPhone and iPad devices article.

Orientation

Read the rest of this entry »

Extra! Extra! Fresh WordPress 3.0 Tutorials

Yes, the 13th version of the world famous blogging software is finally avaliable for download. New WordPress 3.0 has a bunch of new neat features that will make many lives of many bloggers easier. It might be interesting for you to refresh some of the WordPress 3.0 features we’ve reviewed earlier this year in addition to today’s WordPress 3.0 tutorials.

Anyways, despite the fact that WordPress has always been a very user-friendly platform it is obvious to us that the new release will still cause some questions and issues from unexperienced users. And considering some new revolutionary options that have been implemented in this new release (like WP MultiUser for example) we’ve decided to gather WordPress 3.0 tutorials that will help you to know more about the 13th release of this wonderful software. We sincerely hope that you’ll find all these tutorials helpful for you and that you’ll be able apply this information in your projects.

How to Upgrade Your Blog to WordPress 3.0

By Nick

* * *

WordPress 3.0 Installation Tutorial

By Blog web6

* * *

Read the rest of this entry »

45 Ultra-Effective Hand-Drawn Website Designs

Hand-drawing is one of the most popular styles adopted and incorporated into website designs. Deploying some sketchy elements is virtually the best way to convey and reflect individual tone. Such doodles, being used elsewhere as accenting notes, give a design a super unique, down to earth, and organic look. By now the hand-drawn elements are showing up on more and more web designs, so in this showcase we have collected 45 awesome website and template designs which follow a cool creative hand drawn style within their layout.

One of the most evident benefits of using hand drawn style is that it serves to impart information on a very emotional, more personal and informal tone. In such way users are able to grasp the idea behind the offerings and find their way around the site more easily. They feel a refreshing break from the colorful elements which are designed in curved and fuzzy lines to tweak the basic features of a site and give it a human touch. Hand drawn or sketched elements can make a web design inviting, and add even an overall fun factor to a design.

Additionally, hand drawn designs provide an excellent support for the content of the website which, being presented often in relatively clean and simple format, is being dominated by a hand drawn illustrated image or series of hand drawn-elements throughout the background. So, apart from employing all that for a design role, designers are using their hand drawn sketches and doodles to frame the content. One thing is for certain – the hand-drawn elements will make your site look more friendly, however it’s very important to find the balance and be sure that they fit the theme and subject of your site. There is one important issue – sketchy design does not go well with a respectable corporate web project, where the design should look more professional, strict and sleek. Use a hand drawn style for a personal site, design related blogs, portfolios, and showcase sites, for tourism agencies, music bands, dressmakers, interior designers or for web stores selling something crafty and sketchy. Enough of that – right now surf through these creative web designs.

Robbinwaldemar.com

45 Ultra Effective Hand Drawn Website Designs

* * *

Lowmorale.co.uk

45 Ultra Effective Hand Drawn Website Designs

* * *

Read the rest of this entry »

Free PrestaShop Theme – The Powerful Tool For Online Shop!

Once this new e-commerce platform has been used, gradually it can’t be replaced by anything else. Of course you know what we are talking about – PrestaShop, a shopping cart system that was build to take advantages of web 2.0 innovations. Though it was launched in 2007, it is getting a lot of favorable publicity by word of mouth.

We assume that you all covet this speedy and very lightweight e-commerce platform and that’s why we present you a Free PrestaShop Theme for cell phone stores. We have started producing PrestaShop themes recently (they are about to be launched in a short time) and this is the first example of this product. The cell phone store template that we present today will surely shorten the distance between the idea of successful online shop and its practical application.

Check out this Free PrestaShop Theme:

Free PrestaShop Theme   The Powerful Tool For Online Shop!

To download this theme, visit the free Prestashop theme download page at TemplateMonster and type an email address that you want the free template package to be delivered to (Prestashop theme live demo is also available). Feel free to use this template for your business, but you cannot resell it as a template. And of course your feedback about this first PrestaShop will be highly appreciated. If you have any, send it to marketing@templatemonster.com and get a nice discount for the PrestaShop themes that are about to be launched. Additionally, you will be provided with a one-time 50% discount in case you write a review about this free PrestaShop theme on your website or blog.

Note! The Prestashop themes from TemplateMonster are already launched! Go ahead and browse them now to choose the one for your business!

Download Free PrestaShop Mobile Theme (18,4 MB)

FlashMoto Templates – Myths Are Busted!

Recently TemplateMonster has made a public opinion survey among its loyal Flash audience – those were mainly customers who bought multiple Flash templates but – oddly enough – didn’t purchase any FlashMoto templates. That useful inquiry resulted in some interesting things we didn’t quite expect to come upon. That’s why now, with the current blog entry, we’ll try to make the things clear and debunk the myths about FlashMoto CMS as being horribly complex. That’s a sheer nonsense in fact!

Ok, here are things that to some extent bother our dearest customers:

Myth # 1: The product is rather complicated to use.

Supposedly, there are some fears that Flash developers and end users will not be able to sort things out and therefore they do not buy FlashMoto templates. That’s a common stereotype about all innovative products when owing to their novelty they seem to be complex in application. In fact, those customers to buy our FlashMoto CMS Templates assert that these products are incredibly easy to work with.

FlashMoto Templates   Myths Are Busted!

When I first noticed the Flash CMS Websites on Template Monster I thought “WOW that is for me”. Before I purchased the template there was a simulated trial of the product provided and after having a solid play with the simulator I realized that editing a FlashMoto CMS Template wasn’t going be too hard at all and I went about purchasing the template. I will add that I had absolutely minimal experience in web site editing. Having said that, when I downloaded the template and worked out how to upload it to my host (thanks to the Template Help Team at Flash CMS of whom are fantastic), it was nothing but a breeze from then on. I changed the template quite a few times. Initially I just edited and added a few things and then I realized how much more I could do. The CMS Template is almost limitless as to what you can do and for beginners, you will find it extremely easy to pick up the ease of using the template control panel. My website is due for a bit of an update at the moment..so keep an eye on this space for the next change that I make to my FlashMoto CMS Template.

Christine G. Waterer, owner of 100percentwebsites.com.au

Myth #2: the price for FlashMoto Templates is way too high.

Read the rest of this entry »

25 Essential HTML5 Tutorials and Techniques

We are always close to the latest technologies – you know that, so today let’s cover some more info on the new fundamental markup language for the web – HTML5 that you all love so much.

When saying about HTML5, developers mean the new semantic structural tags, API specs like canvas or offline storage, new inline semantic tags, etc. HTML5, in fact, is aimed at creating a comprehensive markup language for front-end development, able to provide qualitative information on the different elements of the page. But to help make some sense of what’s new and essential in HTML5, you could review some helpful and indispensable HTML5 tutorials that go over many of the major HTML5 aspects and new standards.

The whole purpose of this post is to help you master HTML5 rich features through simple guidelines and easy to follow techniques. These useful HTML5 tutorials will help you keep a track providing more tips and tricks that you can use in your HTML5-based projects. Still if you find something missing, share it kindly in the comments below. After all, another effective HTML5 tutorial won’t be out of place here.

HTML5 Unleashed: Tips, Tricks and Techniques

25 Essential HTML5 Tutorials and Techniques

* * *

Implementing HTML5 Drag and Drop: New Premium Tutorial

25 Essential HTML5 Tutorials and Techniques

* * *

Blowing up HTML5 video and mapping it into 3D space

25 Essential HTML5 Tutorials and Techniques

* * *

Read the rest of this entry »

Exclusive Content for Our YouTube Subscribers!

Hey video fans! Today we’re about to share a little secret to you all – after all our dearest blog audience deserves some cool insider info from TemplateMonster. The thing is we have this new YouTube channel (you may have heard of it by now) and we’re sharing some exclusive video content with our subscribers there. Approximately once a week we publish an AfterEffects intro there, and not just any intro – it’s got to be the intro that has not yet been made available for general TemplateMonster audience. Take a look at this week’s one:

Looks nice, huh? Once it goes live at our website there will be a 15% discount available on it – just type “youtube” on checkout to have the price reduced for any of our AfterEffects intros. Plus, very soon we’ll start publishing the video testimonials from TemplateMonster customers there and guess what – you can also become a star of TemplateMonster YouTube channel AND receive a 50% discount for that. That’s right – we give out a 50% discount to our customers for making a video testimonial about how great their experience of working with us was! Feel free to check out more details on this promo and don’t hesitate to share your own video testimonials!

Free Business Website Template – The Right Choice for Your Project!

What is the effective way to make your project noticeable among others? The solution is simple – attractive design concept that is undoubtedly distinctive from the ordinary sites. Free website template from the professional designers can become the powerful starting point for your successful project.

As you understand, today we present you another freebie – a Free Business Website Template. This theme features clean and clear style as well as the catchy 3D models that are also used in its design. You can easily customize it and present your company in the effective way. This free website template can be a good choice for your online project, be sure!

Here it is – the Free Business Website Template:

Free Business Website Template   The Right Choice for Your Project!

You can get this free website template in two ways: with PSD source files included and without them. Download HTML source files from this post (just click on the image above and save the ZIP file). If you need PSD source files, visit the free website template download page at TemplateMonster and type an email address that you want the free template package to be delivered to. Feel free to use this template for your business, but not for commercial purposes (this means you cannot resell it – either before of after customization). And now hurry up and download this Free Business Website Template!

Download free business website template with PSD files (20,5 MB)
Download free business website template without PSD (311KB)