20 CSS3 text effects

Cascading style sheet is a type of style sheet language used to describe the way a document look and for formatting the document. CSS3 is among the most widely used style sheet in styling a web page that is written with mark up language (HTML, XUL, and XML). Text effects are used by web developers and web designers globally. Using text effects makes it possible for the web developer to highlight things for the users and also make it catchy and more readable. On this article we will discuss on 20 CSS3 text effect.

Online CSS3 Text effect generator

Online CSS3 text effect generator is a powerful tool which provides all the CSS3 text effects in a single place. It also provides live preview with color and size customization. It has more than 15 text effects. You can copy the code of any text effect in just single click of mouse.

Visit Text effect generator here

Perspective Shadow Effect using CSS3

This a normal shadow, however, it is titled on a single direction. This is used for defining the source of the light on an angular direction then the effect will give a 3D effect.

Glass Text Effect

This is also known as the refractive index effect. This effect can be gotten by using two background images one on top the other. The inferior image will be scaled down a little, then the text will cutout the image at the top using –webkit-background-clip: text. To get the beauty effect a low opacity -webkit-text-stroke is used.

Cool Anaglyphic Text Effect

These are beautiful images which are created by offsetting two red, green blue channels. This effect can be viewed by using 3D glasses with different color.

Fun with CSS Text Shadow

This is a fun and cool look text effect, the effect make a fun and an amazing looking shadow of the written text.

Tilt-Shift Text Effect

This effect can be gotten by combining a larger offset-y with a blur-radius to both the top and the bottom edge, the text will appear to have a lens blur which is classic for tilt-shift effects. There are also rotate, skewX, and rotateX to make the text go with the view of the background image.

Flashlight

This is a demo CSS 3D transformation. The color of the text is set to be transparent and the text-shadow is also added. When added it will transform: rotateY together with a low perspective, then it form a good stretched effect.

Neon Light Text Effect

This text effect uses a variety of layers of text-shadow to form a glow at the outer part of the text, by changing the blur radius several times.

Inset

This is the most used text effect in CSS3. It works best on lighter color background more than the actual text color, and vise versa for page with dark color. It gives an impression of the text to look like it is pushed into the background. It requires two variations of text-shadow property, where change is made to the Y-coordinate value to form the illusion of an inset text.

3D Text Effect

This gives a 3D effect on a text. The 3D text effect uses a variety of layers of text-shadow to produce a raised look. Below is an example of a 3D text effect.

Glowing Effect

The glowing text effect helps in creating a glow effect around the text. It can also be used as a hover effect (the text glows if you bring the pointer of your mouse over the text).

This is a cool effect and might work perfectly for banners also for highlighting links.

Fun with Blurred Text

This text effect gives your design a fun look by using blurred text effect. You can get a full tutorial with the below link;

Grunge Effect

This effect is very common in web design and it never gets old. By using the code below you will be able to form a grunge effect on a text.

Blur Text Effect

Blur text effect makes the color of the text transparent, and with a shadow

Letterpress

This effect is easy to get. To get a stamped text appearance; select a text color which is darker than the background, create a text shadow of 1px with blur of 1px and set it off down 1px.The text shadow should be a bit lighter than that of the background.

 

Background-Clip Text Effect

This is a nice text effect; use the code below to try it yourself.

Gradient Effect

It is use in making a fancy heading without using Photoshop, Webkit is the neatest way to achieve the gradient text, as the text will stay editable and remain a selectable web text.

Rotate text effect

This makes the text cool and more stylish; the text rotation is supported by many popular web browsers like mozilla.

Vintage Retro Text Effect

This is made up of two text shadow, with the first text shadow set to exactly the same color like that of the background, In order to get the impression that the second is set off to the bottom right.

Board Game

This text effect uses numerous shadows, each with a rising amount of offset right from the original text to form another series of color.

Matrix Animation Webkit

This is a cool text effect which is loved by almost every web designer, but the problem with this is that it is not supported by all web browsers, it only work on safari 4.

Read More

TortoiseSVN 1.8.10 (32-bit)

TortoiseSVN is one of the most popular Subversion clients, which is fully integrated with the Windows environment. Once installed, it keeps track of your files and directories (stored in a repository) and all their versions – this enables you to recover older versions or examine the changes made. Developers who have installed TortoiseSVN on their work machines reported tremendous increase in productivity whenever they were forced into situation that they need to manage different versions of the source code of their programs. With TortoiseSVN, that process is made easy and intuitive, enabling developers from all around the world working on projects of all shapes and sizes to easily identify changes between two or more versions of source code and immediately see problems or potential places for optimizing their code.

TortoiseSVN is integrated into the Windows shell and can be accesses directly from the Windows Explorer, which makes it easy to use not only for the developers, but for the average computer users as well. App can also be integrated directly into the Microsot Visual Studio via the third party plugins called VisualSVN, VsTortoise, and AnkhSVN, enabling much better integration of versioning oversight into development pipeline. 

Today, TortoiseSVN is regarded as one of the most useful free open source programs that any developer can introduce into their project building, management, optimization and support process, receiving numerous awards from both community awards and internet media outlets.

As a Subversion client, TortoiseSVN has all the features of Subversion itself, including:

• Most current CVS features.
• Directories, renames, and file meta-data are versioned.
• Commits are truly atomic.
• Branching and tagging are cheap (constant time) operations.
• Efficient handling of binary files.

Read More

5 Tips for getting AdSense approval Fast

As we all know Google AdSense is a very popular program for making money online through your website or blog.Everyone wants to be the part of the Google Adsense program but now a days it is very difficult to get approved by Google AdSense. Google has a strict set of policies regarding the approval of new  or banned AdSense account .Moreover if you have a working AdSense account then Google will take no time to ban it if a bit of  illegal activity is performed on your side.This article is about some simple yet very important tips that must be followed by you before applying for the Google AdSense account whether it is a new account or a renewal appeal for a banned AdSense account.If your Website or blog follows these tips then you will be surely get approved by Google AdSense.

Important Tips for getting  AdSense approval fast and Easy.

 

# 1  Quality Content

You have read this on number of blogs that Content is the King of your Blog.Your blog must contains original and quality content means your blog`s  content must be unique in every aspect and must provide some valuable information to its readers.If your blog contains duplicate articles copied from other blogs then you must delete those articles and keep only original ones.This is first and most important step towards Google AdSense approval.

# 2  Get rid of Free Domain

Free Domains are like .blogspot.com or .wordpress.com etc.Those days were gone when you get approved by Google AdSense on a free domain name.If you want your blog looks more professional to its readers then you must buy a custom domain name for your blog.This will surely helps you in getting AdSense approval.

# 3  Good traffic

For getting approved by AdSense your blog must have a good traffic It must have atleast 10000 page views per month. This is not a 100% accurate traffic limit but  your blog`s traffic must be  above then this figure.A Blog having good traffic can easily get Google AdSense approval.

# 4  Number of the posts

Do  not apply for AdSense account on very less number of posts on your blog. The post count must be more then 50 on your blog. All the posts must contains original and quality content.

# 5  Age of Blog

Do not apply for AdSense account on a new blog.Your blog must be at least Six months old .Another thing is that if you want high traffic and rankings for your blog then do not use any type ads on your blog at least for the first six months from the staring of the blog.Once your blog is six or seven months old then start displaying ads on it.

These tips works for both new AdSense account approval or renewal of a banned adsense account.If you follow all these guidelines exactly then your blog must surely get approved by Google AdSense.

 

Read More

How to get blogads approval : minimum requirements

Blogads is very popular and most widely used advertising network for blogs. It was launched back in 2002 by Pressflex LLC. Blogads is similar to buysellads advertising network where blog publishers can create ad slots and set price of each ad slot according to their own choice. If you have a well established blog with high traffic then you can make good amount of money from it by using blogads advertising.

                         Gettting accepted into blogads program is itself a great challenge. Low quality blogs are strictly prohibited in blogads network. In this article we will discuss some tips and minimum requirements for blogads approval. If you are going to apply for blogads network please read this article carefully and check that your blog must follow all the minimum criteria. If you follow these tips properly then you will get blogads approval in no time.

Minimum requirements for blogads approval

Traffic – Traffic is the major factor in getting approval of any advertising network. In the case of blogads network the minimum traffic requirement is 30,000 impressions per month, but if you need guaranteed approval then your blog must have 1500 unique visits per day. If your blog receives only 30,000 impressions per month then do not apply for blogads , wait for sometime and increase your blog’s traffic.

Blog’s niche – Blogads team is very strict regarding blog’s niche. Niche is your blog’s main topic around which your blog is built like technology, make money online, education, health etc. If you want blogads approval then your blog must be related to a single niche. Try to focus on a single topic and write articles according to it. By doing this you can make your blog’s niche strong and get blogads approval easily.

Tons of ads – Before applying for blogads check that your blog must not contain loads of flashing advertising banners. Apply with clean blog with very less number of ad units.

Top level domain – Top level domain means the domain names ending with .com, org, .net etc. Before applying for  blogads, buy a top level domain for your blog. If your blog has a sub domain like example.blogspot.com or example.wordpress.com then you cannot get blogads approval.

Blog’s design – Use light weight and SEO optimized themes for your blog. Do not use heavy templates full of script which reduces your blog’s performance.

                          If your blog has the potential to cross these requirements mark then you can easily get blogads approval.

Read More

7 reasons why new blog fails

There are millions of blogs are available on the internet but only few of these blogs get success. Majority of the blogs are nothing more than a failure. Failure or success of the blog is in the hands of its owner. Most of the new blogs fail due very little mistakes of the blog owners. You can easily prevent these type of mistakes while blogging and get success in your blogging carrier. In this article we will discuss 7 reasons of failure of the new blogs.

Choosing wrong Niche –  Blog niche is the concept about which your blog is created for example health, technology, finance, blogging etc. Choosing a wrong blog niche is the major reason of the blog failure. If you want to start new blog then choose your blog topic wisely and with proper research because it is the base of any blog. Try to choose the niche with less competition.

Copied content – Content theft is another reason for the failure of the blogs. Do not copy content from another websites or blogs. Always try to create your own unique content. This will also help you in getting good search engine rankings. Moreover copying content from other online sources also decreases your blog`s reputation. so try to avoid copying content and be an authentic blogger.

Thin content - Try to write large articles in your blog because small articles effect your search engine rankings negatively. Always create articles more than 500 to 600 words.

No social connectivity -  Social networking is the important part of the life of a blogger. If you are not using the power of social networks then it is very difficult for your to get success  in blogging. Connect your blog with all major social networks. Share your blog posts on these social networks because these social networking websites provides lots of traffic.

No frequent posting – Frequent posting works like a lethal weapon in blogging. It helps in increasing traffic and search engine rankings of your blog. Most of the blog failure occurs when you become lazy and stop posting daily. Increase your posting rate to twice a day or more if you want success in your blogging carrier.

Improper SEO – Improper Search engine optimization also leads to blog failure. Always use SEO optimize templates or themes for your blog. Do not forget to optimize images of your blog by using alt tag. Also stop using black hat SEO techniques or paid backlinks.

No interaction with comments – Comments are the main part of any blog or website. Very less or no interaction with the commentators can also be a reason of your blog failure.  If you want to become a successful blogger then you must reply each and every comment on your blog so that your readers can gain something from your blog.

Read More

How to set custom URL for Google plus page

Google plus is a popular social networking website owned by giant Google. At the present it has approximately 359 million registered users. Google plus provides amazing features to its users. The most important thing is that the list of these features is increasing day by day. Google recently launched custom URL for Google plus pages. This custom URL scheme is only applicable to those pages which passed the minimum criteria specified by Google. If you are the owner of a Google plus page and it has passed the minimum criteria then you can get custom URL for your Google plus page.

Minimum requirements for custom Google + page URL

Number of followers – Your page must have 10 or more number of followers. If your page has not sufficient number of followers then you cannot get custom URL for your page.

Profile Specifications – For getting custom URL your profile must be 30 days older. You cannot get custom URL for brand new pages. Second Important thing is that your profile must have a valid profile picture applied to it.

Link your website or blog – Your Google plus page must linked to some valid website or blog. Linking to a website claims your authorship over the website.

Local Business – If your page refers to a local business then it must be a verified Business otherwise you will not be able to get your custom URL

How to get custom URL for your Page

Method 1: Setting custom URL through Email

Step 1: If your Google plus page crosses the minimum requirements specified above then you will receive an email from Google Specifying that you are eligible for Custom Google plus URL.

Step 2: Open that email from Google and Click on the Get URL button.

Step 3: After that follow the simple steps to get your custom URL and you are done.

Method 2: Setting your custom URL manually

Step 1: If your page is eligible for custom URL and you have not received any email from Google regarding URL change then you can also do it manually from your profile.

Step 2: Go to your Google plus profile.

Step 3: Select About option.

Step 4: Under About option, Go to Links option.

Step 5: Under Links option you will see Google+ URL option saying thatyou are preapproved for custom URL.

Step 6: Click Get URL option and follow the steps to set your customGoogle plus URL. At last Click Confirm and you are done.

Advantages of Setting custom Google plus URL

1. Custom URL is very simple and easy to remember. Your visitors or clients can easily remember your Google + page address. Check our older Google plus URL and new Custom Google plus URL below.

Older URL -  https://plus.google.com/105802694845534710685

Custom URL -  https://www.google.com/+Windroidclub

2. Custom URL looks more professional than the traditional Google plus URL. Due to this reason it is better for any business.

3. Custom URL represents your Brand name.

4. By using custom URL of any page we can easily access its posts, plus ones, about, photos in the following manner.

• google.com/+customURL/posts
• google.com/+customURL/about
• google.com/+customURL/photos
• google.com/+customURL/videos
• google.com/+customURL/plusones

Replace +customURL with the required custom URL.

Read More