3D Models, Website Templates and Illustrations blog | Templates.com

CSS Preprocessors – LESS Tutorials and Resources

Doug — Wed, 16 May 2012 09:22:35 +0000

Less helps you to speed up and simplify your development by using variables, inheritance, functions. This is very powerful CSS tool has two major versions – compiled and JavaScript powered. Basically CSS preprocessors are still on their way to hearts of wide web development audience. Due to its excellent dynamics and huge potential in the field of functionality we can state the fact that these CSS tools soon will conquer the web. Today we are glad to present you useful LESS tutorials and resources. Enjoy!

Using Less CSS, BluePrint and WP for a Faster Workflow

* * *

Learning LESS: Variables

* * *

Learning LESS: An Introduction

* * *

LESS CSS Tutorial: Designing A Slick Menu Navigation Bar

* * *

Sass vs. LESS vs. Stylus: Preprocessor Shootout

* * *

Musings on Preprocessing

* * *

A Comprehensive Introduction to LESS Mixins

* * *

Sass And LESS: An Introduction To CSS Preprocessors

* * *

Researching LESS & SASS

* * *

Choosing a CSS preprocessor

* * *

The problem with CSS pre-processors

* * *

Free Vector Illustration of the Week. Cat’s Food

Katarina — Tue, 15 May 2012 12:02:31 +0000

When you pick your ideas, a bit of inspiration and good execution, you get the attractive design that certainly brings the obvious effect to your project. Catchy free stuff from our collection of vector illustrations is what you may like to have in your designer’s store. We are always glad to offer you the goodies that catch attention when they are used in your works. Here is a freebie of this kind – Free Vector Illustration of the week that pictures a cat standing before the bowl thinking about its favorite food. Nice element in the cartoon style for your eye-candy designs, isn’t it?

There are two formats of presented here free vector illustration (.PNG, .AI) and the following resolutions: 795 x 1095, 1656 x 2281, 3312 x 4562. As a vector image, this item keeps its high quality while being printed in different formats. Downloading is affordable and easy. It is possible after the registration at Templates.com. This registration is completely free

Please note: This free vector illustration is free only for one week (starting from today). You can download the particular free illustration only during one week, the next week it will be changed for another one.
! You can use this free vector illustration only for your personal or educational purposes. Do not use it for commercial purposes, it is forbidden.

You are welcome to try this free vector illustration just now!

Become a mature web designer with Templates.com!

Free Website Template for Business Project. jQuery Powered Slider

Katarina — Mon, 14 May 2012 12:39:13 +0000

Great design works for you and the success of your online project. We offer you to have a look at the effective freebie from TemplateMonster’s creative designers – Free Website Template for Business Project. jQuery Powered Slider. This goodie will enhance your powerful business ideas and bring them in the focus of attention.

This theme comes with clean and clear design that is not overloaded with the gaudy elements. The content is subdivided into several parts and this structure helps to arrange your information in the correct manner. The featured content blocks offer to present the main business ideas in the explicit way and jQuery slider in the header allows to visualize some of them.

This template goes with 5 pages: Home, About, Services, Products, Contacts. Its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand. If you need PSD source files, please go to the template download page at TemplateMonster to leave the e-mail address that you want the free template ZIP package to be delivered to. Feel free to check out its free template live demo to see it in action.

Responsive WordPress Themes are Launched! Be the First to Get Them!

Katarina — Fri, 11 May 2012 12:40:29 +0000

Among the latest hot trends of the web, the responsive templates grab a good part of the viewer’s attention. The secret it simple – these themes go step by step with a huge amount of portable devices that appear on the market. Whatever screen resolution your device has, the responsive templates will be displayed on it in the correct way.

Our partners from TemplateMonster keep abreast of the latest innovations and that’s why they couldn’t miss your interest in responsive themes. As a result, today you’re welcome to check out Responsive WordPress Templates of the premium quality for whatever projects you need. It’s only the beginning and in a short period of time you will be able to choose among the greater collection of these themes. Using them you can create the fully-responsive website that will adjust to any screen resolution. Each of the theme from this category goes with primary layouts that are optimized for the following screen resolutions:

• desktop layout (980px);
• tablet layout (768px);
• smartphone layout – landscape (480px);
• smartphone layout – portrait (320px).

Hurry up to browse the effective examples of Responsive WordPress Templates and build your fully-functional, adaptive website on their basis!

***

Useful Code Snippets for WordPress Developers

Ann — Thu, 10 May 2012 12:13:41 +0000

Today we are reviewing helpful code snippets for the most powerful content management system – WordPress. If you would like to create professional WordPress website or just need to add some additional functionality than you definitely need to look through this great selection of WordPress code snippets. They will help you make your WordPress website more powerful and effective so you can easy implement code snippets into your web projects and stay on the top!

* * *

Create and attach sidebars to pages or posts

* * *

Change default “Enter title here” text within post title input field

* * *

Maintenance mode

* * *

Count total number of images in media library

* * *

How to show hidden custom fields

* * *

How to list scheduled posts

* * *

Redirect commenter to thank you post or page

* * *

Extend search to include custom post meta

* * *

Create most recent posts dashboard widget

* * *

Remove the screen options tab with screen options hook

* * *

Redirect your post titles to external links

* * *

Display top 8 authors in wp_nav_menu

* * *

Disable Google Analytics in preview mode

* * *

Add rel=”lightbox” to all images embedded in a post

* * *

How to Make a Search Form – Helpful Tutorials

Ann — Wed, 09 May 2012 10:00:21 +0000

Nowadays search boxes are becoming more popular and important as almost each professionally-made website needs the special place for quick information search. That’s why the search box is a very essential part of the website’s structure, especially for content-heavy web projects. Many people simply prefer using the search form to browsing all content, because it’s fast and simple way to find what they are looking for. So the search box is the most frequently used designed element which makes the website more functional and organized. Basically, the search form consists of an input field and a submit button and these elements are unchangeable. But you can add more creativity and individuality to your particular search form using different shapes, styles and color schemes. Considering the active usage of search boxes we decided to include these helpful search form tutorials that will assist you in creation of the perfect search box for your website.

CSS3 Search Field Tutorial

* * *

Website’s Search Field Tutorial

* * *

Stylish CSS3 Search Box

* * *

Fancy Search Box Tutorial

* * *

CSS3 Search Box Tutorial

* * *

Custom Web Search Box

* * *

Beautiful CSS3 Search Form

* * *

Grooveshark Search Box

* * *

3 Examples of Search Boxes

* * *

Search Box with New Google Style

* * *

Search Form with Multiple Search Options

* * *

Search Boxes

* * *

CSS3 Search Box Inspired by Apple.com

* * *

Tabbed Search Bar Tutorial

* * *

Awesome Search Box Tutorial

* * *

Simple Search Box Tutorial

* * *

Search Form with CSS3 and jQuery

* * *

WebKit HTML5 Search Inputs

* * *

Search Bar – Tutorial Web Design

* * *

Web Design Tutorial – Search Bar in Illustrator

* * *

Free Vector Illustration of the Week. Fruits

Katarina — Tue, 08 May 2012 08:53:09 +0000

We hope it will be interesting for you to meet the new freebie from our ultimate collection of vector illustrations. Among them you can find the catchy images tailored for various design topics. Today we are ready to offer you Free Vector Illustration of the week with the sunny summer mood that can serve as a catchy tone for your designs. This very goodie depicts various fruits in the attractive and appetizing manner. The appeal of this illustration can add the decorative tone to your project and attract the viewers. Try it!

Feel free to choose among two formats of this image (.PNG, .AI) and the following possible resolutions: 999 x 465, 2081 x 970, 4162 x 1939. Being a vector image, this free vector illustration keeps its high quality while printing in different formats. The download is possible after the registration at Templates.com. This registration is completely free!

Download this free vector illustration just now!

Become a mature web designer with Templates.com!

Free Full JavaScript Animated Template for Web Design Studio

Katarina — Mon, 07 May 2012 12:00:52 +0000

A good spoon of inspiration allows a designer to create stunning works that become fresh and memorable. Good design usually combines high quality execution and attractive layout – the very points that you can find in today’s freebie created by the talented designers from TemplateMonster – Free Full JavaScript Animated Template for Web Design Studio.

This stylish choice is a good solution for those who want to become noticeable in the online world. This theme will attract your customer’s attention due to its likeness to the Flash site. It is done in pure JavaScript and it means that it contains the stunning Flash-like effects, but remains the light-weight solution. And though the design suits a web design studio, but can be easily customized for any kind of similar topics.

The template goes with 5 pages: About, Services, Gallery, Privacy, Contacts. Its resolution is 1024 x 768. This one and larger resolutions are statistically in great demand. If you need PSD source files, please go to the template download page at TemplateMonster to leave the e-mail address that you want the free template ZIP package to be delivered to.

Free Full JavaScript Animated Template for Web Design Studio:

***

Wood Inspired Template Designs by Templates.com

Avbulat — Fri, 04 May 2012 10:00:53 +0000

Wood has been used for centuries for many purposes, primarily as a fuel or as a construction material for making houses, tools, furniture, paper and artworks. From time to time, we have developed different use of wood in our living. Being a part of our everyday lives, web designers have learned to use wood as a great texture in websites and soon it became a popular trend in web design. Whether it’s a portfolio or a company website the use of wood brings a feeling of warmth and personal touch. When used with incorrect combination of colors and textures it will result in a dull and lifeless website.

Today we’re going to look at some of the best examples of website templates with wooden textures that are available on Templates.com website. As you can see each template has a wooden background or some other wooden elements, if you can define type of timber by its texture feel free to name it in the comments.

Virtuemart Template

* * *

WebsiteTemplate

* * *

Website Template

* * *

Hotels Web Template Full JS Animated

* * *

Cafe and Restaurant Flash CMS Template

* * *

Architecture Flash Animated Website Template

* * *

XML Flash Template

* * *

Web Design Full JS Animated Template

* * *

Architecture Full JS Animated Template

* * *

Interior and Furniture XML Flash Template

* * *

Interior and Furniture XML Flash Template

* * *

Drupal Business Web Template

* * *

Hobbies and Crafts CSS Full Flash Template

* * *

Web Design XML Flash Template

* * *

Interior and Furniture XML Flash Template

* * *

Hobbies and Crafts JS Animated Full Site

* * *

Website Template

* * *

Web Design XML Flash Template

* * *

Flash Website Template

* * *

Flash Website Template

Photoshop Portrait Effects for Everyday Use

Avbulat — Thu, 03 May 2012 10:00:18 +0000

For the Photoshop lovers we picked a set of hot Photoshop tutorials to help them learn essential and advanced portrait effect techniques. In this round-up you will find various retouching, digital make up, special effects, painting effects and various others techniques to spice up usual photos and make them look really outstanding. In our post we’ve covered techniques used in magazines and advertizing that give photos a glamorous shine.

Since portrait effects are no longer constrained to vignettes or simple stencil effects, this area of Photoshop activities has evolved to an unbelievable level of creativity and complexity. So do not expect to find here tutorial consisting of 3-4 steps, some of them require hours of painstaking work that would result in a lot of new techniques learned and killing photo manipulation you have produced.

A small piece of advice, do not try these effects with your average low quality family photos. These effects require high resolution images to obtain optimum results.

Comics Photoshop Action

* * *

Creating Unique Profile Image

* * *

Vexel Image Effect

* * *

Break Apart Effect

* * *

Portrait Photoshop Action

* * *

Creating a Pencil Sketch Photo Effect

* * *