Quartz Icon Set is a collection of 90 simple but stylish icons that are in 64*64px size & PNG format.
The set contains icons from "files/folders" to main website objects like "search, home, download" or social bookmarking ones.
They are free to use in both personal 6 commercial projects.
P.S. Thanks very much to Andy Gongea, the designer of the set, for the suggestion. And, the set is also shared on his website.
Inside the "Let’s make the web faster" website, Google is sharing the tips & tutorials for better performing webpages.
Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.
Also, links to various tools for the issue provided & a large community discusses the subject continiously.
Cloud hosting, storage & content delivery networks (CDNs) are very popular services for the last few years, which is very normal, as they offer a series of advantages in running + serving web applications.
An application hosted in the cloud will:
With the increasing number of providers & tools created, cloud hosting is getting simpler & simpler everyday.
Getting in the cloud, in most cases, will save so much time & resources when running a growing web application. You won’t need to think of the hardware, better react to the system resources & bandwidth usage fluctuations, pay exactly for what you use & much more.
Here is a collection of popular options & tools that can help you in hosting your applications in the cloud:
Amazon Elastic Compute Cloud (Amazon EC2) - (hosting)
Amazon EC2 is a web service that provides you the environment to instantly launch (or remove) new servers (instances) with the OS & configuration you need which makes scaling of a web application much easier.
This functionality can be controlled via the web service APIs or tools to be mentioned in this post.
You are charged with the resources consumed like hours your servers (instances) work or the bandwidth used.
Well, mostly disliked by everyone, even the employers, resumes are parts of the business world & in most cases required when applying for a job.
And, they can also be helpful when you’re not searching for a job but willing to present your experience.
For web designers & developers, probably, the best method of having a CV is having it online as employers will be from the online world as well.
SampleResumeTemplate is a free HTML resume template which provides a clean presentation with various list types (both vertical & horizontal) that makes it easier to use & improve (built with YUI Grids Framework).
You may also want to check 5 free HTML resume templates from Terril Dent or this one from Alex King.
First impressions are important & a website with lots of typo may easily result in losing visitors.
Spell Check Rex is an open source website spell checking application, built with PHP & MySQL, which can be installed on any website to automatically monitor & report spelling mistakes.
The application spiders the given website and generates reports. It supports frame-enabled websites & directories, pages can be excluded.
Spell Check Rex only supports English (has a multilanguage backend) & has 110,000+ words in its database.
Page Peel effects can be very useful as they create new areas -which are mostly used for banners- on websites.
In general, they are created with the help of Flash but Soh Tanaka is featuring a a very nice tutorial on creating a page peel effect with jQuery & CSS.
The logic of the effect is simple & smart. It is created by animating the size & position of a peel image which is originally positioned over the content to be shown.
To see a demo for this nice tutorial, click here.
Grid System Generator is a website that asks for grid width, number of columns, margin-left/right & creates a fixed grid system with valid xhtml/css.
Besides the CSS framework, a .PNG background file is created as well to help in prototyping and design.
The generator is based on 960.gs & displays already created grids which can be found here.
You can also find instructions on using the generator & links to resources about grid systems.
P.S. Another 960.gs based grid generator can be found here.
IE6 CSS Fixer is a free web-based tool to decrease the monkey work when starting an IE6 CSS fix file.
It is not a magical one-click solution that will solve every possible problem, it can even create new errors, but it is a handy solution that offers customized fixes for commonly known problems.
The tool simply checks your CSS file & creates new CSS rules for the possible problematic objects. New rules can be inserted as a seperate CSS file easily to check if they cause any problems.
display:inline to floated elementsmin-height valuesAfter publishing ScheduledTweets yesterday, I received e-mails asking "how the drag’n drop & saving the new positions to the database was working".
Drag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI:
We create a simple database as below:
The most important column in the database is recordListingID which shows us the order of the records.
This feature can be applied to any table by adding such a column to it.
We’ll be using an unordered list that is generated from a PHP query that lists the items according to the recordListingID value mentioned above.
Here it is:
</p>
<div id="contentLeft">
<ul>
<li id="recordsArray_<?php echo $row['recordID']; ?>"> </li>
</ul>
</div>
<p>
We will be using jQuery UI’s sortable plugin.
<script type="text/javascript">
$(document).ready(function(){
$(function() {
$("#contentLeft ul").sortable({ opacity: 0.6, cursor: 'move', update: function() {
var order = $(this).sortable("serialize") + '&action=updateRecordsListings';
$.post("updateDB.php", order, function(theResponse){
$("#contentRight").html(theResponse);
});
}
});
});
});
</script>
We made the unordered list inside #contentLeft a sortable item, used the serialize function of jQuery to create the array and posted it to updateDB.php.
After posting the array of "new order of the items" to updateDB.php, we must run a query to update our database that will reflect the last positions of every item:
<?php
require("db.php");
$action = $_POST['action'];
$updateRecordsArray = $_POST['recordsArray'];
if ($action == "updateRecordsListings"){
$listingCounter = 1;
foreach ($updateRecordsArray as $recordIDValue) {
$query = "UPDATE records SET recordListingID = " . $listingCounter . " WHERE recordID = " . $recordIDValue;
mysql_query($query) or die('Error, insert query failed');
$listingCounter = $listingCounter + 1;
}
echo '<pre>';
print_r($updateRecordsArray);
echo '</pre>';
echo 'If you refresh the page, you will see that records will stay just as you modified.';
}
?>
You can see that this is the easiest part. We handled the array as $updateRecordsArray and used it inside a for each statement.
With a new variable named $listingCounter, while the for each statement runs, we have updated the values of recordListingID column of every item in the database with $listingCounter values. And that’s it.
Wiki applications, as they make storing & sharing the knowledge easier, are very popular & handy.
There are lots of wiki applications & it is hard to decide which one to choose. But there is a quality resource to help you decide.
WikiMatrix is a website that helps you compare wiki applications, guide you with a wiki choice wizard & provides helpful information on them.
The website is so detailed that it enables you to compare the markups of wikis as well.
You can find statistics on each application & wiki-related-discuss on forums.
To sum up, if you are planning to setup a wiki, it is a good choice to give WikiMatrix a look.
