Archive for Design

Download: Twitter Bootstrap in Domino Blog

2012-November-15 at 11:20 am · Filed under Applications, CSS, Design ·Tagged , ,

Have you sometimes the feeling that in case you know too much it may be used against you?

Recently I posted how to include Twitter Bootstrap in the IBM Domino Blog template.  Some time ago I blogged frequently about administrating that same Blog application.

From my Twitter Bootstrap post I received some questions from people for help so the easiest way to assist would be to make an example application available for downloading. The NSF contains all the documents that are needed to utilize (or get started with) Twitter Bootstrap within a Domino blog.

I also added some sample blog posts and link documents that refer to websites for education and resources (themes).

Download

Here you can download the example:  link.

Instructions

  • Extract the file.
  • Sign the application with proper ID.
  • Apply proper ACL settings.
  • Open the Configuration document and apply correct settings.
  • Launch the application in browser.
    • In case the HTML layout is rendered properly I suggest to save ALL documents under HTML Templates section.

Good luck!

Screenshots

Homepage

Document

A document list (~ Notes view)

Mobile display

Comments (1)

No more a Domino developer -> XPage designer =)

2011-September-29 at 10:22 pm · Filed under Design, development ·Tagged ,

I was reading an article on Smashing Magazine and noticed somewhere a link to CV Parade. I was a bit shocked about the state of my own CV (still in a deadly boring Word document) so I decided to polish it up.

Below is the result:

 

Here is link for download as PDF: 20111003 – Curriculum vitae Petrus Kwinten

Leave a Comment

Application connections

2011-June-21 at 9:28 am · Filed under Applications, Design ·Tagged

Yesterday I broadcasted a presentation I wrote that describe all the Notes applications we have that guide developers in their development projects. Think about applications in the following categories:

  • Standards / Guidelines
  • Templates
  • Components
  • Resources
  • Tools
  • Knowledge
  • IBM resources
  • Project
  • Registries
I was pointed by a colleague of the existence of an application that was not listed.
The database contain documents that describe the relationship from 1 design element in an application with another design element in another Notes application. At the moment the registration is a manual process so we had a discussion how much business value it would have to have all connections for all applications in our domain registered?
Another question that rose:
How to get those connections? A connection can be in @Formula, LotusScript, JavaScript, Java, Text (as in HTML) etcetera. Would there be scripts available (free, commercial) who can do this job? Are there products/services who deliver the same information?
Is there a common desire in your organisation for these kind of information and how did you solve it?

Comments (3)

The Woork Handbook

2009-February-8 at 1:00 pm · Filed under Design, development, Lotus Domino, UI

One of the Blogs I like to follow is Woork by Antonio Lupetti. Antonio writes about web design and web development. His articles contain appealing tutorials and great, practical example code.

A must read for Domino developers.

Last month he has bundled his articles bout CSS, HTML, Ajax, web programming, JavaScript frameworks and other topics about web design in The Woork Handbook, which you can download for free:

 

The Woork Handbook

The Woork Handbook

Can we see this as a trend ‘bundled blog-articles’?

Leave a Comment

Great UI examples for LN applications (recap)

2008-September-7 at 11:45 am · Filed under Applications, Design, Lotus Notes, UI

Some time ago I was asking for some examples of great UI’s for Lotus Notes applications. All this promote the upcoming roll-out of the Notes 8 client in our organization.

Too bad I did not receive so many examples but the ones I received were very helpful and food for thought.

Criteria I would like to set for a great UI is that it should look:

  • similar in both Notes 8 standard (Java) and basic configuration
  • familiar to the PIM applications
  • like a Notes 8 application

One great help was the document ‘User experience guidelines for IBM® Lotus® rich client applications and plug-ins‘ written by Mary Beth Raven. On Inside Lotus you can also download a example discussion template so you can see yourself how the new templates will look like (in your Notes 7 client).

Also Martin Vereecken wrote a usefull tip about mimicing the action buttons from Java views.

Well here is my so far so good result:

UI example
UI example

Nothing ‘spectaculair’ but going to the guidelines document and applying the rules in an application brings a lot of ‘logic’ and consistence among other applicatons to the end-user.

One guideline had my special attention:
Put actions in the Actions menu and action bar. Do not put actions in the outline unless the action is directly related to one of the views or folders.
Normally I use an outline for actions that are so general that I want to have it everywhere available (like opening a configuration profile). Therefor I added a header with tabs. One is called ‘Menu options’ where I provide a dialogs with actions that are related to certain userroles (admin, editor, reader).
I also added a ‘Using’ and ‘About’ tab in the header to push our developers to provide instructions and general information about the application. Something that is often lacking.
For the ‘menu’ or ‘outline’ I would like to use collapsible tables like in the OpenTV project on OpenNTF but that is still bugging me. 
Your contribution is still welcome =)

Comments (10)

Follow

Get every new post delivered to your Inbox.

Join 140 other followers