The small newspaper on the web - The fruit of the day have retained their freshness

The periodicity of the blog has become prone irrégulomadaire fortnightly ... Still, I want to share with you the fruits of the previous day. In your cart: cool stuff for WordPress and practices; a plugin for jQuery splitter with content, HTML forms more effective a simple trick to personally know your visitors via Google Analytics, a few links to compress and organize your CSS and all a bunch of other things the list would be long and tedious.

Links WordPress


WordPress Theme Generator

WP Generator Blog is stunning: your theme for WordPress is folded in a few clicks, without prior knowledge of HTML, JS, PHP or even CSS! Change colors, the number of columns, etc.. The tool produces consistent themes from WordPress 2.1 to version 2.7 at least, the framework and embeds Yahoo! IU .

Display your number of Twitter followers on your blog

It's not just the counter Google Feedburner to inflate our egos virtual. The number of followers that can have on his Twitter account alone can you inflate an ego capable of reaching theBlogospherestratosphere ^ __ ^ The code provided by wpRecipes is composed of a party to copy the file functions.php of your blog and another party to place it where you want to display information.

Random "Read More»

These two pieces of code on dégottés wpguy display a link "read more" random for each of your articles. The first is to place before The Loop :

<? Php
    $ More_strings = array (
        "Read More ..."
        "Keep on Reading ..."
        "Wait! There's more ..."
        "Read the rest of the article ..."
    );
?>
<? Php
    the_content ($ more_strings [rand (0, count ($ more_strings))]);
?>

Web integration links


Organization, compression, your CSS will love!

• CleanCSS - This tool is very comprehensive in French offers four levels of compression and allows you to customize the parameters specifying a formatting template for your style sheet, which here is an example of maximum compression ,
• Styleneat - Sort (or not) the selectors or declarations in alphabetical order. Displays the statements on several lines. Ability to paste the style sheet, enter the URL of the CSS or finally upload it from your workstation. Via roget.biz ,
• dustmeselectors - Extension for Firefox which tracks unused CSS selectors in your web page,
• Em Calculator - Handy to obtain values ​​in em for the elements of your HTML document from a height in px ,
• Construct Your CSS - Construct is a visual editor based on Blueprint and jQuery. This project is committed by Christian Montoya . It shows that we can make available a web integrators toolbox, and a visual editor to make CSS and semantic HTML,
• pagecolumn - Generator model into multiple columns with CSS using 2.0 % , the px or em . Ability to nest multiple columns or to the effects of menu tabs,
• drawter - Already mentioned on this blog: drawter, drawn, it is won ,
• CSS Grid Calculator - To quickly view a model from a grid: the text blocks and page divisions in columns (and gutters that go with it) are displayed in the browser. As a bonus, you will get the CSS declarations!

More!

• CSS Compressor ,
• CSS Compressor Advanced (cssdrive)
• Cascading Style Sheets Optimization ,
• Lab CSS .

HTML Forms effective 10-step

See the excellent article bbxdesign on 10 good practices to achieve a form based on the conference Luke Wrobleski Yahoo! following is a summary:

1. Cutting to the chase,
2. Alignment of labels,
3. Help and Tips,
4. Validation,
5. Primary and secondary actions,
6. Ongoing actions,
7. Errors,
8. Input unnecessary
9. Organization of the form
10. Gradual engagement.

Download the audio conference The Value of Web Forms and Design Constraints in mp3 (27.9 MB).

Other resources for HTML forms

• JotForm - Create online forms,
• webjackalope - 12 examples of registration forms for "lazy".

Splittez your content into multiple parts resizable with jQuery Splitter

It is on Dator Blog I've found jQuery Splitter straight out at Dave Methvin . This plugin displays a separation between content of the form:

<div id="MySplitter"> 
    <div> Left content goes here </ div> 
    Right glad div goes here </ div> 

</ Div> 

The function call is kept to a minimum:

$ (). Ready (function () { 

    $ ("# MySplitter"). Splitter (); 

});

The splitbar can be moved so easily accessible by click-dragging with a accessKey or via the button tab .

Other JavaScript Resources

• Javascript and jQuery resources 390 - Fruits of the day documented that I made ​​two years ago on the blog & JavaScript Webdesign .

20 memos useful for any web designer

A slew of good Cheat Sheet (your wishes) to not forget the shortcuts Photoshop, CSS properties, HTML elements, etc.. Special mention to:

• Blueprint 0.8 (by Christian Montoya )
• Summary of common fonts (or not) between the operating systems Windows and MacOS
• Survival kit's creative working in the business of graphic design,
• The scenes of a design by Douglas Bowman ,
• Memo of the mock web by Romy Duhem-Verdière which reminds us of the elements to be considered and good practice for the composition of your pages, hyperlinks, text, forms, multimedia elements, and the particulars o-bli -ga-tory.

Miscellannées


Google Analytics - Identify the players from Netvibes

Generally, aggregate information by audience measurement tools do not know the name (or nickname) visitors! Google Analytics allows you in just three clicks to learn more:

1. Click on Traffic Sources (Sources of traffic)
2. Then Referring Site (Sites Referrers)
3. Go to the list of sites and click on Netvibes ,
4. Enjoy ;)

In short, I'm probably the last to be clicked on Netvibes visitors to display relevant, but if I'm the second last, I tell myself it will serve at least one person ;)

You're that, you, already?

Ping.eu or everything you ever wanted to know about an IP address or a domain name but were afraid to ask: Ping, Traceroute, DNS lookup, WHOIS, Port check, Reverse lookup, Proxy checker, mail relaying, Bandwidth meter, calculator Network, Network mask calculator, Country by IP, Unit converter!

Stay tuned and Mind the Gap!