Archive for the ‘Design’ Category

Formatting code or commands on your blog with CSS

I have spent quite a bit of time figuring out how to make this blog easier to read visually. One thing I came up with is CSS to make the commands or code that I describe easier to pick out and easier to see due to formatting.

Here’s the CSS I used for the

 tag.  This will allow nicely formatted pre sections with your code or commands.  I opted to wrap the words for really long lines instead of using the horiztonal scroller.

I’ve tested this on Mac OS X with Opera, Safari, Chrome, and Firefox and it works great.

I like the added effect of the background and rounded corners as well.

pre {
color: white;
overflow-Y: hidden;
overflow: auto;
font-family: “Consolas”,monospace;
font-size: 9pt;
text-align:left;
background-color: black;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* 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+ */
_white-space: pre; /* IE only hack to re-specify in addition to word-wrap */
margin: 0px 0px 0px 0px;
padding:6px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Two brilliant color scheme oriented websites

If you are doing any development work at all, the theming and UI process is extraordinarily important.

I’ve found two websites, which I’ve been using for various projects.

The first, and probably widely known is kuler.adobe.com. This has color combination schemes, many of which are contributed by the community (your fellow designers/developers).

The second, is called http://www.perbang.dk/color+scheme/ and it allows you to submit an individual color, and it will show you color matches and complimentary colors. It has extensive options and tools for the discerning designer.

Notes and Domino EntwicklerCamp design is very nice.

I saw the banner ad for Notes and Domino EntwicklerCamp on Notes.net today and it really caught my eye.

The banner is very well designed.

The website is here: http://www.entwicklercamp.de

This is a great logo and I’d love to see more like this in the Notes/Domino industry.

Consulting

I'm currently available
for Lotus Notes / Domino consulting engagements.

LinkedIn

Connect with me:

LinkedIn

Advertisement
Advertisement
Categories