Yesterday I received an email from Socialbiz UserGroup (I highly recommended to join this UG) with some updates regarding Bootstrap. Among one of the updates is the pre-announcement of Bootstrap 4. One of the main new features in BS4 turns out to be Cards.
Cards? What’s new about that? In my current development project I am using cards to display content in a container:
Components not Cards
And in a long ago blast (year 2002) we were already using cards:
Excuse me, by that time we called cards ‘components’. Heck we were even using Material Design principles with layered information:
If you want to take a look at web design early 2000’s or you want to get inspiration how to set up a guide for your application developers here is a link to a style guide.
Meanwhile I will be looking forward to the upcoming updates in Bootstrap 4. Nevertheless I welcome the ability to work with standardized definitions of cards =)
I decided to go for the Advanced Search control. In case I have missed a great project on OpenNTF that provides a good search please drop a line in the comments.
Step 2: Modification
The Advanced Search control did not use any fancy from the extension library. So instead of the viewPanel control I decided to use the dataView control, plus the tooltip control to reduce the initial amount of text on the screen. Then I added some pagers from the extension library control again and voila here is the result:
So my search is ready in a couple of hours. Who says XPages is not rapid application development?
A big thank you to all those who contributed their work to OpenNTF!
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).
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.
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
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:
Is there a common desire in your organisation for these kind of information and how did you solve it?
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.