Simple overlay instructions for your apps with chardin.js

Sunday, April 14, 2013

Check out a demo    -     README.md

Simple overlay instructions for your apps with chardin.js

Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved.

How to Improving Your Site’s User Experience

Friday, April 12, 2013

Red Digital Agency

Red presents a good balance of white space, imagery, text and color to reveal its purpose and capture attention.

When it comes to web design, the quality of experience that users have with a site determines whether it’s successful or not – regardless of how visually catchy the design is. A positive experience drives sales and conversions, while a negative one deters visitors from staying or returning. Therefore performance optimization should be a central part of your design process if you’re aiming for high conversions and user satisfaction. Here are some ways to improve your site’s user experience.

Increase Site Speed

Consider how many people take out their phones to quickly check email or look something up when they have a spare second in the day. Whether it’s while waiting for the bus, standing in line for coffee or running to a meeting, they expect to achieve their goal on the web in that short amount of time. Forty percent of users will abandon a page after waiting longer than 3 seconds, and many people share their bad site experiences with others. It’s your job as a designer to make sure your site is loading fast enough to satisfy these standards and to make sure yours provides an experience that gets positive feedback.
To begin the process of improving your speed, first use a site speed testing tool to measure how it’s currently performing. Then make changes like:

• Resize or remove large images and files
• Reduce the number of plug-ins in your site
• Eliminate flash files, which greatly weigh down performance
• Cache your site so that it won’t have to take time to fully assemble every time a user accesses it
• Always retest your speed after making changes so you know what is effective in improving it.

Clean Up Your Navigation

Reassess your navigation system: does your menu and search field honor conventions in that they are easily identifiable and usable? Minimize the number of options users have when entering your site by combining pages/content and getting rid of low-traffic pages. The fewer options there are, the more direct your site’s purpose is, and the easier it is for users to decide where they want to go. You can evaluate how users currently use your site by carrying out usability tests and referring to your site analytics data.

Aim For High Conversion Rates

You can be sure that a high converting website is also highly usable. Focus on the usability of your site, and user satisfaction (and in turn, conversions) will follow. To maximize usability:

• Make your purpose clear. Use recognizable and concise calls-to-action so that users know exactly what they are meant to do with your site. Show users the value your product or service will add to their lives.
• Be consistent. Make sure each page of your site sends the same message, and shares the style of design elements and layout.
• Make text readable. Tailor your content to be easily perceived while users scan the page. Headlines, variations in font sizes and weights, and breaks in text blocks create a breathable set of information that can be retained even while glancing through it.
• Keep it simple. Comparable to the fact that simple navigation makes it easier for users to decide what to do, simplicity in your entire site design keeps users from being overwhelmed with information. Ample white space and a unified style give users a sense of comfort and professionalism, and builds their confidence that they’ll find what they’re looking for quickly.

Build Trust

Visitors to your site will have a more positive experience if they can trust you. Whether it’s the validity of your information, your protection of their personal information or confidence in the quality of your product, it’s important to give them reason to trust you. You can do this by providing visible contact information, allowing customer feedback, presenting previous customer testimonials and/or client logos, and displaying your SSL certificate if you have a registration or checkout page.
When working to improve your site’s user experience, just remember to consider what your audience is looking for, and test and measure the changes you make to create a more effective and usable site.

source: http://tutorialzine.com/2013/04/improving-your-sites-user-experience/

Fat Expanded Style Sheets with FESS

Tuesday, April 9, 2013

FESS SOME CSS HERE

This is what we were all waiting for! Finally a CSS converter that will expand your CSS to the maximum! Watch your line numbers and properties grow as you fess up your stylesheet ;) A fun project by Dew.

Is the CSS syntax way too simple for you ? Do you think preprocessors are for losers ? Are you paid per line of code ? Do you need big stylesheets ? FESS your CSS and get more code from your source !

FESS uses an exclusive secret algorithm for a styled experience

• Expand margin shorthand properties
• Expand padding shorthand properties
• Expand background shorthand
• Expand border shorthand
• Expand font shorthand
• Expand border-radius
• Expand color #hex codes
• Expand color with HTML names

FESS SOME CSS HERE

Portraits: Inspirational Website

Sunday, April 7, 2013

VIEW GALLERY        -        GET INSPIRED

Portraits has a beautiful, clean and flat design brought to the next level. Subtle effects and a great color scheme make it our pick this week.

1. choose your best photo to use as the base for your works of art!
2. Give your piece of work a little personality with color, texture and a caption.
3. Share your unique portrait with friends and family online, or get a high-quality print made!

VIEW GALLERY        -        GET INSPIRED

Padlet: Create Anything on a Blank "Wall" and Share

Build a wall HERE

Padlet give you a blank wall. You put anything you want on it, anywhere. Simple, yet powerful.

you can create anything on a blank "wall" and share it with others.

checkout examples of Padlet used for
teaching, wishing friends, noticeboards, bookmarking, discussions, brainstorming, notetaking, quizzes, planning events, making lists, watching videos, collecting feedback

Build a wall HERE

Get Paid for Every Ad Impression

Tuesday, April 2, 2013

 

Get paid for every ad impression.

We count 1 UIP / 1 minute.
CPM for UK/US countries is 0.30$.
CPM for other countries is 0.04$.
5% from earnings of your referrals!
Minimum payout is just 2$ via PayPal.

This is one of the fastest growing publisher networks. This is provides a complete solution for publishers to generate revenue from their websites and facilitates the publishers to keep track of their performance by providing online reporting.

REGISTER HERE

Create Slideshow Using Jmpress.js ( 3D Effects )

Thursday, April 5, 2012

Demo       -       Download       -       Source

The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.

 Impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show you today how to use this great plugin to create a responsive slideshow with 3D effects.
The icons used in the demo is by Artcore Illustration and they are licensed under the
Creative Commons BY-NC-ND 3.0 license.

How To Backup WordPress

Saturday, March 3, 2012

It’s been 6 years I am using WordPress and there is a major method every WordPress user must know and that is how to safely backup WordPress. In this tutorial you will lean how to backup WordPress database, posts, comments, database, plugins & themes. Not only this, in this method I’ll tell you how to backup all WordPress files through cPanel in one click. After taking backup you can make a copy of your blog offline and can also move your blog to another host. By following the method below you will not loose any single setting and any single file and the steps below are 100% secure.

 

Requirements

In order to successfully complete the backup process you need to have :

1. FTP details
2. cPanel details
3. Knowledge of how to install Plugins

 

Step 1 : Take backup of WordPress themes and settings

First of all install a WordPress plugin called WP DB Backup to take complete backup of your database and after installing it go to Backup under Tools :

Select your backup options. You will see three backup options, you may choose anyone you like but I prefer the 3rd one.

• Save to server
• Download backup to PC
• Email backup

Click on Backup now! button

After you click on Back now! button, automatic backup will start and a dialog box will appear asking you to save the backup file. The backup file extension will be of sql.gz

You can also schedule backup hourly, daily and weekly. After selecting desired options click on Schdeule Backup
This sql.gz file includes backups of :

• Theme
• Permalinks
• Plugins settings
• All posts, comments and settings

Congratulations, you’ve successfully backed up important files of your blog. Now, its time to take backup of WordPress files in your blog.

 

Step 2 : Taking backup of WordPress files

To restore your blog, you first need to log into your website cpanel by typing www.your-blog-name.com/cpanel. After you log into cPanel, under Files click on File Manager

Now, in the File Manager open to the folder where your blog is located

After opening your blog folder, at the top click on Select All and it will select all the files of your blog. After clicking on Select all click on Compress button just above it.

Compress button will make a ZIP file of complete files on your server and will also reduce the size of the files, this will help you to download the backup. Now, select your file compression format and at the bottom click on Compress Files


When you will click on Compress files, it will start compressing the files and will generate a dot zip file in your blog directory. In my case it is .qidb.zip. It can be different in your case.
Now, select that file and download it in your PC.

Congratulations, now you have taken complete backup of your WordPress blog including all WordPress files, theme settings, plugins, posts, comments and all other things. This is the most secure and easy way to take backup of your blog. I always use this method and till now I have not faced any problem.

sorce: http://www.creativebloggingideas.com/how-to-backup-wordpress-100-secure-working-method.html

Tutorial Best Tips SEO

Sunday, February 26, 2012

 

Does the site use a correct Doctype?

A doctype (short for ‘document type declaration’) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. Doctypes are a key component of compliant web pages: your markup and CSS won’t validate without them.
Fix your site with the right doctype
More:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
http://gutfeldt.ch/matthias/articles/doctypeswitch.html

Does the site use a Character set?

Tutorial: Character sets & encodings in XHTML, HTML and CSS
More:
Character encodings

Does the site use Valid (X)HTML?

Valid code will render better than invalid code. Browsers are becoming more standards compliant, and it is becoming increasingly necessary to write valid and standards compliant HTML
What is valid code

Does the site have a favicon?

Make sure that your site has favicon on all pages.

Does the site use friendly URLs?

Most search engines (with a few exceptions – namely Google) will not index any pages that have a question mark or other character (like an ampersand or equals sign) in the URL… what good is a site if no one can find it?

For large sites, is there a search tool?

While search tools are not needed on smaller sites, and some people will not ever use them, site-specific search tools allow users a choice of navigation options.

Does the site’s URL work without “www”?

While this is not critical, and in some cases is not even possible, it is always good to give people the choice of both options. If a user types your domain name without the www and gets no site, this could disadvantage both the user and you.

Does the site include detailed metadata?

Metadata is machine understandable information for the web

Is there a clear visual hierarchy?

Organise and prioritise the contents of a page by using size, prominence and content relationships

Does the site use accessible forms?

Forms aren’t the easiest of things to use for people with disabilities. Navigating around a page with written content is one thing, hopping between form fields and inputting information is another

Are all links are descriptive?

Link text should be meaningful enough to make sense when read out of context – either on its own or as part of a sequence of links. Link text should also be terse.

Are “alt” attributes have been used for all images?

Provide a text equivalent for every non-text element

Does the site is JavaScript errors free?

Internet Explore for Windows allows you to turn on a debugger that will pop up a new window and let you know there are javascript errors on your site. This is available under ‘Internet Options’ on the Advanced tab. Uncheck ‘Disable script debugging’.

These are some important SEO tips and tricks which can bring our site on search.

source: http://www.99points.info/2010/03/learn-some-best-tips-on-seo-for-your-website/

Free Web 2.0 Pagerank Script + Alexa And Backlink

Sunday, January 1, 2012

Web 2.0 Pagerank Script + Alexa And Backlink

DOWNLOAD