Connect With WRD
feed via e-mail
feed via e-mail

Free CSS Toolbox is a software that can save time of a web designer.

It is a set of tools that will help you in almost any process related to CSS.

Tools include:

  • Simple CSS Editor
  • CSS Formatter / Beautifier
  • CSS Compressor
  • W3C CSS Validation Service Intergration

Free CSS Editor - Compressor

The software is very easy to use as it is straight-forward.

Syntax checker of the editor saves time specially for fast CSS coders & the CSS beautifier works pretty well.

Currently, it only works in Windows environment.

Concrete5 is a very powerful & open source content management application which has a different approach in how it works.

It enables users to manage websites while browsing it by simply switching to the edit mode (an overlayed screen). This makes anyone who can use a text editing application administer their websites.

The application uses PHP / MySQL & built with OOP.

Concrete5: Site Building Toolkit

With a very easy to use interface, new pages can added, updated or deleted.

A simple yet effective user permission/role feature helps creating admins, editors & other types of users.

There is a built-in versioning system which simply saves the old versions of a page & who created/updated it.

The application supports templates / plugins & there is a community getting more active everyday to get support.

To see the beauty of the application, check this demo.

P.S. Concrete5 is choosen the project of the month in October 2008 by Sourceforge.

MySQL Sidu is a free web based MYSQL GUI similar to PHPMyAdmin.

It has most of the features other GUIs have & besides them MySQL Sidu can:

  • Group tables by first x chars of table names, and which you can control freely;
  • Sort results in 1 column or 2 columns, which you can switch to your favorable mode;
  • Sort & filter results.

Free MySQL GUI

There are 2 firewall security levels for the GUI for a safer data: user & global levels, that control who can access the application.

For anyone using another web-based MySQL GUI, it is very hard to switch to another tool & you may not need it. But this application has some nice UI features that make some jobs easier and you may want to check.

There is also a Firefox addon for MySQL Sidu that enables you to insert data from text fields & textareas in a webpage.

SemanticHacker is a free API for creating meaning based search queries rather than the keyword based ones.

From Wikipedia: Rather than use ranking algorithms such as Google’s PageRank to predict relevancy, Semantic Search uses semantics, or the science of meaning in language to produce highly relevant search results. In most cases, the goal is to deliver the information queried by a user rather than have a user sort through a list of loosely related keyword results.

Semantic Search

Although semantic search may seem experimental, there are already successful projects like Hakia (doesn’t use this API) which is a semantic search engine.

Using the SemanticHacker API, you can analyze a content, get a categorization for it & can present other content (like related items in Wikipedia or Amazon.com) & more.

Free Site Validator is a very handy free service for validating webpages.

When compared to W3C validation services, this solution scans not only 1 page but follows links, goes deeper & almost scans all webpages in a website.

Free Site Validator

The service uses W3C validation service at the backend & enables you to scan multiple websites.

Report generation can take some time considering it scans all webpages but the service can simply notify you when the validation is completed.

Silverlight Toolkit is a collection of controls, components and utilities for adding more functionality to Silverlight.

Tip: To see more resources about Silverlight, check the WRD post: Free Silverlight Controls And Tools For Brighter Websites.

Silverlight Toolkit

Components in the package are:

  • AutoCompleteBox
  • NumericUpDown
  • Viewbox
  • Expander
  • ImplicitStyleManager
  • Charting
  • TreeView
  • DockPanel
  • WrapPanel
  • Label
  • HeaderedContentControl
  • HeaderedItemsControl

 The download package also includes the source code of the resources.

This is a jQuery plugin for displaying Twitter feeds of an user on any website.

The plugin is so easy to use, customizable & unobstrusive.

Twitter jQuery Plugin

How to use it?

  • After inserting the jquery-twitter.js file to your website, simply create a div named "twitter" at where the feeds will be displayed.
  • This jQuery code does the rest:

$(document).ready(function() {
    $("#twitter").getTwitter({
        userName: "jquery",
        numTweets: 5,
        loaderText: "Loading tweets...",
        slideIn: true,
        showHeading: true,
        headingText: "Latest Tweets",
        showProfileLink: true
    });
});

The plugin is based on the Twitter Badge Customizer & a demo can be found here.

CSS Drop-Down Menu Framework is a free & cross-browser solution to create good looking menus.

Download package already contains examples but new themes can be created very easily.

Cross Browser CSS Menu

Menus can be transformed by only changing the class name. Available transformations are:

  • horizontal
  • vertical left-to-right
  • vertical right-to-left
  • horizontal linear
  • horizontal upwards.

The framework normally uses only CSS but for IE6, there is a JavaScript file that must be included.

Creating charts via Google Charts API is already simple.

GoogChart is a PHP class which makes it easier & more flexible.

Google Charts PHP Class

Here is an example:

After creating an array ($data in the example), this simple code is enough for generating a pie chart.

<?php
$chart = new googChart();
$chart->setChartAttrs( array(
    ‘type’ => ‘pie’,
    ‘data’ => $data,
    ‘size’ => array( 300, 200 )
    ));
echo $chart;
?>

Although GoogChart supports a serious amount of attributes & types for Google Charts API, currently, not all of them.

There are also other similar PHP classes which you may want to check like:

Tripoli is a CSS reset solution (& some more) which totally resets standards of all browsers & recreates them for maximum compatibility.

It is not a CSS framework as it has no pressure on your coding style. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.

Tripoli CSS Reset

Tripoli addresses deprecated tags in HTML 4 and disables them through CSS to ensure that a website looks the same in all browsers.

It supports by all major browsers& tested down to Internet Explorer 5.

To see the power of it, check this nice demo.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com