Why Relevant External Links Matter: Back to SEO Basics
Outbound Linking
Certainly one commonly overlooked, and sometimes feared, tactic is hosting external links to relevant websites within your own site’s content. Some SEO's view this as the ultimate sin. You likely know that having authoritative sites that include a link back to your website can help generate traffic, leads, as well as increasing your rankings on SERPs. But you might find your self puzzled considering, "if we’re going back to basics, how exactly would linking out to other websites help?" And with the onslaught of websites that have fallen off the grid post-Google updates (Panda, Penguin and Hummingbird) for suspicion of trying to “game the system” – why on Earth would you want to risk having your website get penalized? Some SEO's here in Chicago have openly claimed that outbound links are a near and dear friend of the internet devil. The answer is very simple: user experience surpasses all other aspects of the algorithms. Search engines want you to provide relevant resources on your website that enhance your visitor’s experiences while surfing the web. Your dynamic content and lists of helpful resources will all add a great deal of value to your website in the eyes of your visitors…and the Googlebots.Spammy vs. Natural Links
So, how can you distinguish between “natural” and “spam” external links and why should you care? Well, what's useful and relevant to your website’s categories and topics. For example, if your website is geared towards sports, it would make sense to link out to other authoritative and relevant sport sites and pages that can enhance your visitor’s experience; whereas including a link to a dentist’s office would seem out of place (unless somehow the connection is legitimate). Of course, you also want to protect your visitors from sites that involve online gambling, payday loans, pharmaceuticals, or adult-oriented content. Avoid any links from sites associated with known spam content. Additionally, if you ensure that the keywords associated with the site linking into yours are similar to your own, there will be a greater chance of additional weight being placed on them. External links can also come in several shapes and sizes. Surely one of the more well-known tactics is to develop useful content that contains natural links out to other related sources and websites. Accepting authoritative guest posts is also a way to keep your site updated with unique content. The addition of an authoritative author is that you receive fan traffic from those who are avid readers of the guest author.They're Still Votes From The Internet
Obviously, you want quality links coming in, and in doing so, you want votes of approval from the internet as a whole. While yes, Google has clamped down on the weight and power of any specific link, the simple reality is that they aren't currently able to get a good feel for a website's overall impact without using link data. Keep them clean, and Google will reward your SEO effort.A Greatful Month in Naperville
45 Photoshop Actions To Enhance Your Photos And Stand Out
Actions come really handy when you have a need to enhance your photos, but you just don’t have a time for it or necessary skills. Photoshop actions contain various adjustment layers, filters, effects, who are originally recorded by author and you can play them back again. You can create actions yourself or you can just download professional ones here and get amazing results with just once click!
Explore how the action is built, choose which adjustments you want to apply and finally just enjoy great results. In this article you’re going to find 45 sets of actions that help you enhance the colors and change the main look of Your photo.
1. Powerful Colors 3.1 by Othman Fahd
2. i-Dark 3.03 by Othman Fahd
3. Exclusive Summer Heat Action by Danielle Gillain Svedin
4. Classic People Action by apartyintheUSA
5. Photoshop Action ver.3 by Gökhan Bartu Yüksel
6. StarDeviant action 1.06 by Stardeviant
7. StarDeviant action 1.08 by Stardeviant
8. Photoshop Actions – 78 by Julia Starr
9. Photoshop Actions – 75 by Julia Starr
10. Lomo Action Set by WingsOfAHero
11. Action set 03 by KissOfDeathXxX
12. Photoshop Actions – 32 by Julia Starr
13. Action Collection 1.0 by Philipp Soul
14. Photoshop Action by kahwe
15. rEDacrion by getinline
16. The Day Is Passing By by ArinThoughts
17. Actions 1 by allthebesthere
18. Photoshop Action 2 by saturn-rings
19. Red Action by sd-stock
20. Photoshop Dream Blur Action by Josh Janusch
21. Oscar Pilch Photoshop Action by Oscar Pilch
22. Black white sepia PS action by rosalindharrison
23. Retro by ShadowsInMyEyes
24. Photoshop Actions by wolf-minori
25. Retro Love by Patricia Nabong
26. Action Set 1 by ImaginaryRosse
27. One Less Lonely Girl Action by Nick Jonas
28. Photoshop Action 31 by miss-etikate
29. Landscape and Sky Action by fcpr
30. Sarah1 Action by supersarah089
31. sa-cool actions 1.05 by Othman Fahd
32. Nature Actions 2.09 by Othman Fahd
33. Action 2 by lolipopek
34. Vintage Dream PS Actions by Chitulescu Iuliana Amalia
35. Pure Luv by GSInteractive
36. Pack Actions 01 by Patricia Torres
37. Selective Sepia by Aditya Rao
38. Horizon Actions by LonelyDiary
39. Powerful Colors 3.2 by Othman Fahd
40. sa-cool actions 2.06 by Othman Fahd
41. Photoshop Action 22 by Oscar Pilch
42. Lomo-Cross Processing Action by efete-stock
43. A-Actions by LonelyDiary
44. Go Green Actions Set by LonelyDiary
45. Action 6 by Flurish
Customize your WordPress Backend for Personal Branding
With more and more people building custom WordPress themes, it only makes sense to want to create it more personal. I have found a few ways that I will share with you on making your WordPress powered site more personal. This tutorial will show you how to create a custom WordPress login, and explain how to fit it to your needs.
We will then take it a step further and create a custom admin panel footer, and also a custom admin header image for our WordPress site.
Let’s Get Started
Setting it Up
For this example we are going to modify our functions.php file. If your theme does not have this file you can create a blank file and name it functions.php – Make sure this file is placed in the theme directory of the current activated theme you are using.
Add the following to your functions.php file:
functions.php
php function custom_login() { echo 'wplogin/wplogin.css" />'; } add_action('login_head', 'custom_login'); ?>
Explanation of the Code
We are using the functions.php file to tell WordPress to override the default settings for the .css file used to make up the login screen. By doing this we are directing WordPress to use a specified .css file that we are going to create for our custom login screen. This .css file will be what we modify to design the login page.
Please make note that there are some very specific styles within the .css file that MUST be present, and changed accordingly for this to properly work. I have created the folder and placed the .css file in it to keep it separated from our regular theme files. If you want to the path can be altered as long as it points to the direct location of the CSS file within your theme.
The Setup
Next we will need to do two things. First, we will need to create a new folder in our theme directory. For this example we are going to use the folder name wplogin.
This folder will be placed within our WordPress theme file folder.
In this folder we will make a new blank file and name it wplogin.css
Taking a look at the setup
This is now what you should have. Remember that the location can be changed using the code we placed in our functions.php file – but for this example you should now have the following:
The file structure will be: wp-content\themes\YOUR_THEME_NAME\wplogin
The new folder we named wplogin will go into your theme folder, and the new .css file we created will be held within the new folder.
Now let’s view what we will be adding to our .css file:
wplogin.css
/* Page Background */ html { background: #eae2d5 url(bgimage-path); margin: auto; font-weight:bold; } /* Wordpress Logo - MAKE SURE TO MATCH THE WIDTH AND HEIGHT */ h1 a { background:url(logo-path) 0 0 no-repeat; width:290px; height:150px; margin-left: 10px; margin-bottom: 0px; padding-bottom: 0px; } /* Top Bar Background Color */ body.login { border-top-color:#dac6ad; } .message { margin-bottom: 0px; } /* Login Button */ #wp-submit { background: #bc3d1d; border: #f24643; } /* Lost Password Link */ .login #nav a, .login #nav a:hover { color: #443030!important;; } /* Top Bar Link */ .login p#backtoblog a:link, .login p#backtoblog a:visited { color:#443030; font-weight: bold; } .login p#backtoblog a:hover, .login p#backtoblog a:active { color:#443030; text-decoration:underline; }
Explanation of the .css
Now that we have both the functions.php code in place telling WordPress to use our custom .css file, and our .css file in place, we can start to modify it a bit. The comments within the .css example should explain most everything but we will break it down to further understand it.
Make a note that when changing the logo image you MUST match it with the width and height in the CSS file. That is noted up above in the comments within the CSS file but it is VERY important or it will not always work correctly.
Full Breakdown
I know the .css is commented well but I still want to cover each editable item. Let’s see below to take a look at it:
The Page Background will be the entire page background color and image. The example .css file above shoes a link to the image but there is not one set. You can modify this to create a full-page background image, or change it to a color of your choice.
The WordPress Logo: This is where you will need to be sure to change the width and height to match your image. As long as the dimensions fit your logo you are using it will work correctly.
Top Bar Background Color: This is the bar located at the very top of the page. This can be changed to any color you like.
Message: This is the bottom bar that can be changed to any color you wish as well.
Login Button: This is the submit button on your login page.
Lost Password Link: This is the a:link button to retrieve your password if lost.
Top Bar Link: This is the a:link’s at the very top of the page within the Top Bar area.
Login: This is the writing on the login form of your page.
Take a look at the image below for a diagram of items within the CSS file we can change:
Taking it a step further
Now to continue making our WordPress install more custom and personal, we will change the footer link on our admin screen. This can personalize our website just a little bit more.
Again using the functions.php file we can force WordPress to change something. We will be telling WordPress what we want in our footer area of our admin screen instead of the generic text that comes standard with a regular install of WordPress.
Here is the code we will be adding, but this can be modified to your needs:
function remove_footer_admin () { echo 'Anything you want can go right here | Copyright © 2010 My Website name'; } add_filter('admin_footer_text', 'remove_footer_admin');
Changing the Admin Logo
This can also be really useful when trying to personalize your WordPress powered site. Even if you are creating the site for a client they will always enjoy seeing their logo on the admin screen. This is easy to do, and can be done by editing the functions.php file. Add the following code and be sure it points to your image that you will be using:
// Custom Admin Top Logo add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo '<style type="text/css"> #header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom_logo.gif) !important; }'; }
What we have now
Now we have created a custom WordPress login screen, as well as a custom footer within our admin screen, and a custom image in the header of our admin screen. This should be a good start in personalizing our WordPress powered site. There are still things that can be done to take all of this even further. Using these methods is good for personal sites, multi-user sites, and even sites created for clients that want to see their WordPress site personalized. Playing with the above provided code will allow you many options to customize your WordPress site.
30+ Best Websites to Download Free E-books
I believe that reading is the best and simplest way for human to derive and construct a particular knowledge from a source. It would be good if we’re able to download free e-book and keep it with us.You might be surprised by how many good free ebook sites there are out there. Nowadays, you can find many popular and non-popular books online. People just need to know where to download.That’s why we’ve crawled deep into the Internet world to compile this list of Best Websites to download free E-books for your use.
1.20200k
A mass directory for free online books and free ebooks and have a big collections of ebooks in different categories like Art,photography,Spirituality,Science,mystery and thrillers etc…
2.Asksam
Asksam has a collection of free e-books like Shakespeare, and assorted legal & governmental text etc…
3.Google books
Search and preview millions of books from libraries and publishers worldwide using Google Book Search. Discover a new favorite or unearth an old classic.you can get details of book Title, Return books with the title, e.g. Books and Culture. Author, Return books written by, e.g. Hamilton Mabie or “Hamilton …
4.Free PDF ebooks
5.Digital library
This online books website has a Listing of over 30,000 free books on the Web.
6.Ebooks3000
It is the best free ebooks download library. It’s the open directory for free ebooks and download links, and the best place to read ebooks.
7.Ebook lobby
Free ebooks in ebook lobby are divided into different categories. Categories range from business, art, computing and education. Select the category appropriate to the e-book you’re looking for.
8.Ebooks directory
E-Books Directory is a daily growing list of freely downloadable ebooks, documents and lecture notes found all over the internet. You can submit and promote your own ebooks, add comments on already posted books or just browse through the directory below and download anything you need
9.Ebooks download free
Ebooks download free is one of the biggest books sharing websites that contains huge collection of pdf and chm books for free download you can download free books in many categories: Computer books like free php ebooks to download, ADO.NET, AJAX, java, ajax, photoshop, javascript Exchange Server, Sharepoint , ASP.NET XML free books downloads, c# and c+ books.
10.Ebooks-space
Free downloadable ebooks for computer IT, programming lauguages, software development, tutorial, database design in PDF-CHM file format.
11.Ebooks-x
EBook-x lets you to download popular free ebooks, classical free ebooks, new releases and more.
12.E-library
Plenty of free books available here to download.
13.Esnips
eSnips is the one place where you can share anything you want, about any topic: your thoughts, your photos, your music, your videos, your flash files, stuff you find on the web, and many other media types. You can search and download for free documents in eSnips as well.
14.Free book centre
Cisco certification books, Free Computer Science ebooks,Free Computer Science ebooks download, programming tutorial, online programming,
Mathematical books etc…
15.Free book spot
FreeBookSpot is an online source of free ebooks download with 4485 FREE E-BOOKS in 96 categories which up to 71,97 GB.You can search and download free books in categories like scientific, engineering, programming, fiction and many other books. No registration is required to download free e-books.
16.Free computer books
You can get huge collection of free online Computer, Programming, Mathematics, Technical Books, Lecture Notes and Tutorials. It is very well categorized by topics, with 12 top level categories, and over 150 sub-categories.
17.Free e-books
Free-eBooks is an online source for free ebook downloads, ebook resources and ebook authors. Besides free ebooks, you also download free magazines or submit your own ebook.You need to become a Free-EBooks.Net member to access their library. Registration is free.
18.Free techbooks
FreeTechBooks lists free online computer science, engineering and programming books, textbooks and lecture notes, all of which are legally and freely available over the Internet. Throughout FreeTechBooks, other terms are used to refer to a book, such as ebook, text, document, monogram or notes.
19.Getfreebooks
GetFreeEBooks is a free ebooks site where you can download free books totally free. All the ebooks within the site are legal downloadable free ebooks.
20.Knowfree
KnowFree is a web portal where users are able to exchange freely e-books, video training and other materials for educational purposes and self-practice.
21.Mega-PDF
22.Memoware
MemoWare has a unique collection of thousands of documents (databases, literature, maps, technical references, lists, etc.) specially formatted to be easily added to your PalmOS device, Pocket PC, Windows CE, EPOC, Symbian or other handheld device.
23.Networkgood
24.Online computer books
OnlineComputerBooks contains free computer books, free ebooks, free online books and sample chapters related to Information Technology, Computer Science, Internet, Business, Marketing, Maths, Physics and Science which are provided by publishers or author details.
25.Online free books
This website Provides links to various ebooks (mostly in pdf) spanning in 9 big categories which are: Automotive Ebooks, Business Ebooks, Engineering Ebooks, Gadget Ebooks, Hardware Ebooks, Health & Medical Ebooks, Hobbies Ebooks,Programming & Technology Ebooks, Sport & Martial Art Ebooks.
26.PDF geni
PDFGeni is a dedicated pdf search engine for PDF ebooks, sheets, forms and documents.
27.Pdfoo
Developed for free services to provide resources of PDF files. All files based on popular section and it short by number of the most download by people. Browse through the category section will lead you find the PDF files that you are looking for. Every time people download, or system will counting how many times it has download by people.
28.pdf search engine
Pdf Ebook Search Engine, A tons of books, free unlimited pdf download and search.
29.Scribd
Scribd, the online document sharing site which supports Word, Excel, PowerPoint, PDF and other popular formats. You can download a document or embed it in your blog or web page.
30.Slideshare
SlideShare is the best way to share your presentations with the world. Let your ideas reach a broad audience. Share publicly or privately.
31.Snipfiles
SnipFiles offers you free ebooks and software legally by brought or attained PLR, resale or master rights to all the products on their page.
32.Ufindbook
Web Operating Systems: The Options You should Consider
Most of us have heard of WebOS or Web Operating Systems and most of us just don’t know what it is. Well, WebOS and Web operating system are terms that describe network services for internet scale distributed computing. However, the terms WebOS and Web operating system have been employed more broadly and with far greater popularity in the context of “the web as in HTTP”, and for many meanings ranging from singular systems to collections of systems. Common to uses for collections of systems, a Web operating system is distinct from Internet operating systems in that it is independent of the traditional individual computer operating system. This conception of the system reflects an evolution of research in the field of operating systems. I compiled 16 WebOS apps to know what they are and to experience operation systems in your browser.
1. EyeOs
EyeOs is a Cloud Computing Platform that includes an office suite, group ware applications and the toolkit to develop specific web applications that you need.
2. iCloud
icloud consists of a desktop with applications and files that you run through your web browser. Because it’s running in the cloud (the internet) it can offer you impressive features such as easy sharing and rich collaboration.
3. CorneliOS
CorneliOS is a web-based OS that runs in your web browser. All applications and files are stored on the CorneliOS server and are accessible all the time and anywhere. CorneliOS is platform and browser independent and is available as free Open Source software under the GPL as well as under a commercial license. The CorneliOS Web OS includes a Content Management System (CMS) so that you can easily set up and manage your own website as well as a Database Management System that allows to rapidly build any kind of database application.
4. Glide OS
Glide OS 4.0 is a comprehensive Ad-Free cloud computing solution. Glide provides a free suite of rights-based productivity and collaboration applications with 30GBs of storage. The Glide OS provides automatic file and application compatibility across devices and operating systems. With Glide OS you also get the Glide Sync App which helps you to synchronize your home and work files.
5. myGoya
6. atoolo
atoolo is a personal communication platform or differently spoken: an individual home in the net and a useful aid with the everyday work on the PC.
7. Cloudo
With Cloudo, every computer, in school, at work, at your friends’ or even in the library becomes your own, free of charge computer. And with Cloudo Mobile your online computer is accessible from your mobile phone as well.
8. OOS
OOS (Online Operating System) is your personal online desktop that supports multiple applications and allows online collaboration and it comes with Windows XP like theme.
9. Pipio
Pipio is a social operating system that aims to give people the ability to share and communicate in real-time. You can search what other people are communicating about in real-time based on contextual, geographical, and chronological relevance. As an operating system, Pipio allow full functionality of third-party web apps within the Pipio ecosystem.
10. KIDO’Z
KIDO’Z is a web OS for kids. KIDO’Z Kid’s Web Environment is safe, easy and fun way for young kids to surf their favorite sites, watch videos, play games, send emails, create and communicate without knowing how to read and write. KIDO’Z is powered by parents and gives parents the power of control.
11. Peepel
Peepel is an online WebOs and office suite.
12. Startforce
13. Fenestela
Fenestela is an operating system for WEB space with a simple and convivial graphic interface. Code your Web pages, your programs, and save your files online. Share with your friends your photographs, family movies and office documents.
14. mybooo
15. SilveOS
16. Lucid
Lucid is a free, open source web desktop, or webOS that lets you: Access your media, office documents, and other files anywhere Stay up to date with Twitter, RSS feeds, and what’s happening on the web Create great web applications in short amounts of time.
35 Professionally Made Flash Websites for Your Inspiration
Since Flash came into our life, there have always been “two camps”: Flash-lovers and Flash-haters. All of the “lovers” and “haters” have their own reasons of loving or hating it. As for me, all the disputes on this theme have no sense, until we’ve got a really worthy substitute for Flash.
There are tons of information written on the subjects “to use or not to use…”, “advantages and disadvantages…”, etc. I think it’s not the point Flash is good or bad, – it just certainly has its place – that’s it. And the “members” of the “two camps” should understand that there is nothing to argue about. If you are a photographer or designer and you need motion, interactivity, – Flash will definitely be the right choice. If you wish to express your originality, with Flash you will achieve that. But if your website is about delivering straight up information, then CSS/(X)HTML will work good for you. In other words, HTML is great for informative websites, and Flash is perfect for creating unforgettable effects.
Since I myself am a little partial to Flash, this showcase will not be devoted to “the best HTML websites”:)
The Flash websites I have selected for this post are all professionally developed; they are not only visually attractive, but are also functionally correct, load in a few seconds and disprove most of the existing mistaken opinions as for Flash that have been spread around, i.e.:
- All Flash websites load slowly;
- All Flash websites have long loading intros;
- It’s impossible to use SWFWheel on Flash websites;
- You cannot select and copy the text content on Flash websites;
- All Flash websites have music blaring starting automatically;
- Flash websites are bad for SEO (be sure it is a myth);
- It’s impossible to use the “back” button; etc.
So, view the showcase and draw a conclusion yourself…
1. Lyndon Wade
2. Myorangebox
3. Skive
4. Achtung
5. 4060
6. Estudiocora
7. Restatemedia
8. Pabloalfieri
9. Marija Ivkovic
10. D10studio
11. Bluecollaragency
12. Pepperworks
13. Mediosyproyectos
14. Ozanakoglu
15. Meghanfredrich
16. Thomas Spiessens
17. Marcoszender
18. Carolina Garcia
19. Vanio Ivanov
20. Ian Wharton
21. Mymediaisrich
22. Workingelement
23. Superreal
24. Dikstudio
25. Christiansparrow
26. Formag
27. Grey
28. Arqandgraph
29. Ars Thanea
30. Formtroopers
31. Imnotanaddict
32. Zum Kuckuck
33. Tecknosfera
34. Jon Ruppel
35. Greydient
Of course, it doesn’t mean that the whole internet should be Flash, but without it everything would be so boring! What do you think?
How To Create A Polaroid Photo Gallery With CSS3 And jQuery
Step 1: Preparing The Files
Let’s start by creating our needed files :- Index.html
- style.css ( this file will contain all the styles we need )
- script.js ( this one will contain our scripts )
- The Lookout By Chris Gin
- Leeds Castle Grounds By Joel Antunes
- Driftwood By Macindows
- Sunny Highlands By sopex
- Grassy Sunset By mattyv8
Step 2: The html file structure
First of all we have to link to our css, javascript files and both of jQuery and jQuery ui, to do this simply paste this code in your head section:Now we need to show our images. To do this, add the code above into the body section of your html file :
<img src="images/1.jpg" alt="" />
Step 3: Adding some styles !
Now we have our html file ready, we need to add some styles to the body section and to our images:body { background: url(texture.jpg); } img { padding: 10px 10px 50px 10px; background: #eee; border: 1px solid #fff; box-shadow: 0px 2px 15px #333; -moz-box-shadow: 0px 2px 15px #333; -webkit-box-shadow: 0px 2px 15px #333; position: relative; margin:25px 0 0 15px; }Explanation: Here I added a background image. For each image I set it’s background to a light grey and used some paddings to give the traditional Polaroid shape. Also I have used some CSS3 techniques to give each image a simple shadow. Next I used some margins to make some space between the images.
Step 4: Time for some scripts
Now we have our images set up, we need to have some scripts to have a working polaroid. First add this to your script.js file:$(document).ready(function(){ var zindex = 1; $("img").draggable({ start: function(event, ui) { zindex++; var cssObj = { 'z-index' : zindex }; $(this).css(cssObj); } }); });I defined a variable with a name of zindex and assigned to it 1 as a value. Then I used the jQuery ui features to make each image draggable. When an image is dragged the zindex value will increase by 1 then I used $(this).css to change the z-index value of the dragged image. Let’s continue, ad this to the previous code :
$('img').each(function(){ var rot = Math.random()*30-15+'deg'; var left = Math.random()*50+'px'; var top = Math.random()*150+'px'; $(this).css('-webkit-transform' , 'rotate('+rot+')'); $(this).css('-moz-transform' , 'rotate('+rot+')'); $(this).css('top' , left); $(this).css('left' , top); $(this).mouseup(function(){ zindex++; $(this).css('z-index' , zindex); }); }); $('img').dblclick(function(){ $(this).css('-webkit-transform' , 'rotate(0)'); $(this).css('-moz-transform' , 'rotate(0)'); });Here I used the .each() technique, so for each image three variables are created : the rotation degrees, the top position and the left position. For each variable you have to use some math : math.random returns a value between 0 and 1 so we have to control the other values to get the numbers we need. Per example the first variable will always return a value between 15 and -15 degrees. For the left and top position I used the same formulas but I have changed the other values. After preparing the variables we have to use them. To do this we are going to use the same method we have used in the previous code ( this.css) then change the rotation degrees, the top position and the left position of each image so we can get a random appearance. After all this I used the .mouseup method so when an image is clicked it will be showed up in the front. Also you can add something useful : when the button is double clicked we are going to adjust it with rotate(0). Now all our script file should look like this :
$(document).ready(function(){ var zindex = 1; $("img").draggable({ start: function(event, ui) { zindex++; var cssObj = { 'z-index' : zindex }; $(this).css(cssObj); } }); $('img').each(function(){ var rot = Math.random()*30-15+'deg'; var left = Math.random()*50+'px'; var top = Math.random()*150+'px'; $(this).css('-webkit-transform' , 'rotate('+rot+')'); $(this).css('-moz-transform' , 'rotate('+rot+')'); $(this).css('top' , left); $(this).css('left' , top); $(this).mouseup(function(){ zindex++; $(this).css('z-index' , zindex); }); }); $('img').dblclick(function(){ $(this).css('-webkit-transform' , 'rotate(0)'); $(this).css('-moz-transform' , 'rotate(0)'); }); });
That’s it !
Thanks for following this tutorial. I hope you liked it and could follow it step by step. If you’ve done everything correctly, you should have ended up with something like this. If you have any problem or you need some help feel free to write your question or request into the comments section. Want more? Check also Creating a polaroid photo viewer with CSS3 and jQuery much more advanced tutorial done by Marco Kuiper!50 High Quality Funky and Groovy Fonts for Your Designs
Today we have collected 50 High Quality Funky and Groovy fonts which can be used to make some funny design and on the other hand they can be used in web-designing also! These fonts are very handy when it comes to designing kids websites. We are sure that they will help you in your designs.:)
1. Alfabetix
2. Crown Doodle
This font looks creepy and funky at the same time!
3. Arbuckle
4. Cocktail
5. Cream and sugar
6. Funk
On one side this font depicts the Gothic characteristic and on the other hand it provides excellent funky look!
7. Die Nasty
8. Ecliptic
9. Electro insanity
10. Icklips
Ideal funky font for those who like slim writing and typography!
11. Incarnation
12. LateNite
13. McBoing Boing
14. Mullet
15. Tabun
Very impressive and cute font style. 1 of my favorites.
16. Untitled 2
17. Earth People
18. Fixd Station
19. Jigga jigga
Don’t know what jigga jigga means but it surly is a fantastic font which can be used in professional manner also!
20. Intaglios
21. Spanky
22. InkyBear
23. Rokford
A combination of simplicity and funkiness.
24. I suck at golf
25. Telopone
26. Anger
27. Amputa Bangiz Standard TTF
Excellent font from deviantart. Difficult to understand but it provides a very unique and attractive look to your design !
28. ABC II
29. MDRS-FD01
30. Font bola
31. Betlog Square Standard TTF
32. Epistolar font
Author’s comments:
“When I was a little kid, I used to watch some christian scrolls my grandmothers had in their respective homes. I loved the typography they used to make them. Many years later, i searched up and down for that font, but couldn’t find it. So I went to Librería Parroquial (a christian bookstore) and searched for some of those scrolls. In close examination, I realized they didn’t use a ready made font, but instead wrote them by hand. So, I copied the glyphs and made the font out of them.”
33. WeWant – Spike Font
34. Dreamforge Classic
If you want to know how creative people are in this world then see this font! Incredibly amazing.
P.S: THIS VERSION IS ONLY WRITABLE WITH CAPS-LOCK.
35. Homeboots
36. Circled
37. LeinBold
38. The Elements
39. Akareb
40. Legend
As the name tells you, and in my opinion also, this font is legend.
41. Accessories
42. Solange
This font can be used to design header of some design related website as it provide a very intriractive look and its creativity will attract the visitors .
43. Maropawi Club
44. Psychotic Elephant
45. Monkey Love
46. Subelair
47. Jackson
48. VAL
I have used this font in heck on different ways and designs and this is 1 of my favorite as i love balloon fonts.
49. Sniglet
50. Anabolic Spheroid
In the end i request to leave your feedback because it will help us to improve the quality of article. You can also tell me on which category i should write in my next article :)
New Website Builder at Intuit
For years now, Intuit has been a shining star to many small businesses because of its highly acclaimed TurboTax, Quicken, and Quick-Books software. I myself have been an avid user of their small business tools and have enjoyed the time it saves with handling budgets, bills and payrolls.
Recently, Intuit began a major push for their new website building software and I thought I'd give it a shot. If it's better than Go-Daddy's horrid "Website Tonight" software, that would be a great improvement for businesses beginning a web footprint. I've decided to break down my critique of their builder into three basic categories for this assessment. There are certainly other criteria that could be used, but I would likely write much more than anyone would be willing to read. After discussing the criteria, we will make a founded assessment of the value vs cost of their development price. The three categories we will discuss are for design structure, code development, and what SEO and SEM their builds enable a site with. We'll use a scoring method of 1 to 10 with 1 equaling Go Daddy's Website Tonight and 10 equaling a Free Wordpress Theme.
Design
Score= 4
First of all, their design structure, while a bit cliche, is one of the first autobuilder formats that has some decent design structure to their templates. That being said, these are templates and will not move far. Of the ~2000 templates they have, there are only about 100 that are really going to get peoples attention. Of these 100 templates, take a guess at how many times each one will be recycled continuously across the internet. On the positive side, the builder does allow you to tweak certain aspects and containers of each template to allow for some impression of originality on your site. This will help to an extent, but eventually there will be repition of your site throughout your market and maybe even your direct competitors. While far better than the templates that most autobuilders use, there's still a lot to be desired here.
Code Development
Score= 7
Some of you familiar with their templates are going to be scratching your heads after seeing a score of 7 on this one. Yes, it may be a little high for legacy HTML, but there is a good reason behind this thought.
They're using Quality CSS and don't have tons of tables being shot out at your browser. If familiar with other autobuilders, you understand that the majority of their build are conducted in long and dirty table design. The CSS in the Intuit sites are actually decent. Anyone hoping to see PHP within their listings, hope you can find one, but after and hour of search and reading "index.html" as many times as I did, it was apparent that there are no PHP driven sites within their selection. This means that there is less functionality available through these sites, but if you're using them, you probably don't even notice. All in all though, the HTML is written well for template use and the CSS is clean enough to earn an 8 in this category.
SEO and SEM
Score=2
Ok, here is the category that hurts them. While it was hard to find any sites built with this tool(besides spend money and make one), I was able to find a few that we could run through website. grader from Hubspot. The sites saw a "Best Ranking" of 30. At no point in my life has a score of 30 been a passing grade. The same occurred when running it through the tools on SEOmoz(know some of you hate them, but they have easy tools). There's simply no excuse for a website builder that will leave a client with a site of limited ability and still be published mainly through PPC style advertising. If there is any suggestion for Intuit, or specifically people thinking of using there site builder, it would be that there needs to be more focus within the code structure to benefit the customer needs. If you are looking for a website that allows people to find your business and not just a vanity plate to put on a business card, avoid this builder as well.
Final Score= 4.3
While Some of my fellow designers will vehemently disagree with my assessment, I think it's like to be the best summarized review that could be offered. It should be mentioned as well, that this is only a grade of the Starter system, since that's the one being offered for $4.99/month(while the only one with the tools needed for business cost $49.99/month). The problem with the price is the "Bait and Switch". If we look at the pricing table, it becomes apparent that this is not the fantastic deal that they make it out to be in the commercial(imagine that happening). Here are there price columns per service.
As you can see, there's not much you're getting for their advertised $4.99/month or even for their Cadillac Package that could legitimize this site build being used for a long period of time. It is understandable that some businesses must use one of these auto builders to get started, but it should only be a temp fix. These should not be used over six months at max; otherwise, it becomes a money pit instead of a money producer. A quality CMS system built for your business will save you money in the long-run, and will do more for your income as well...