PAGINATION AND SEO: GOOGLE PREFERS LONG LISTS OF RESULTS

Have optimized a pagination for SEO is a major issue. It helps to better distribute the crawl on the product pages, and avoid the effects of possible duplication between the contents of pages of results.

It is therefore preferable to have an optimized site structure for SEO rather than long lists of endless pagination and very poorly Linked from the site and outside the site.

According to a study by Google (sorry, I did not find this study), Internet (do a search on google) rather fall on a landing page containing the complete list of possible results.

In March 2012, Maile Ohye (Tech Lead Developer Program) in charge of part of the search and webmaster tools, has posted a video where she explains that Google does a remarkable job to understand the different types of existing paging for better the index (video at the end of this article).

I decided to quote the various strategies it proposes to optimize a site with pagination.

Two types of paging available

Paging over the items

this is often what we see on content sites or when the article is too long, the editors cut it into several parts. Some do it to really improve the user experience (in the case of tutorials a little long for example). I think in this case, it is very relevant and justifé for SEO. Others do it just to make the pages viewed, to inflate their stats on Mediamertrie ...

Pagination listings on results

This is the classic case, we find on all e-commerce sites. The sites use paging to provide opportunities for visitors to access more products by watching the following pages listing.

Side effects of paging

Pagination, indexing and performance

Pagination is poorly managed, there may be side effects which may impact the indexing of pages. This may cause dillution of PageRank and the misallocation of internal linking. So be careful not to generate duplicate content (eg we need to correct this side effect "page = 1" VS "/"). We must also ensure that all the linking points towards the navigation page rather than sending the links on pages 2, 3, 5, ... x.

Pagination and positioning

This might be the first. If the linking is mismanaged, it may have the effect of positioning a page swap. The negative effect is that this page may not be positioned as relevant and then you go to war with the wrong horse. It can also give a bad user experience to your visitors. How? if you have a listing sorted by relevance, for example: if you position the last page, it would mean that the landing page offer the least relevant ...

Google prefers sites offer when a page "All results"
According to Google:

a study would have shown that users are more satisfied when they arrive on a page with all the results when they arrive on a page with the first X results, then with a paging system, they propose to go farther down .

With this in mind, in November 2011, a Google engineer, in this case "Benjia Li", added another brick to the algorithms and indexing engine which consists of the following:

When we detect a paging aussi series contains a "view-all version" we are now making efforts to return a larger-all view the page in search results When licensing authorities.Indexing properties, like links, aussi Will Be sonsilidated component from the pages to view the page-all

The Google algorithm then tries to find the "view-all version" when it exists and is preferred to other pages. Submit this page so you can choose yourself (and for sure?) Page that will be positioned.

Ugh, if I have 400,000 products, how do I present it all on one page? this is bogus reco ...
Naturally, I agree with this observation. Google asks the webmaster to check two very important points that will help you make that choice (or not). Knowing that otherwise, there are always other solutions, so wait and see: p

1 - time of page load

It is obvious that if the page takes 15 seconds to load, it is unnecessary to present it. The principle is that if a page swap is 2 seconds to load and I'm 10, so the visitor will see all the products within 20 seconds of time (every time he clicks on a page, it must wait 2 seconds it loads). If you have the "all results" and that this occurs in 4 seconds, in fact you save time (16 precious seconds) to your visitor will be necessarily satisfied.

2 - navigation within the page

Present many results, but yes it is still necessary that the visitor can find these little ones.Navigation should be simple and intuitive. The above, with Ajax technologies and the advent of HTML5, I think it is easy for a webmaster to build a view that provides access to all page elements, while remaining within the area flotation.

Ok, what is the SEO behind this recommendation?
There are two possible configurations: either you already have the "see all results" or you did not.

1 - the "all results" are on your site

You have three options:

A-leave everything as it is: Google has improved its algorithm (see above) to automatically detect the existence of this page and consolidate all data indexing. This option is a good option if you do not have the resources necessary to implement other actions to facilitate the work of the engine.

B-use the rel = canonical to any paging to the page "all products": this solution allows for both:
- facilter work google for him to promptly report the existence of the page
- consolidate all data indexing and linking
- routinely offer this page in search results
-benefit of an effect on other cluster pages paging in search results.

C-use "rel = prev" and "rel = next": this improves the understanding of the drivers within the same set of paging and allows to present the most relevant page in the results. This is often the case of a page (a page containing only "rel = next")

2 - you do not have the version of "view-all"

A-Leave as is: pagination still exists and will exist for a certain number of times. The engines should strive to understand your paging and continue to do what they do from the start without it disrupt their work. You will therefore not be penalized by the lack of this page.

B-Use "rel = prev" and "rel = next" for the same reason stated previously.

You may have noticed, in this second case, we will not use the rel = canonical as it is strictly for duplicate content. If you use such a page for linking your pagination, you may not have more than this page indexed.

I let you watch the video of Maile Ohye (still )

Posted By Unknown4:08 PM

0

Continue Reading

Disable automatic links in comments

If you wish to leave links in comments, or at least that these links are not active , you can disable all default.

WordPress, by default, and unlike in the editor, makes any URL that someone put in the comments is " clickable " , ie it becomes a live link.

Of course, you can configure the settings so that all comments with link comment moderation queue stay in but remember that you must adjust personally as default allows comments with a link, only for those with 2 or more.

In any case, a way to prevent outgoing links, and that you really only want to check a reference copy and paste the URL and visit, and incidentally limit the number of outbound links on your site, because an excess of links projections could penalize your SEO is to use this trick.

All you have to do is add the following code to your plugin functions within the file or functions.php in your active theme:

remove_filter('comment_text', 'make_clickable', 9);

Save the changes and you're done, the URLs in the comments and will not turn into links automatically.


Nice trick long ago found in WPrecipes , I never thought of sharing so far

Posted By Unknown2:22 PM

0

Continue Reading

What are and how to create shortcodes

If I read a while you probably know a lot of " shortcodes "for use in WordPress. Its greatest virtue is that you save time on repetitive tasks regularly , and for that alone is worth using them, and even learn how to create them.

There are many current issues are " shortcodes "included, as all of Elegant Themes or WooThemes , but if your item does not include them nothing happens, you can use all we have learned shortcodes in WordPress Support or, as we shall see now itself, create your own, it is very easy.

1. What are the WordPress shortcodes for?

The WordPress shortcodes are small pieces of code you can add in the WordPress editor. are used to add functionality to the content of your posts and pages without writing a script each time you need to do the job.

HTML tags are like using brackets ( [] ) instead of the symbols of "greater and less than" ( <> ). Come on, something like this:

[shortcode]

You can add "shortcodes" manually by a code in your file ( functions.php ) function or plugin from the subject if it includes or from some plugins that offer "shortcodes" ready to use (a good example are the plugins embed videos that use shortcodes type [video = url_del_video] . "

2. Advantages of using shortcodes

The main thing is not having to repeat code or routine tasks in the WordPress editor. The shortcodes are great time savers. They also facilitate tasks that require tedious or usually much typing. You can use them to add repetitive texts, to make function calls to implement CSS classes, almost everything.

3. Disadvantages of using shortcodes

The shortcodes that you believe have virtually no disadvantages, but not those that make it easy themes and plugins. The reason?, Very simple, creating a dependency, as if tomorrow you change your theme or plugin and you used your shortcodes have much cleaning to do these shortcodes to stop working.

4. Creating WordPress shortcodes

The first is to choose the PHP file "host" the functions of the shortcodes. The most common choice is the file functions.php the current theme, which include almost all, and I think it manually. You can also create your own plugin functions , an option usually cleaner and more controllable.

The two basic steps are these:

1. Create the primary function PHP 
2. Create the connector add_shortcode , whose function is to connect the primary function to WordPress PHP (create the shortcode for the PHP function and then insert it into the WordPress editor to activate this feature)

As I have stated, once you insert the [shortcode] into your editor, WordPress will connect to the file functions.php or plugin functions and automatically replace the shortcode with the function you created.

Once you've created functions, whether few or many, all you have to do is insert the shortcode associated with each function unique every time you want to use in your editor.

1 - Open the file functions (functions.php) of your subject, usually in / wp-content/themes/tutema/functions.php , or the plugin function and create the function

A simple example would be something like:

function shortcode_gracias() {
return '<p>Thanks for reading my blog!, if you liked subscribe to the RSS feed</p>';
}
add_shortcode('thank you', 'shortcode_gracias');

Save the changes file functions, you're ready to use your new shortcode. 

2 - Put the new shortcode [thanks] in the place you want your WordPress editor 

Once you save changes to your page will look like the result of the "call" to the shortcode, looking something like this: 

Thanks for reading my blog!, If you liked subscribe to RSS feed 

That's it!, Just created your first shortcode yourself . Now you only need to experiment, learn, and test to customize your WordPress while you lose the fear of "touching code." 

To grow and learn more here I leave the required references should not miss : 

Shortcode API 

add_shortcode function reference 

WordPress shortcodes guide 

Posted By Unknown1:50 PM

0

Continue Reading

WordPress moves and 16% of all Internet

WordPress is in such a growth curve that will soon become a real monster, if not already on the network.

Whether on your own server hosted on WordPress.org or WordPress.com services, the fact is that WordPress already moved 16% of Internet and growing.

From time to time share figures, such as downloads of new versions, and each new version far surpasses the previous one.

For example, the current WordPress 3.4, in a week and is on track to the 3 million downloads , and that only the first version, no updates, another symptom of the tremendous implementation of WordPress on the network.

Posted By Unknown1:02 PM

0

Continue Reading

20 examples of typography in the design of websites

Any large typography itself is the main protagonist of almost any site design. All of the examples in this collection illustrate how this situation. Indeed, contrasting large fonts immediately attracted attention from the user and thus have a meaning, which is contained in the content of the sentence or text. However, working with typography requires great skill, as well as the ability to feel the font. But in the case of successful realization of ideas are born outstanding typographic masterpieces.


I. Phase 2 Technology





II. Made By Water





III. Made By Water





IV. Made By Water





V. More Soda





VI. Convergese





VII. Denise Chandler





VIII. Three Penny Editor





IX. Abutler





X. Wakwaw





XI. Forever Heavy





XII. Kylem Kramer





XIII. Lost Type





XIV. Gerren Lamson





XV. Rx Balance





XVI. Kyle Steed





XVII. Pineapple Thief





XVIII. Hungarian Wine Society





XIX. Amazee Labs





XX. Adore You







If you enjoyed this article

Posted By Unknown8:35 AM

0

Continue Reading

Google glasses, Google tablet, Google player release

2012 Google I / O Developer Conference held in U.S. time on June 27th to the 29th. Google released the next generation of smart phone operating system Android 4.1, its own brand Nexus 7 tablet, Google Glass and home media devices Nexus Q player.



Google glasses Google Glass

Google I / O Developer Conference in 2012, today released the Google Glass smart glasses, priced at $ 1,500, is expected to be shipped in early next year.

Google glasses equipped with a projection display, a camera can shoot video frame on the touchpad. It comes with a microphone and speakers, a variety of sensors, gyroscopes, and there are a variety of modes of communication.

According to previous reports, Google glasses virtual reality technology to achieve the calendar, voice search, Google +, time, temperature, text messaging, camera, location, music, search and video functions. Previously exposed photo proofs to show that the photographic effect is very good, comparable with the card camera.



Google co-founder Sergey Brin (Sergey Brin), the final stage at the press conference wearing a Google glasses suddenly appeared, officially launched this outside attention has long been innovative products. An interesting detail is that To demonstrate the functionality of Google's camera glasses, Google arrangements engineer in San Francisco over the parachute wearing glasses, all the way through it "live video", has been landed to the venue on the roof. Parachutist riding a bicycle into the venue, the applause of his audiences.

Google glasses prices up to $ 1,500, is expected to be shipped in early next year. Developers can participate in the I / O conference booking site.

Google Nexus 7 Tablet PC

Google today officially launched its own brand's first Tablet PC Nexus 7, there are the 8GB/16GB two capacity versions, priced at $ 199 / $ 249, the same lower version and Kindle Fire listing price.



Nexus 7 Configuration the NV Trgra 3 processor 12-core graphics processors, 7-inch IPS screen (resolution 1280 × 800) to provide the the 8GB/16GB two kinds of capacity to choose; battery life of up to 8 hours, 300 hours of standby time; before set 1.2 million pixel camera, there is no rear camera; carrying just released the Android 4.1 system; the whole weight of 340 g, the thickness of about 10.4 mm, compared to Kindle Fire thinner ASUS OEM.

In addition, the Nexus supports WiFi, Bluetooth and NFC communication. Chrome as default browser, which is the first to Chrome as the default browser of the Andrews equipment.

Meanwhile, the Nexus 7 with a real book reading experience, the new Google Play also has a large number of books and magazines in the application specifically optimized for the tablet, similar to Kindle Fire.

It is reported that Nexus 7 has started to Google the Play stores accept reservations, expected in mid-July delivery, while Google will also to be booked in advance the user to provide $ 25 coupons. The tablet will be the first sale in the USA and Canada, other countries will be available later.

Google Nexus Q player

At the conference, Google released a product called "Nexus Q" ball-shaped streaming media player, priced at $ 299, on sale in July.



According to the introduction on the Google App Store Google Play, the Nexus Q is a "social communication media player, audio and video files to the" Play "feature, but with the Android device control.

Simply by the Nexus Q in the Google application store to buy a movie, the movie will be added to the playlist Nexus Q, in the same WiFi network, and any Android devices are available through the Nexus Q watch.

Nexus Q using the Texas Instruments OMAP 4460 chip, the same as the Galaxy Nexus, the use of the Android 4.0 operating system, power consumption is 25W, support for WiFi, Bluetooth and Near Field Communications, 1GB of memory.

Google said the Nexus Q-will be on sale in July this year, has begun to accept pre-priced at $ 299, the United States will be the first sale of the country.

In addition, Google launched the Nexus Q player's partner Triad speakers, priced at $ 399.99.

Posted By Unknown5:01 AM

0

Continue Reading

WordPress 3.4.1 Security Update

Already have available to update WordPress 3.4.1 . 
This update is a security and maintenance, and is absolutely recommended to apply as soon as possible if you already have installed WordPress 3.4. 


This update addresses 18 bugs detected , and something more: 

• Fixes an issue where sometimes undetected page templates of some issues. 
• Solves problems with some permalinks structures of categories. 
• Better management of plugins and themes JavaScript loaded incorrectly. 
• Added support (early) to load images on devices with IOS 6 Detects an activation of the entire network, typically used by plugins. 
• Better support for servers running certain versions of PHP (5.2.4, 5.4) or with unusual configurations (safe mode, open_basedir), which had led to warnings in some cases by avoiding sending emails. 

This version also fixes some security problems of reinforced security . The vulnerabilities were a potential information disclosure and a failure affecting multi-site installations with untrusted users. These problems have been detected and addressed by the security team WordPress. 


Ready to install from your desktop in a while, and now available for download on the official site .

Posted By Unknown9:45 AM

1

Continue Reading

Plugin that helps developers to develop

If you are developer of WordPress now there is more support, a plugin that helps you optimize your development environment , so you can check if you have the elements necessary for this work, developing for WordPress.

The plugin " Developer "is not intended for use in WordPress in use, but precisely for facilities that serve as development environment, and installed just checks to see if you have everything you need to develop for WordPress.

The first thing it shows is a screen asking us if we develop for WordPress or WordPress.com hosted ...

It then checks the plugins needed for development environments and their status:

If we can activate one up in one click ...

And finally shows us the state of our development environment.

From there and the job is yours, of course.

Posted By Unknown9:29 AM

0

Continue Reading

Invitation to access your WordPress

We know we can enable logging of our WordPress, or close it, and define the type of user of WordPress users who have registered to control what can not do, but what if we add an invitation system? .

Do not you think it will be much more professional?

An invitation to register system offers a sense of exclusivity that large companies have strengthened, and nothing like Apple with their products, to a blog or a website will give a very professional touch to our visitors. It also represents security plus access to our site, which never hurts.

Also, as always, it is simple , and we will use plugins that are going to make life very easy. Let's see some ...

• Secure invites offers a similar system to record WordPress.com invitations, in fact, WordPress MU design for this purpose, and still works great on any WordPress. The level of customization is complete invitation system may define invitation codes, expiration dates, invitations, messages you receive, everything. Very complete and all kinds of uses. 
• Pie register another small wonder that, in addition to offer invitations with unique codes also allows us to customize the login screen at will, making the brand experience for our visitors and users is complete. It is a system to customize the login screen cap that also adds lots of features, such as access control by CAPTCHA or even integrated payment system for registration. Come on, one pass, and only a click configurable. 
• Invitation code checker is a classic for WordPress MU, BuddyPress, and of course, for any WordPress. Once installed offers a new field for invitation codes to require user registration. It's simple but works reasonably well. I have to say that you have not tried it so do not install it on a production site without testing it first. 
• Invite anyone , unlike the above, if it is fully tested in existing facilities BuddyPress, which is what it is designed. Its main goal, and what differs from previous ones is that it is the community of BuddyPress who invite your friends or anyone who wants to participate in it, through a new menu to be invited by email, with texts you can configure in the administration of BuddyPress plugin. 
• Easy BAW invitation is another star of the day. It's simple to use but does everything great. It offers generating invitation codes that you need to register in WordPress, and integrates beautifully. A jewel, simpler than Pie register or Secure Invites but more than enough for this use.

Well, these are the ones I know, if you know of any system more because you tell us in comments.

Posted By Unknown5:02 AM

0

Continue Reading

BuddyPress 1.6 requires WordPress 3.4

If a member of BuddyPress , the plugin that converts WordPress into a community complete with social networking, forums and messaging, know that the list of changes is reflected that require WordPress 3.4 .

So if you think upgrading to BuddyPress 1.6 when available prior to check that your topic and other plugins are compatible with WordPress 3.4 before upgrading to the new version of BuddyPress.

The new version looks good bit so do not miss all the news of BuddyPress 1.6 , like privacy profiles, integration with Akismet, incorporation of bbPress 2.0 and more, or WordPress 3.4 and is being tested.

Posted By Unknown4:47 AM

0

Continue Reading

How to create a page on Google +

+ Google has just released the creation of pages for websites, brands, businesses and others. and it is certainly a good channel to promote your blog or website and set it as a subscription method, as we did before with Facebook pages and Twitter .


How to create a page on Google +

The process is fairly simple:

1. all starts by entering the page creation form and selecting the item of the same. As there is no direct option to websites, "Other" is the most appropriate. Although clear, according to the content of your website, would fit perfectly in some existing ones.

2. Add the name of your blog or website, URL and read the terms of use to accept them.

3. Add a slogan or description of your site, and the picture to the profile page.


Now Select a category for your page :

Google + also gives you the option to edit their profile picture immediately after upload to Picnik tools.

4. immediately have the option to share with your friends, though perhaps not the best, because your page is empty. I recommend you wait to import your content before sharing it.

5. Done. Your Google page + is finished. So it's a good time to leave the first message and better than a welcome.

Posted By Unknown2:26 PM

0

Continue Reading

Joomla template HOT - HotJoomlaTemplates

Title - HOT


As mobile devices, and firmly entrenched planshetniki firmly in the everyday life of ordinary citizens, and part-time and internet users, it is not surprising that almost all of the templates that have been issued within the past six months has built an adaptive layout, which changes the appearance of the page depending on whether on what can be seen the site. So HOT Joomla template is no exception, he has also been created with the idea that different devices have different sizes. The first template is designed to create a blog or portfolio. According to the developers before they fully understand the work of this topic will need to prochiatt full documentation that will allow you to customize the template as you want and use it to maximum.


Source - HotJoomlaTemplates


Demo - here

Posted By Unknown1:10 PM

1

Continue Reading

Turn your WordPress Blog into an iPhone App

WiziApp is a service that, from a plugin, allows you to convert your blog into a WordPress iPhone App Thus, the content of your blog in WordPress will be available in a more organized and accessible for users of Apple's phone.

WordPress for iPhone

Have a preview of your app is free, however, to obtain and publish need to hire one of their plans. The process of creating quick and easy:

1. Install the plugin WiziApp . It can be directly from your plugins section or manually with FTP.

2. Now in your administration panel, go to the new section called WiziApp to start the setup and see the preview of your content.

In this section you put your app name, customize the tab menu, background, information display, reporting system and monetization (via Admob). Everything, watching the changes directly to a previous App




3. The next step is the payment for the creation of the App

There are three different plans, all of them give a down payment and one payment per month thereafter.For example, the basic plan Personal Blog, has an opening cost $ 199 and then a monthly payment of $ 19.90 USD.

The payment entitles you to support and upgrades for your App (derived from WordPress or IOS), notifications and statistics.

4. The last step is to publish your app in the App Store and make available to the world.

Just fill the information in your app, sort and upload content to identify the respective icon.

Opinion

To provide content to mobile devices there are mainly two formats, one via App and another via mobile browser version of a website. Both offer advantages and disadvantages and the lack of standards makes it difficult and expensive to achieve compatibility with major mobile systems, a task that hopefully meets HTML5.

Posted By Unknown2:49 PM

0

Continue Reading

Publisher CSS3 gradients fashionable Photoshop

ColorZilla , known for its color extensions for Mozilla and Chrome, provides us with Ultimate CSS Gradient Generator . This is a generator of degraded CSS3 online basically follows the user interface of Photoshop to provide the CSS for all owners prefixes -moz- , -webkit- , -o- , -ms- . For Internet Explorer 6 to 8, the tool generates the property filter ; versions IE9 and beyond there is even the conditional comment to add to cancel filter and switch to the generation of the gradient using SVG base 64.

The preset gradients are a boon to the web integrator: in most cases, simply changing one of the 140 examples given.

The modifiable parameters are:

• Positioning the cursor to determine the length, opacity and color threshold considered,
• Color adjustment via dynamic cursors for hue, saturation and brightness,
• The orientation of the gradient: horizontal, vertical, diagonal (right- left ), diagonal ( left-right) and radial

A preview window lets you see the changes live-live with a check box to see how Internet Explorer behaves with the properties that it does not take into account.

CSS are ready to copy and paste with the equivalent option for SCSS (Sass) and the choice of color (HEX, RGB, RGBA, HSL, HSLA).

Examples SCSS (Sass)

// needs latest Compass, add '@import "compass"' to your scss
background-color: rgb(228,245,252); // Old browsers

@include filter-gradient(#e4f5fc, #2ab0ed, vertical); // IE6-8


// IE9 SVG, needs conditional override of 'filter' to 'none'
$experimental-support-for-svg: true;
@include background-image(linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%));

CSS Example

background: rgb(228,245,252); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjVmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JmZThmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzlmZDhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWIwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-8 */

For IE9 - IE10

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

Enjoy

Posted By Unknown11:06 PM

0

Continue Reading

Joomla template YT Steam - YooTheme

Title - YT Steam

Check out the new joomla theme of YooTheme strength. It has a bright fresh design that is ideal for the implementation of any site conferences or events. It is also perfectly able to recreate the theme of the blog, magazine and even the corporate website. The modern pattern will allow you to provide the best form of the most useful information to your visitors and be able to attract the attention not only for its bright, warm orange design, but also the perfect fulfillment of all basic template pages. To make the pattern more advanced, combine it with a set of useful components Widgetkit, which will make of any site that you need.In general, the topic will give you very detailed 8 different colors, 4 styles for modules and 13 different fonts.Since the Theme is based on Warp6, you can easily use it not only on Joomla, but by WordPress.


Main Features

I        Available for Joomla and WordPress
II       8 style variations available
III      Choose from 13 fonts
IV      4 module style combinable with 4 badges and 6 icons
V       Smooth CSS animations
VI      Flexible template and column widths
VII     All Warp framework features are available



Source - YOOtheme

Demo - here

Posted By Unknown12:52 PM

0

Continue Reading

HTML5/CSS3 pattern Thematic - Themeforest

Title - Thematic

For those who are in search of a universal template HTML5/CSS3 to not only learn about the technology of its establishment, having learned all the tricks and the tricks of professionals, but also to make it a real working website template HTML5/CSS3 Thematic - the best option. If you want to have a corporate website or business card, then you should definitely buy this template. Most did not eat a standard template that can be adapted to almost any engine under. Home includes a slider, a cellar and a section on information and media blocks. The theme is adaptive and includes in its membership slide 3, 28 different page templates (which can not but rejoice, because the designers have thought through everything, just that you feel comfortable working with this theme)

    Main Features

I:     HTML5 (Valid) & CSS3
II:    Responsive theme
III:   3 different slideshows
IV:   28 different pages
V:     More than 30 shortcodes
VI:    Multiple homepage variations
VII:   Filterable and classic portfolio with 1 to 4 columns
VIII:  Blog page layout with 2 sidebars, full width and masonry
IX:    Built in HTML5 contact form
X:     Built in live Twitter widget
XI:    Psd files included

Source - Themeforest

Demo - here

Posted By Unknown12:37 PM

0

Continue Reading

The use of color illustrations in web design

When you need to show the uniqueness and originality of the site, first of all, you should refer to the illustrations. It does not matter, they are bright and colorful, or simple black and white, they always attract attention. This article contains 20 examples of the use of color illustrations, which first of all, allow to immediately identify the site of a heap of other sites, and secondly, allow conceived to embody the idea into reality, conveying the mood and ideas of the author, and in others, not especially load the server, because thanks to new technologies and tools for optimization of these sites are loaded much faster than those that have a photo as background back.

I. skin color



II. Festival Mantap



III. Keisha - Design and Development



IV. Guide to energy consumption, England



V. Playtend



VI. adline



VII. superChemical



VIII. DIY



IX. WWF



X. Mailboxing



XI. Cheese, Please



XII. four pubs pine



XIII. Webdagene 2012



XIV. Agency Danger Brain



XV. SOS Mamute



XVI. Luhse Tea



XVII. Citrus7



XVIII. Amuki



XIX. AGENCY Blackmoondev



XX. Playdulla



More on the topic:

1. What you need to consider creating a design of Web pages
2. What is a web design and its key elements, stages and principles
3. Go down to the basement: a collection of extraordinary footer
4. After Effects Flash tutorials

Posted By Unknown8:27 AM

0

Continue Reading