Tweeaks Design » Resources http://tweeaks.com more than just eye popping designs Sat, 12 Jun 2010 10:04:16 +0000 en hourly 1 http://wordpress.org/?v=3.0 8 Great Bookmarklets For Designers And Developers http://tweeaks.com/resources/8-great-bookmarklets-for-designers-and-developers/ http://tweeaks.com/resources/8-great-bookmarklets-for-designers-and-developers/#comments Thu, 14 Jan 2010 16:13:04 +0000 jaredwilli http://tweeaks.com/?p=3084 ToolsOne of the things that can be very useful for developers and designers alike are the various bookmarklets that have been created. For those that don't know what bookmarklets are, they basically are applets, small computer applications, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. They are simple tools that extend the surf and search capabilities of Firefox and Explorer web browsers]]> ToolsOne of the things that can be very useful for developers and designers alike are the various bookmarklets that have been created. For those that don’t know what bookmarklets are, they basically are applets, small computer applications, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. They are simple tools that extend the surf and search capabilities of Firefox and Explorer web browsers.

For web designers and developers they can good for many different things. There are so many bookmarklets available on the internet, and many people probably don’t even know they exist. In the past few weeks I have collected some I have found to be really useful for what I do, and I’ve made a list below. The title of each bookmarklet contains the code snippet that follows as the link, which is essentially the program.

Bookmarking Bookmarklets

To save these, simply drag the linked title of the bookmarklet to your Bookmarks Toolbar or Links Bar, or right click the links and select Bookmark this Link or Add to Favorites.

While viewing a page you want to use the bookmarklet on, click the bookmarklet from your Bookmarks Toolbar and it will perform the task that it is programmed to do.

Press This

Collect and share bits of the web easier and faster than ever with Press This, the new WordPress bookmarklet. With this you can automatically write a blog post about something you find online. You can even post just the text you want to share by highlighting it first.

1
javascript:var%20d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f='http://tweeaks.com/wp-admin/press-this.php',l=d.location,e=encodeURIComponent,g=f+'?u='+e(l.href)+'&t='+e(d.title)+'&s='+e(s)+'&v=2';function%20a(){if(!w.open(g,'t','toolbar=0,resizable=0,scrollbars=1,status=1,width=720,height=570')){l.href=g;}}setTimeout(a,0);void(0);

jQuerify

This is a nice little tool that allows you to play around with jQuery on a page that doesn’t already have jQuery loaded and see the results immediately. Find it on LearingjQuery.com.

1
javascript:%20(function(){var%20el=document.createElement('div'),b=document.getElementsByTagName('body')[0];otherlib=false,msg='';el.style.position='fixed';el.style.height='32px';el.style.width='220px';el.style.marginLeft='-110px';el.style.top='0';el.style.left='50%';el.style.padding='5px%2010px%205px%2010px';el.style.zIndex=1001;el.style.fontSize='12px';el.style.color='#222';el.style.backgroundColor='#f99';if(typeof%20jQuery!='undefined'){msg='This%20page%20already%20using%20jQuery%20v'+jQuery.fn.jquery;return%20showMsg();}else%20if(typeof%20$=='function'){otherlib=true;}%20function%20getScript(url,success){var%20script=document.createElement('script');script.src=url;var%20head=document.getElementsByTagName('head')[0],done=false;script.onload=script.onreadystatechange=function(){if(!done&&(!this.readyState||this.readyState=='loaded'||this.readyState=='complete')){done=true;success();}};head.appendChild(script);}%20getScript('http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js',function(){if(typeof%20jQuery=='undefined'){msg='Sorry,%20but%20jQuery%20wasn\'t%20able%20to%20load';}else{msg='This%20page%20is%20now%20jQuerified%20with%20v'+jQuery.fn.jquery;if(otherlib){msg+='%20and%20noConflict().%20Use%20$jq(),%20not%20$().';}}%20return%20showMsg();});function%20showMsg(){el.innerHTML=msg;b.appendChild(el);window.setTimeout(function(){if(typeof%20jQuery=='undefined'){b.removeChild(el);}else{jQuery(el).fadeOut('slow',function(){jQuery(this).remove();});if(otherlib){$jq=jQuery.noConflict();}}},2500);}})();

960 Gridder

960 Gridder is an excellent tool for any web developer / designer that wants to easily align, match and/or lay out websites.

1
javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://gridder.andreehansson.se/releases/latest/960.gridder.js';})();

ReCSS

NOTE* The title of this links to the source of the bookmarklet. For some reason I am not able to embed the link in the page.) This little bookmarklet makes refreshing your CSS a breeze. It comes in quite handy when you’re developing dynamic applications. Tested in IE and Firefox.

1
javascript:void(function(){var%20i,a,s;a=document.getElementsByTagName('link');for(i=0;i=0&&s.href)%20{var%20h=s.href.replace(/(&|%5C?)forceReload=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new%20Date().valueOf())}}})();

FontFriend

This is a bookmarklet made for web designers who want to rapidly check how different fonts and font styles look on their screen without editing code and refreshing pages.

1
javascript:(function()%20{if(typeof%20jQuery=='undefined'){var%20jqit=document.createElement('script');jqit.type='text/javascript';jqit.src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';document.getElementsByTagName('head')[0].appendChild(jqit);}%20_my_script=document.createElement('script');_my_script.type='text/javascript';_my_script.src='http://font-friend.googlecode.com/svn/trunk/font-friend.js';document.getElementsByTagName('head')[0].appendChild(_my_script);})();

Share on Facebook

I think this is pretty much self-explainatory. If you don’t know what Facebook is, then you should turn off your computer right now, and smash it with a baseball bat. And if you don’t know what Facebook Share is either, then after you smash your computer, take it to a field somewhere, and light it on fire, because you live in the stone-age. Too harsh? Oh well, no one is reading this anyways so who cares.

Why don’t you just go ahead and click the "Share on Facebook link and give it a go. The more you share the more you know!

1
javascript:var%20d=document,f='http://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1263480631&u='+e(l.href)+'&t='+e(d.title);1;try{if%20(!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z)%20{a=function()%20{if%20(!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p};if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0);

Google Backlinks

With this bookmark, you can quickly and easily do a Google search of all the sites linking to the page you are currently on. There are several other bookmarklets like this, but I think this was the most useful to mention.

1
javascript:location%20=%20'http://www.google.com/search?q=link:'%20+%20escape(location);

Blend This!

With this you can easily submit a link or website you like to TheWebBlend.com. You do need an account in order to sumbit your links.

1
javascript:q=(document.location.href);t=(document.title);s=(document.getSelection());void(open('http://thewebblend.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&body='+encodeURIComponent(document.getSelection()),'',''));

If you know of any more extremely cool or useful bookmarklets post a comment and share them with me. I’m always interested in anything I don’t already know about!

Don’t forget to bookmark this page!

]]> http://tweeaks.com/resources/8-great-bookmarklets-for-designers-and-developers/feed/ 1 10 Essential Tools And Resources Every Designer Needs http://tweeaks.com/resources/10-essential-tools-and-resources-every-designer-needs/ http://tweeaks.com/resources/10-essential-tools-and-resources-every-designer-needs/#comments Tue, 29 Dec 2009 11:23:40 +0000 jaredwilli http://tweeaks.com/?p=2955 Tweeaks DesignThis post was sent out to all the email subscribers of the Tweeaks newsletter on Christmas as a special advanced gift. I am posting it here because it's too good not to. I wanted to create this extremely usuful list of resources for designers and those interested in graphics, and this is how I am wishing you all Happy Holidays, and a Happy New Year]]> Tweeaks DesignThis post was sent out to all the email subscribers of the Tweeaks newsletter on Christmas as a special advanced gift. I am posting it here because it’s too good not to. I wanted to create this extremely usuful list of resources for designers and those interested in graphics, and this is how I am wishing you all Happy Holidays, and a Happy New Year.

What better way to kick off the first mailing of the Tweeaks Design Newsletter, than this list of resources I’ve rounded up full of useful tools that all web and graphic designers need to have bookmarked and use regularly. These can save loads of time when making a website or any type of graphic element. Simplify your life, and improve your production and quality of all design creations. Utilize the internet for all that it has. It gives you all the knowledge and power at your fingertips you will ever need!

Happy Holidays from Tweeaks

Adobe Kuler

An online color palette tool and a desktop app that uses Adobe Air for creating color schemes. If you haven’t heard or checked out Kuler yet, you must. You don’t know what you’re missing.

Color Scheme Designer

An online tool for making color schemes.

snap_22

960 Gridder – Layout Websites with Ease

960 Gridder is an excellent tool for any web developer and designer that wants to easily align, match and/or lay out websites.

snap_23

Five Minute Upgrade – Making Your Design Pop

snap_24

Elements of Great Web Design: The Polish

Great tips for improving and refinishing your web designs.

WhatTheFont

Automatically identify fonts.

snap_31

Typetester

Compare fonts, side by side.

snap_26

15 Best Screenshot Tools

55+ Extremely Useful Online Generators for Designers

Huge list of online tools for creating all sorts of things quickly.

snap_28

Toufee

Create amazing flash slide-shows and movies.

snap_32

CSS Typeset

CSS Typeset is a handy tool that generates pure CSS code to put in your CSS Stylesheet based on what options you inputted.

snap_33

GrabUp

This is a great file sharing service for the average web designer. Just simple download the free software, then begin to upload your files and share them with your clients.

BrowserShots

Browser Shots takes a snapshot of your design in multiple browsers. You can select which browser screenshots your want from multiple operating systems, and then BrowserShots gives you images from all of the browsers you selected.

snap_34

Of course there are many many more tools that could be listed here but then I would be here all day, and wouldn’t have anything for future articles. I’m sure there is plenty that can be done with the tools and resources on this list alone.

Do you have any you’d like to add?

]]> http://tweeaks.com/resources/10-essential-tools-and-resources-every-designer-needs/feed/ 1 44 Sites To Submit Links To Increase Site Traffic http://tweeaks.com/resources/44-sites-to-submit-your-links-to/ http://tweeaks.com/resources/44-sites-to-submit-your-links-to/#comments Sat, 26 Dec 2009 22:42:20 +0000 jaredwilli http://tweeaks.com/?p=2318 link-submitIf you have your own website then you would be interested in promoting it as many places as you can on the internet. If you provide useful content, and want to get more exposure of your website, then this list is a good resource. You can start submitting your links to is right here on Tweeaks, Community Links. Your links will show up in the sidebar as well as on the links page link-submitIf you have your own website then you would be interested in promoting it as many places as you can on the internet. If you provide useful content, and want to get more exposure of your website, then this list is a good resource. It is also helpful to share anything you might have found online that other people would possibly be interested in.

You can start by submitting your links to right here on Tweeaks, Community Links. Your links will show up in the sidebar as well as on the links page.

The more links you submit to Tweeaks and other sites the better it is for you. You can’t go wrong, and it can only improve things for you. The more incoming links from other sites to yours improves your sites Pagerank which contributes more traffic too. There are a number of reasons you should submit your content to as many places as you can. So start spreading your links around!

Let me know if there are any other sites not listed here that you can submit your links to. I know there are many others, but I just listed these for now.

]]> http://tweeaks.com/resources/44-sites-to-submit-your-links-to/feed/ 8 26 Ancient Resources Of 2008 Rediscovered http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/ http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/#comments Thu, 24 Dec 2009 05:52:18 +0000 jaredwilli http://tweeaks.com/?p=2884 I made this list of resources over a year ago. It was posted on Tweeaks back before the site was hacked, which forced me to delete it and start over from scratch. I was looking though the old database backup I made to see if there were any posts from back then that I wanted to re-post. This is a great list of tutorials, links, resources and more from 2008 that I found useful. I haven't checked the links, so I apologize if any are broken or don't go to the correct page anymore. These are ancient links in comparison to how much the internet has changed since I first posted this list]]> DownloadI made this list of resources over a year ago. It was posted on Tweeaks back before the site was hacked, which forced me to delete it and start over from scratch. I was looking though the old database backup I made to see if there were any posts from back then that I wanted to re-post.

This is a great list of tutorials, links, resources and more from 2008 that I found useful. I haven’t checked the links, so I apologize if any are broken or don’t go to the correct page anymore. These are ancient links in comparison to how much the internet has changed since I first posted this list.

I realize that some of these are completely useless now, and totally outdated, but they may be interesting to go take a look at just for fun too.

]]> http://tweeaks.com/resources/26-ancient-resources-of-2008-rediscovered/feed/ 0 10 Beautiful High Quality Dual Screen Wallpapers http://tweeaks.com/resources/10-beautiful-high-qualit-dual-screen-wallpapers/ http://tweeaks.com/resources/10-beautiful-high-qualit-dual-screen-wallpapers/#comments Wed, 23 Dec 2009 19:12:03 +0000 jaredwilli http://tweeaks.com/?p=2862 Dual Screen WallpapersIf you are lucky enough to have 2 monitors to do your design or development work on, I am not, then you might possibly be interested in having a wallpaper that would fit nicely as the background. I got a request from one of Tweeaks awesome readers for me to post some dual screen wallpapers, and I promised her that it would be next on my list]]> Dual Screen WallpapersIf you are lucky enough to have 2 monitors to do your design or development work on, I am not, then you might possibly be interested in having a wallpaper that would fit nicely as the background. I got a request from one of Tweeaks awesome readers for me to post some dual screen wallpapers, and I promised her that it would be next on my list.

I wasn’t sure of the resolution, or the exact size she wanted but I don’t really think it matters. If I am wrong then let me know :) The 10 wallpapers posted below are 10 that I found to be the coolest or one’s I would most likely use myself. There are tons more out there though, which is why I made a list of other sites you can find even more Dual Screen Wallpapers at the end of this post.

To view or save the wallpapers just click on the image below that you like, and wait for the image to load, sometimes they are so big they take a second to load completely. Then just right click on it and save image as, or in IE, save target as…

Then go to the folder where you saved it, and right click and select Set as Desktop Background. That’s all there is to it!

Dual Screen Wallpapers

Dual Screen Wallpapers

Dual Screen Wallpapers

Dual Screen Wallpapers

Dual Screen Wallpapers

Dual Screen Wallpapers

tn-01982_azureeye_2560x1600

Dual Screen Wallpapers

Dual Screen Wallpapers

Dual Screen Wallpapers

430+ More Dual Screen Wallpapers Resources

Make sure to comment below telling me which one is your favorite one, or if there are any other sites you would like me to add to this list post the link too!

]]> http://tweeaks.com/resources/10-beautiful-high-qualit-dual-screen-wallpapers/feed/ 7 17 Useful Google Wave Resources http://tweeaks.com/resources/list-of-useful-google-wave-resources/ http://tweeaks.com/resources/list-of-useful-google-wave-resources/#comments Sat, 12 Dec 2009 12:47:32 +0000 jaredwilli http://tweeaks.com/?p=2787 This is probably not the first list of wave resources you have found, and it most certainly won't be the last. I wanted to list the things I found to be very useful so far for me, and my use of Google Wave. Wave isn't the easiest thing to get the hang of when first starting out with it, and the more resources you have access to the better. I hope this list will prove useful to you, and all your Wave needs. If you currently don't have a Wave account, and still need an invitation, you can get an invite from me here Google WaveThis is probably not the first list of wave resources you have found, and it most certainly won’t be the last. I wanted to list the things I found to be very useful so far for me, and my use of Google Wave. Wave isn’t the easiest thing to get the hang of when first starting out with it, and the more resources you have access to the better. I hope this list will prove useful to you, and all your Wave needs.

If you currently don’t have a Wave account, and still need an invitation, you can get an invite from me here.

Helpful Wave Resources

Browser Extensions