The wordpress team has released the frist candidate for the version 2.5 of their amazing cms. New things like a new dashboard, upload allowing multi-file , built-in galleries, easier plugin upgrades, full text feeds, faster load times and many more…
The default overflow property for the html tag is ‘auto’ which display a scroll bar only when needed.
If for example you have a very short page, like the home page of this website, and your other pages are longer, you might have noticed that your website is moved to the left to live the space when a scroll bar is needed. In fact it is the center of the page that change because the sroll bar is not included in the width of the viewport. So if you use the trick margin:auto + fixed width, your navigator move the website to keep it centered as requested by your css.
Of course that will depend of the resolution of your client screen and your navigator but in most case that is what you get. Fortunatly the solution is really simple.
Bullet points and numbers are displayed by default in the same font style as the text inside. Now if you want special style for those elements you will need to tweak them a little bit. The solution shown below use an extra <p> tag in your <li> to override the list style on the text. Let’s have a look at the example:
Here is a quick step by step about how to do this so trendy reflection effect. From my point of view, even if I really like this effect I think designers overuse it. All “web 2.0″ website have reflection effect everywhere and it tend to be a bit to much. Don’t use it just to use it but because you need it!
Now we have a good idea of what we want, let’s get started. I have done the work in photoshop so I will give explanation for this software. I let you make the translation for your favourite image editor.
My next few post will take you trough the designing process of a rss icon for your blog or website feed. Why a rss icon? Because rss feeds are used everywhere now and because I like creating my own icons.
For the first step you will need a paper and a pencil… Wanted to go straight into photoshop? you geek! Always start by a drawing, it will serve you to see exactly what you want and, if your design is very complicated, allows you to scan it and draw on it from your favorite image editor.
Here is mine, thick curve and reflexion effect.
