Category Archives: design

Make “Pre” Text Wrap

Make “Pre” Text Wrap, css-tricks Text in pre tags doesn’t wrap by default. pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } This is an issue I’ve had with code [...]

Also posted in link | Tagged | Comments closed

The Introduction of an Alpha Channel

Mavenous studios code lab: HSL and HSLA are absolutely amazing. HSL (Hue Saturation Lightness) is a much more intuitive method for defining colors, in my opinion. Rather than defining your gradient from one colour stop to another. You can transparency with a simple gradient overlay on the colour of your choice. This makes it much [...]

Also posted in link | Tagged , | Comments closed

CSS Creating Triangles

Jon Rohan writes how to create a triangle using CSS: Few people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. If I wanted to create a down arrow I can use the following /* : top right bottom left */ border-color: slategray transparent transparent transparent; [...]

Also posted in link, web development | Tagged | Comments closed

Patterns are awesome!

I’m busy in my spare time making an interval app on the iPhone. This is purely because I want to write an app I want to use. I could download one of the existing solutions; but where’s the fun in that? The issue I have is trying to make my app’s look good without a [...]

Also posted in programming | Tagged | Comments closed

Don’t review your own work

Perhaps it’s a little bold of a statement to make but I’d like to stand by it. How often do you get caught out with the work you do? When designing flaws are hard to pick up because of the time and emotions invested in your work. I’m not saying that it’s not possible to [...]

Also posted in user experience | Tagged , | Comments closed

Is a mobile site version better?

I have a mobile phone, it has a browser. A good majority of the pages I visit will take me to their mobile version. What’s so good about a mobile version of a site? Intent. With the limited scope most mobile sites have the better they target why a user want to come and use [...]

Also posted in user experience, web development | Tagged , , , | Comments closed

Designing personality

Why do people like to talk to each other? Why are you friends with who you are? I’m sure there’s a lot of answers for those questions that may not match my idea’s. But then it wouldn’t be my post would it. It’s about engaging When you chat to your friend, you’re being engaged with [...]

Also posted in user experience | Tagged , | Comments closed

Page optimized by WP Minify WordPress Plugin