Archive for March, 2008

How-To: Six Conditions that Form Smoking Online Communities

Like a tornado, online communities only form under certain conditions. If you’re looking to build an online community, understand that they are very difficult to build artificially. They seem to only emerge from natural conditions. Indeed, you can help them emerge, but you can’t *create* them in my experience, says Nick Lewis.

There are the 6 essential conditions that he has observed as necessary in building online communities.

Related categories: Tags: , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

Analytics: Clicky features even more than Google analytics

Clicky is a web analyzer that works great with any web site, even Ajax and Flash sites. It was originally targeted towards smaller web sites and blogs because it tracks a high level of detail on every visitor, and these types of sites find this information very interesting. But the really interesting about Clicky are its web2.0 features like the google map integration which you can see below.
visitor_small Analytics: Clicky features even more than Google analytics

Related categories: Tags: , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

CSS: How to make a footer which really stays on the bottom

One problem Jonathan Longnecker run into pretty frequently when coding a site in to XHTML and CSS is making his footer dock to the bottom of the screen. It’s especially annoying if you have a page that’s short on content and the footer, which happens to be a different color that the body background doesn’t stay at the bottom of the browser window:

I can hear you say, “But why don’t you just do a fixed position on it. That’s easy enough.” True, but if you do that then it’s always at the bottom of the screen no matter how tall the window is. So if I have a page with a lot of content that footer shouldn’t show up until the content is done. How do we fix this? Let me show you. Here’s what the problem looks like:

Footer is broken

Related categories: Tags: ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

20 web-based business collaboration tools that lets make you breathless

Collaboration is a structured, recursive process where two or more people work together toward a common goal — typically an intellectual endeavor that is creative in nature — by sharing knowledge, learning and building consensus. So why would i use such a “collab…” thing?

Reasons to use collaboration tools:

  1. Essay Writing
  2. Presentation Notes
  3. Cooking Recipes
  4. Organising your ideas
  5. Managing your Todos & Tasks
    … and anything else you wish to keep track of

List updated on 28th may 2008: added Sosius

conceptshare 20 web-based business collaboration tools that lets make you breathless

CSS: Easy modularized xHTML/CSS forms that rock the house

Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.Choose between most common form layouts by simply assigning a css class to the fieldset element in order to get a different layout of the form controls your design requires.

uni_form CSS: Easy modularized xHTML/CSS forms that rock the house

Related categories: Tags: , , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

Wordpress: Shorten the title of posts or everything else you want

In a recent project I needed a section with short notes (common as asides) and a list of posts in the sidebar. The problem was only, that the length of the posttitle was to long for my theme and my layout suffered under this small bug. I also didnt wanted to change the wordpress core files which might be replaced by updates in future. So I wrote a solution for this and am sharing it to the public. Alle additions are only to make in your theme. Use it for everything you want, just let the note intact or link back to this site.

Now, lets get ready:

Create or open the functions.php in your wordpress templates folder. We will add a function which makes all the work for us everytime we will need it.

Related categories: Tags: ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

CSS: Swooshy Curly Quotes Without Images

css_quotes CSS: Swooshy Curly Quotes Without Images

The problem

Take a quote and render it within blockquote tags, applying big, funky and stylish curly quotes both at the beginning and the end without using any images – at all.

The traditional way

Feint background images under the text, or an image in the markup housed in a little float. Often designers only use the opening curly quote as it’s just too difficult to float a closing one. Simon Collison explains his solution!

Related categories: Tags:
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

Photos: 69 commercial stock image libraries

Thats all to say about it. This is a huge list of many commercial stock photo sites.

logo Photos: 69 commercial stock image libraries

Related categories: Tags: ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

CSS: Perfect pagination style using CSS

pagination_1 CSS: Perfect pagination style using CSS

This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. It’s a question I often receive, so Antonio Lupetti decided to publish a very simple post which explains how to design a perfect pagination style using some lines of HTML and CSS code.

Related categories: Tags: , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

Photos: Free Stock Images from Stockvault

Stockvault.net is a stock photo sharing website where designers and photographers can meet to share their images. You don’t have to sign up to be able to download our images, but they’d like you to so anyway, just so you can gain access to special features. All images on the site are free for personal and non-commercial usage.

svlogo Photos: Free Stock Images from Stockvault

Related categories: Tags: , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati

 1 2 3 4 Next »