I want to talk about a method which I use on buttons and it should be different from others by you. With this method, you will see a little animation on the buttons when they pressed on. I recommend you to see this article if you are bored with the fixed buttons.

The buttons could be fixed when some CSS codes applied on them. For example, the CSS codes below will disable the animation of which button got applied.

.button {
   background-color: #ccc;
   border-width: 2px;
   border-style: solid;
   border-color: #eee #999 #999 #eee;
}

A few months ago I was designing an image gallery contains thumbnails. But I saw the thumbnails were in a mess. In order to fix this distorted preview, I thought about a solution method and applied it because of I got annoyed of this. Now, I am gonna talk about this method.

Yes, we can not expect that the thumbnails should be a fixed size every time if the image gallery has a dynamic content. Because, the thumbnails will be uploaded to server resizing by uploader program (PHP etc) depending on a resize algorithm. Therefore, it is possible to see a distorted preview where are the thumbnails.

Sometimes, we want that the pages which we code are have same action in all browsers and for that we do some extra operations. Now, I will explain how can we restrict or stop the resizing feature on Safari for the textarea elements and remove online style for the textarea and input elements.