60 Adobe Air Apps for Web & Graphic Designers

Chances are you will come across a client who is interested in creating a homepage that is focused on getting users to take action. This post goes over many of the techniques companies use to help motivate visitors to sign up through design. Read more...

Want to use all those cool new CSS3 properties but don't want to wait for full browser support? Try the tips, tricks, and tools presented in the link above to help your website design stand out. Link: welcome2thesky.com

There are times when you want to add quick effects to your text without using photoshop. Although there are many great new properties that will be supported with CSS3, we often have to use javascript libraries like jQuery to get it right on multiple browsers. This post I found contains many useful such scripts for your inspiration.

Link -  speckyboy.com

 

 

Today I want to show you how to use CSS positioning and :hover properties to create a tooltip displaying any users latest tweets. There are several things that are different about this tooltip from others I've seen on the web:

1. The information shown in the tooltip is dynamic (generated using twitter search json api)
2. No server side scripting or database required (all information is fed from twitter search)
3. You are not limited to only displaying your tweets. You can display other people's

tweets or any search term using twitter search advanced queries (for more search

possibilities visit Twitter Search API)

4. You can select text from the tooltip and also click links displayed in the tooltip
5. No need to login to your twitter account because the data is simply a public feed based on your search results.  

 

Check out the live demo here: Demo

Download the code here: Download

*Code is fully documented but if you require assistance, please comment in this post and I will do my best to answer your questions.

 

This is just the base HTML/CSS.  You can style the tooltip with any backgrounds you like and also add nice transition and animation effects on mouseover using javascript libraries like jQuery or Mootools.

excerpt:
PageLime makes the process of editing static websites laughably easy. There are times when a full CMS like WordPress is far too complicated when only simple edits are required - not to mention the fact that a static template must first be modified accordingly to work with WordPress. Wouldn't it be easier if your current static website could instantly be integrated with a service, without requiring hours of conversion time? This is where PageLime comes in.

Article Reprint follows

It may sound stupid to say that, but the ability to link is one of the best features of the web. It is then really important to make your links display as convenient for use as possible. In the following collection you’ll find some tips to make your links better looking and more usable.

1. Display filetype icons

If you are linking directly to a file, why not let your users know about it? I’m always terribly annoyed when Acrobat launches by surprise. One way many thoughtful web writers deal with this issue is by adding (PDF) after the link. It would be even better if you used the proper CSS technique that does it automagically! Web-kreation has a good explanation on how to do that.

2. Show the target page’s language

Are you often linking to websites written in another language than yours? If it’s the case, you should consider using pseudo-classes to display a little notification for the link’s language. It can be either a little country flag or a bracketed abbreviation of the language [en]. I would recommend not to use country flags for this, it can be misleading or hurt some national sensibilities. My country, Switzerland, is a very good example for that. Linking to a Swiss page with a French or German flag would be inappropriate. Even for English, which flag would you use? American, British, Autralian,…?

If you still want to use this technique, here is a tutorial.

3. Highlight microformats with CSS

Highlighting the microformatted informations allows you to give a better view of your contact and personal information. It is definitely a good way to improve the usability of your website and to get more people contacting you.

Discover how to highlight your microformats on Hicksdesign.

4. Display an icon for external links

When browsing a website and clicking on links, I’m always thankful to webmasters that tell me whether I’ll be leaving their website or not. It is a nice way to indicate your website’s visitors where they are going.

Learn how to do this

5. Tooltips

Tooltips give more information to your website visitor about the link they are hovering. Most tooltips tutorials will use javascript, but did you know that you can create them with pure CSS? It is actually quite simple, as you’ll see on this page.

6. Learn to style visited links

I never know how to style visited links on the websites I design, this article gives some good ideas on how to do it.

7. Better link display on printed web pages

Linking isn’t limited to the online world, your links should also be visible on the printed version of your website. The most common way to achieve this with CSS is to display the URL next to the link text. Read this article to learn how.

There is however an even better way to display the links on a printed page, list them as footnotes. This article on A List Apart will teach you how, but it does take some scripting to achieve it.

8. Image replacement for submit button

It’s quite easy to customize your submit button with simple CSS, but replacing it by an image will let you integrate the button more.

I have researched and found ten great Twitter API tutorials to help you work with the API for your site or even for Twitter applications. via webm.ag

JQuery is a lightweight, cross-browser compliant, and extremely powerful Javascript framework. Among lots of other things, it can help you building gorgeous and usable navigation menus. In this article, I have selected 10 of the best JQuery menu available. via catswhocode.com