css

Learn How To Make A Website Step By Step

September 14, 2012

This is my first post on ShoutMeLoud that will teach the beginners or dummies that how to create their own website step by step. About 4 year ago I had zero knowledge about website designing and developing but I wanted to do it. I searched a lot on the internet about How to make a website but I never found any solid article that could tell me the proper steps of creating a website. Very hardly I ...

Continue Reading →

Top 5 Community sites for Web Designers

September 1, 2011

Apart from typing HTML, CSS and JavaScript codes, a web designer needs to do a lot of other things like reading magazines and blogs to keep up to date with the latest trends, check out other websites for some inspiration and also read the news to know about what’s happening in the design industry. Well, one can find hundreds of blogs and websites related to web designing. But, I always feel that it is better ...

Continue Reading →

How to Style BlockQuote With CSS for BlogSpot and WordPress

August 23, 2011

As the title of the article suggests, we’ll be using :before and :after attributes in defining our CSS. However, the actual credit goes to the “content” property which helps us to achieve cool effects via CSS. So, in this article, I’ll illustrate the basic usage of content property to add stylish block quotes using CSS. In other words, you’ll be able to add a block quote that appears to have an image but does not. ...

Continue Reading →

How to Add Reflection Effect On Images Using CSS

August 16, 2011

I’ve been working on design articles for the past few days and I would like to share one with you in this article which is based on Photoshop but the twist is that we’ll not use PhotoShop to achieve this effect, rather use simple and pure CSS to achieve it – Reflection Effect On Images. Before we dive into the actual tutorial, let me show you the final product – refer to the image below. ...

Continue Reading →

How to Create An Adaptable View On Your Blog?

August 9, 2011

Basically, adaptable view is an user interface pattern that lets the user decide the visual appearance of your blog. In other words, users can dynamically change the layout of your theme. Interesting… Isn’t it? Well, there could be no better example than delicious bookmarks to explain what I mean. So, for those who actually wonder what I’m blabbering, take a look at the following link – Recent Bookmarks. Now, look for the display options that ...

Continue Reading →

Simple Accordion Effect Using Jquery: How to

August 4, 2011

There are quite a lot of tutorials on the web about the accordion effect. But, none appears to be clear. Being a webmaster & web designer myself, I find it difficult to understand the tutorials out there. So, I thought I should explain this stuff in the most simplest way possible and that’s what we have got in this article too. To those who do not know what an accordion effect is, just take a ...

Continue Reading →

Image Hover Effect Using CSS Sprites

July 13, 2011

How many times you have visited a site and when you hover your mouse on logo or any image, it changes. This is call image hover effect. In this tutorial, I will be sharing how to add such logo hover effect, or how to add CSS hover effect in WordPress blog. Using this Image hover effect guide, you will be able to add hover effect anywhere on your WordPress blog. I’m sure many people, especially ...

Continue Reading →

How To Use CSS Sprites to Boost your Site Performance

March 6, 2011

This is a guest post by Mani who blogs at Dailyblogging. If you would like to write for ShoutMeLoud, check our guest posting guidelines. Hello SML Readers. I remember that, I had told Harsh long ago that, when I start Guest Posting, ShoutMeLoud will be my first Destination. Let’s come to the main topic. As Bloggers, Webmasters & Site owners we know how important it is to get our sites or blogs to load faster. ...

Continue Reading →