Design
Tip of the day: Typography
by Rizo on apr.17, 2009, under Design
Sweet site that lets you search for fonts that fits your likeness. Could be a color or shape. Check it out
IE7 CSS Background not showing
by Rizo on apr.15, 2009, under Design
Sometimes backgrounds will be visible using firefox but not IE7 which makes you wonder…. why?
The reason is pretty simple. CSS needs to be perfect for IE to understand them.
A perfect example would be.
[sourcecode lang=’css’]
body{
background:#fff url(picture.jpg)no-repeat;
}
[/sourcecode]
That piece of CSS will work on Firefox but not on IE7 (funny thing is that it MIGHT work on IE7 but it wont most of the time)
[sourcecode lang=’css’]
body{
Background-image:url(’image.jpg’);
Background-repeat:no-repeat;
Background-color:#fff;
}
[/sourcecode]
This will on the other hand work. As you can see, they have the same content, just a different layout.
You can of course put it in one row but make sure to have the right format, otherwise you’ll still have the same problem.
[sourcecode lang=’css’]
body{
background:#fff url(picture.jpg) no-repeat;
}
[/sourcecode]
As you can see, the only difference is the space between ”.jpg)” and ”no-repeat”
Try this page with both Firefox and IE7 and you’ll see that IE7 won’t show the background, but Firefox will.
Tip of the day: Styling input fields
by Rizo on feb.12, 2009, under Design
I’m fiddling around with input styling and runned across this really nice article regarding styling input styles. Gives you a few nice tips and tricks to make your otherwise ugly input fields to nicelooking (and still userfriendly) input fields. Take a look at it
Tip of the day:More about User-friendly and good looking menus
by Rizo on feb.10, 2009, under Design, Developing
I’ve recently posted about goodlooking menus, but now I’ve found this great article that contains as much as 50 example on good looking and user-friendly menus. Totally worth a look!
Tip of the day: Five Popular CSS Frameworks and Tools to get started
by Rizo on feb.03, 2009, under Design
Here’s a nice list of five popular CSS frameworks and also what you need to get started using them. A Quote from the article:
Main features of good CSS Framework is to 1) rapidly speed up our development time, 2) should have a very small size, 3) have good documentation and tutorials and 4) have clean grid structure. You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved.
404 page not found.
by Rizo on jan.30, 2009, under Design
Deadlinks is a common problem for many pages. Not only that, people try to sneak into some pages where they aren’t supposed to be and so on. The 404 page is viewed more often than not and why not make it look nice? Smashing Magazine has gathered 40 nice looking 404 pages that makes your wrong step worth the while. Thanx to IDG for spotting this article, it sure is nice to check them out 🙂
Might aswell add Dramatens 404 page cause it’s not in the article and it sure is worth a look 🙂
ps. I made dramaten.se during my time @ creuna. And the person behind the 404 page is Fredric Marcus.
Tip of the day: Clean up your CSS
by Rizo on jan.27, 2009, under Design, Developing
Keeping your CSS clean and tidy will save you and other people time whenever there is need to make changes. It doesn’t take too much time to keep it clean and once you start doing it it will be easier to keep doing it. Here’s 21 ways to streamline your CSS. Its worth the read and some of the stuff might stick and help you out.
Tip of the day: Creating great looking menus
by Rizo on jan.26, 2009, under Design, Developing
Apperance is everything. That’s pretty much what goes around. Great SEO, cache and performance does often fall in the shadow of apperance, but that doens’t need to mean that pages that have great SEO, cache and performance have to look ugly. One trick to make a website look nice and trendy is to put your time on making a nice menu, but make sure to have a good fallback because apperance alone wont take you far.
Anyways, over at devsnippets, you can find ten great technices on how to make your multi-level menus look great using jquery, mootools and some other goodies.