Datagrid is one of most common used in web design, sometimes it will taking a lot of time to designing table, like header, he zebra row, pagination, etc. In jquery there are a lot of ready to use plugin that I compiled in this post, although grid features will be supported in JQuery UI, maybe is good to know some alternative, before JQuery UI grid came along.

JQuery Accesible RIA Table

Designing your own icons can be a time consuming, moreover if you are not designer, this experience can be happening for you a single fighter freelancer, I today in my first post in this year, I collected some of web site and search engine offering Icons that can be used for your project, most of them are free to use, just becareful to see the license before use.

1. Icongal

Login screen is one of the most common used in web application, today I have collected some freebies of login screen mockup in PSD, in various style for example dark, paper style, greyscale, minimalist, etc. These might be good for getting some inspiration to create your own unique login screen, or you can modified it.

These day many design showcase site are using wordpress for example CSS galleries, photography portfolio, etc. In this post I share some of wordpress themes to creating a gallery site, so you can built your own gallery site in a few minutes.

I try to find which is free to use. I created this post cause I found some of them are in minimalist design, really love it,  look elegant, and feel like a premium theme.

In today post I try to do a little experiment with css animation, with jquery to generating css value on the fly. When this post created the this animation examples only works on firefox and chrome browser.

In this short example I try to create a stack of images, on the default position each of images have a different angle, and rotating to the same angle in the same duration of time. Here I show all of the code.

CSS button has becoming one of web design trend these day, with some cool features in CSS 3 like rounded corner, gradient background, box shadow, text shadow we can create a fancy web button without using any images.

Today I compiled some of awesome CSS button example and tutorial, I tried to show the most recent example and tutorial, at least created on this year. Here they are, might useful for you to learn about creating a fancy CSS button or you may found something that ready to use, and you can copy and paste to your next project.

Google are very well known with the colorful logo, reb, blue, green, and yellow, today post, let’s play some quick CSS code to create some google plus icons.

Let’s create with a div element with static size, this code below is the css code for the first icon, and for the background you can generate it from colorzilla gradient editor, (really great tool, saving much time) I didn’t show here cause I think to long for css gradient code.

Creating a jquery plugin is easier than it sound, first time I heard about creating 3rd party plugin sounds scary, maybe need more deeper understanding about the platform, but not in jquery. Well I just feel something missing if I have been using jquery for a while not to creating a plugin.

Few month ago I have created a simple tutorial to rotating image using jquery, now it would be nice if  I can used as a plugin, and now it a chance to learning simple jquery plugin.

Few days ago I’ve playing with TinyMCE, a popular javascript rich text editor, used by many companies and some popular CMS, like joomla and wordpress. Today I want to share a little of my experience exploring and customizing tinymce skins. In this example I’m not creating it from scratch, but modifying the existing o2k7 skin.

The core tinymce skin is on file ui.css, this file that will be modified, and this file is very well commented, it easy to guess the purpose of it style, and other files dialog.css and content.css I don’t need to make any changes.

Today I have found some of great dry ground crack texture, maybe can be used for your next design project, as long some of these stock have creative common attribution 2.0 generic license, which mean you can use it for any commercial project, but be sure to check the license again, enjoy.

Categories

• Blog
• CMS
• Codeigniter
• Concept
• CSS
• Design
• Extjs
• Freebies
• HTML 5
• Icons