Chilistats is a simple, fast and convenient PHP and mySQL statistic counter. You can view all your web stats info in just one view.

More Info and Download

Introduction to Databases

View more on Youtube

Link : Pingdom

Link : TypeTester

Box Sizing, Border Radius, Text Shadow, Box Shadow, Multiple Columns, RGBA Colors, HSLA Colors, Multiple BG, Opacity, Linear Gradients, Radial Gradients, @font-face, Rotation, Scale, Transitions, Border Images, Text Select Color, Outline Offset, Resizing, Word Wrap, Background Size, Keyframe Animations, Text Stroke and Reflections.

You just simply click on each element on the chart, you’ll get the sample code, description and the list of what’re browsers that supported the style.

Link : CSS3 Click Chart

Link : Free Mini Icons – MimiGlyphs

Google Plus Icon 1

Google Plus Icon 2

Free Resource + Tutorial how to create G+ icon with Photoshop

Swiffy is a tool for converting Flash files to HTML5 made by Google. You just upload the file and Swiffy will convert your Flash file to HTML5.

Swiffy currently supports a subset of SWF 8 and ActionScript 2.0, and the output works in all Webkit browsers such as Chrome and Mobile Safari.

Link : Google Swiffy

Link : Tip Tip jQuery Plugin

XHTML and CSS Tutorial – 2 – Creating our First Webpage

Link : Watch More on Youtube.

Finally, I found FormBakery. This tool helps web designers or web developers saved time creating a web form, just drag & drop you ‘ll get the form. The tool will generate HTML code, CSS code, javascript code and PHP code, but if you want javascript code and PHP code you need to pay. For me just HTML code + CSS code of form is enough.

If you’d like to check out the tool, hit the link below and try it yourself.

Link : FormBakery

W3Clove is a useful tool that will check the HTML markup on every web pages on your site. There’s no need to manually submit all your URLs. Just put the URL of your home page in the text box and W3Clove will scrape it to get its internal links.

The report will show the most common errors and warnings, and show a summary for you.

Link : W3Clove – Site-wide HTML Markup Validation

It displays a single toolbar for every region on the page, and uses the HTML5 contentEditable features on block elements, instead of iframes, which allows for CSS to be applied in ways that most other editors can’t handle.

Mercury Editor supported
Firefox 4+
Chrome 10+
Safari 5+

Link : Mercury Editor

FavBackup is a tool for backup and restore data from all major web browsers, (Google Chrome, Firefox, Internet Explorer, Safari and Opera). FavBackup can backup all important data such as bookmarks, cookies, history, extensions, preferences, saved passwords, sessions and more…

Next time, if your computer has a problem, just download FavBackup and backup all important settings on your web browser. This is a free tool, just hit the link below to download.

Link : More Info & Download FavBackup

Link : jQuery 1.7 Visual Cheat Sheet

WinSCP is an open source and free SFTP client, SCP client, FTPS client and FTP client for Windows. The interface looks good, easy to use. It’s more like manage files with Windows Explorer.

WinSCP has all the features that Filezilla had and I like that it has internal text editor. Its main function is file transfer between a local and a remote computer. Beyond this, WinSCP offers scripting and basic file manager functionality.

Download and try it yourself at no cost.

Link : WinSCP – Free Open Source FTP, SFTP and SCP client

If you want to have it on your WordPress blog, I found a plugin called Sharebar.

Sharebar adds a dynamic and fully customizable vertical box to the left of a blog post that contains links/buttons to popular social networking sites. For wide blogs, a vertical bar with popular sharing icons appears on the left of your post. If the page is resized below 1000px (default), the vertical bar disappears and a horizontal sharebar appears under the post title.

Link : Sharebar Plugin for WordPress

Histats is a web analytics and it monitors your visitors in realtime. This tool offers full tracking features and the UI of Histats is beautiful.

Histats is a free service that monitors your visitors on your sites 24/7. I tried it a few day and I liked it, Histats can handle huge traffic up to 10 millions hits/day and you can add up to 300 domains. Hit the link below and try it for free.

Link : Histats

Introduction Video

Link : 200 PHP+MySQL video tutorials

I found these effects look really nice and you can see some of these effects widely use on the web. Some of the effects in the list are not CSS such as sIFR and FLIR but I think it’s good to have them on the list.

1. 3D Text

2. Letterpress Text Effect Using Photoshop and CSS

3. Neon Lights

4. Subtle CSS3 Typography that you’d Swear was Made in Photoshop

5. How to Create a Cool Anaglyphic Text Effect with CSS

6. Adding An Outline To Your Text Using the CSS3 text-stroke Property

7. CSS Gradient Text Effect

8. Matrix Animation with WebKit CSS3

9. How to Create Inset Typography with CSS3

10. Quick Tip: Nonintrusive CSS Text Gradients (Video tutorial)

11. The Easiest Way to Create Vertical Text with CSS

12. 8 CSS3 Text Shadow Effects

13. Text Rotation With CSS

14. Add Grunge Effect to Text Using Simple CSS

15. 3D Text Tower

16. Adding Stroke to Web Text

17. How To Implement sIFR3 Into Your Website

18. How To Use Any Font You Wish With FLIR

19. Text Shadow Box

20. CSS3 Shining Text, CSS2 Flaming Text

21. Let’s Create Paper with CSS

Link : Google Takeout

Another great thing about Wunderlist is it works great in all major platforms — Windows, Mac, Linux, iOS, Android and available as web app too. You can save your tasks offline or send it to the cloud for syncing with other devices or you can share tasks with your friends, colleagues or co-workers to work with you in Wunderlist.

Wunderlist is free, you can download for your desktop computer, smart phone or use it online as web app too.

Link : Wunderlist

HTML5 Tutorial – 1 – Introduction

HTML5 Tutorial – 2 – Creating a Basic Template

View More HTML5 Tutorial on Youtube

CSSload is an online tool, easy to use and it work great, currently, this tool offers 8 styles of loading indicator using pure CSS3 code.

Link : CSSload.net

I googled it and found this nice set of seamless grid metal background and I like to share it with you.

If you’re looking for a nice background for your web template, this is a really nice one. Premium Pixels share their nice 16 metal patterns design in both dark and light, these metal grid patterns can use it in your projects personal use or commercial.

Link :
Dark Grid Metal
Light Grid Metal

SimpleLess is a tool that help you generate CSS file. Whether you’re a designer or a hardcore programmer, SimpLESS is perfect for you. It compiles your *.less files into valid CSS.

SimpLESS is available for free download in all major platform, Windows, Mac and Linux.

Link : SimpLESS

The PSD files at 365psd are free for both personal and commercial use. That means any PSD you download can be reused in any project without worrying about licensing.

Link : 365psd

CSS reference is an app that shows you about CSS properties, including syntax, examples and browser limitations. A reference for CSS properties and selectors including syntax, examples and limitations for CSS1 and CSS2 properties. Includes visual examples for border-style, cursor, font-style, font-variant, font-weight, text-decoration and text-transform properties.

CSS reference is available free on the App store and Android market.

Link : More Info & Download

I just found a nice tutorial on how to create a CSS3 button with a little icon. The button look really great, I think you should bookmark, maybe you can use it in your web design project.

Link : Creating CSS3 Buttons With Little Icons

gcons come in 12 different colors and are available in PSD, PNG, JPG and GIF formats. Available size in this release is, 32*32px.

I think this icon set is suit for iPhone and Android apps. Luckily, it’s open source and you can use it free for personal and commercial designs / applications.

Link : More Info & Download

Picons Social is a bundle of 60 vector icons of your most favorite social services and applications such as MySpace, Twitter, Apple, Flickr, Yahoo, Vimeo, Piccasa, Linkedin, LastFM, Facebook, Skype, Google, Amazon, Paypal, Delicious, Digg, WordPress and much more.

The icons look really nice and you are free to use them on your personal or business websites, interfaces or even other application.

Link : Picons Social Media Icons

Link : GitHub for Mac

If you love fonts and you want to design it for your own. I found an online tool for creating fonts and it’s really good too.

FontStruct is a free online font-building tool that easy to use. FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

Link : go to fontstruct.com

Link : More info on Less

This tool is a grid generator, but the different from other tool is that you can generate as a file for Adobe photoshop or Illustrator.

Link : Grid Calculator

Link : View the tutorial
Demo

Link : iPhone 4 GUI PSD (Retina Display)
Link : iPad GUI PSD

If you’re using a Mac OS and developing web using MySQL and looking for a tool for create database and manage database. Sequal pro is a good one that I found.

Sequal Pro is a tool that helps you manage MySql database and this tool offers all the useful features. If you don’t want to use PHPMyadmin, you can download this tool for free.

More info & Download

I use Evernote to take note and then I found Springpad, I think this one is a really good too.

Springpad is a free application that makes it quick and easy to take notes and save anything you want to remember in one place – from tasks and lists to products, places, movies, recipes and more. We automatically organize and enhance what you save with useful links and relevant offers to save you time and money. Everything you save is automatically synchronized and instantly accessible on the web and your phone.

Springpad is available free for iPhone and Android device and you can access via web.

More info on Springpad

Google +1 is a new way that Google let people who love your content recommend it on Google search. If you have no idea what Google +1 is… watch the video below.

If you’re using WordPress and you want to add Google + 1 to you blog, there is a plugin available.

WordPress plugin – Google +1 Button (Free Download)

Or, if you want to add it manually to you website or blog, use the official code from Google.

Google +1 Official site

Introducing the +1 Button

I’m admit that I’m the one who addicted to Youtube and Facebook, sometime I feel like I spend more time on those sites and when the time passed and I realized that the thing I haven’t done yet is work. Today, I found a little plugin for Google Chrome that helps me save time and focus on more work.

StayFocusd is a productivity extension for Google Chrome that helps you stay focused on work by restricting the amount of time you can spend on time-wasting websites. Once your allotted time has been used up, the sites you have blocked will be inaccessible for the rest of the day.

If you’re using Google Chrome and spending time on entertainment website more than work, you should install this plugin.

Link : StayFocusd For Google Chrome

Web2PDF is an online tool that helps you save your favorite webpage as a pdf file. This tool is simple, easy to use, you just copy URL of page your want to save as PDF, then paste it to the text field and click “convert to pdf” and all done.

Web2 PDF also have some advanced options such as password protect too.

Link : Convert Web Page to PDF

If you’re looking for an online text editor or IDE, ShiftEdit is right for you. ShiftEdit is an online IDE for developing PHP, Ruby, HTML, CSS, Python, Perl and JavaScript with built-in (S)FTP.

This is a great web app for all coder. I have tried ShiftEdit for a few days, I found it really useful and it works great. With the simple interface, realtime syntax debugging, FTP and support many languages, these are all my favorite features.

Features

Link : ShiftEdit

Vectorian Giotto is a free tool for creating flash animation, flash website, flash menu or ad banner. This tool is a simple tool, easy to use and can create all the things that I need.

I think this tool is very useful for me. I don’t use Adobe flash much after I found this tool and the power of jQuery. I use Giotto for a simple task such as creating flash banners. And if you don’t like to code Giotto is the flash animation package made for you to design, not to code.

More Info & Download

If you’re looking for a nice collection of buttons for your web design project, here is a nice one that I found.

This is a collection of buttons that show what is possible using CSS3 while also maintaining the simplest possible markup. They look best in WebKit-based browsers, almost as good in Firefox, with all other browsers falling back to a less-styled button.

Link : Ubuwaits CSS3 buttons

Link : Zooltool

If you’re developing apps, or web app for smartphones and you’re looking for a nice icon set for your app interface. Here is a free icon 99+ icons set for mobile, web and print projects.

The icons are in vector format and they are available in creative common license.

Link : More Info & Download

3D Ribbon Generator is a tool for generating CSS code to create a 3D Ribbon fast and easy. This tool is a really useful tool for me, I can create beautiful ribbons for my blogs in easy way.

You may see that many blogs use ribbon to decorate in their theme and I think it looks great. If you want to create your own, here is the easy tool that I found.

3D Ribbon Generator is compatible with all major web browsers. You can started creating ribbon by select the template you want, then adjust font, color and size as you want and this tool will generate the CSS code for you.

Link : 3D Ribbon Generator

Cyberduck is a popular FTP client for Mac for long time and it’s done a very good job, but now, the new version 4 available for Windows users too.

Cyberduck is an open source project and has full features like other paid FTP software. With an easy to use interface, connect to FTP (File Transfer Protocol), SFTP (SSH Secure File Transfer), WebDAV (Web-based Distributed Authoring and Versioning), Amazon S3, Google Storage, Windows Azure, Rackspace Cloud Files and even Google Docs.

The FTP client I use are Filezilla and Cyberduck. I use Cyberduck sometime to edit my site and upload small file for my blogs. I like Cyberduck because I like its simple, easy to use and clean interface.

If you’re looking for an open source and full features FTP client. Download Cyberduck and try it your self.

Link : More Info & Download

This tool is easy to use, you just select color, font, button size, text color, hover color and a little bit adjustment, you will get a nice CSS3 button. You click on “View the CSS” button to generate CSS code to put on your site.

And better than that the creator of this tool give away source code for free. You can make it better or run it on your own website.

Link : CSS3 Button Maker