Responsive design or Adaptive? Well, Responsive design is a subset of Adaptive design concept. But anyway, if your website is Responsive, (what i will recommend), and you are facing some layout issue with Facebook Like Button or Comments, here is a CSS quick tip how to fix it!
CSS3 is the latest standard for CSS and is supported from your browser if you are running at least one of the latest release. So, if you aren’t seeing any animation, probably your browser doesn’t support CSS3, but you can update it. In this post I will show some code how to create a Animated Buttons without any flash or script, just CSS3.
I want to share today these experimental CSS icons that works great with the recent browsers. 84 simple GUI icons created using only CSS and semantic HTML. The Demo Page contains the full set of user interaction and media player control icons, as well as other common icons.
If you are a fan of CSS, you probably must like also Pure CSS folded-corner effect article by Nicolas Gallagher. Follow him on Twitter for the recent CSS hacks and our Blog for the coolest stuff!
Demo Pure CSS GUI icons
Playing with CSS you can create really pretty things. While I’m working a new theme for my blog that soon will be available, here is one of the CSS hacks that I’m using for comments text area. There are many ways of customizing your form elements. I will show you a way how to do this.
You can apply a background-color or background-image to any form element. Like the example i’m using in a textarea adding a background (in the image above). Please be careful because sometimes it is not a good idea to change the background. The part of the text is very hard to read if you apply a image with lot of colors. Chose a white and black background and edit the opacity to 50% with any image editor.
Recently I was fixing some CSS image alignments and the width for images. And the problem was with the big images that come out of content?! At this point comes out max-width. The max-width CSS property is a great property to use when you don’t want an element to get larger than a certain size. It does exactly what it says it does. Using it with images can be very handy. Here’s the syntax.
selector {max-width:value;}
Continue reading
Here is a simply hack for blogger. A CSS hack how to remove the Navbar (topbar) in blogger. In some simply steps you will be able to have a professional look for you blog hosted for free at blogger.com
1. Login to your Blogger account.
2. Click Layout, in your blogger dashboard. And after > Edit HTML
