332 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Jobs | Twitter | Bookmarks | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
Why The Silence? | Blog
Mon, Jun 17th 2013 190
Mapping Document Collections To Views | Blog
Thu, Apr 11th 2013 274
Making Google Apps For Business Behave Like a Mail Client | Blog
Wed, Apr 3rd 2013 246
Documenting Your LotusScript Classes | Blog
Wed, Mar 27th 2013 140
The Perfect Desk Quest - 2013 Update | Blog
Tue, Mar 26th 2013 125
Updating Glyphicons in Bootstrap | Blog
Thu, Mar 21st 2013 160
Easy Access to Sub-Collections of the DocumentWrapper Class | Blog
Wed, Mar 20th 2013 105
Top 10
The Hidden Cost of Holidays | Blog
Thu, Jun 14th 2012 365
How To Remove Voice Command From Galaxy S2 Without Rooting | Blog
Tue, Jul 10th 2012 346
Mapping Document Collections To Views | Blog
Thu, Apr 11th 2013 274
Making Google Apps For Business Behave Like a Mail Client | Blog
Wed, Apr 3rd 2013 246
Why The Silence? | Blog
Mon, Jun 17th 2013 190
Updating Glyphicons in Bootstrap | Blog
Thu, Mar 21st 2013 160
Extending The LotusScript Wrapper Classes | Blog
Fri, Mar 8th 2013 158
How to Do Infinite Scrolling in Domino | Blog
Wed, Mar 6th 2013 148
Documenting Your LotusScript Classes | Blog
Wed, Mar 27th 2013 140
Web Services: Using Complex Types | Blog
Mon, Apr 16th 2012 136


Adding Even More HTML5 Goodness to Codestore
   

I used to pride myself on keeping this site up there on the bleeding edge of best web design practice. That hasn't been the case as much lately though and this site's backend HTML has stagnated for years. It keeps up with things but generally lags behind.

In trying to catch up with the pace I posted on Friday about how I'd funked-up the search box. Not wanting to stop there I've now taken it a little further and converted as much of the site's markup to HTML5 as I dare.

The general structure of a page is now like this:

<!doctype html> <body> <div id="container"> <header> <nav> <ul></ul> </nav> </header> <section id="side"> </section> <section id="content"> <article></article> <article></article> <article></article> <article></article> </section> <footer> <nav> <ul></ul> </nav> </footer> </div>
</body>

If you're left wondering what all these new HTML elements are then worry not - they're simply new HTML5 elements. Most of them are simply used where you'd normally use a <div> but they give the markup more semantic meaning.

I now feel a bit better about the state of site.

Backwards Compatibility

Nothing's ever simple is it. To make sure these changes were backwards compatible I had to do two things.

First I had to add the HTML5Shiv trick, which uses conditional comments to load an extra JavaScript file for IE8 or less:

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Can't say I'm over the moon that my site now needs JavaScript to make the CSS work, and I've always liked that fact that one code-base rules all browsers, but I don't want to be held back by old browsers.

At some point in the future I'll remove the above Shim trick and remove "support" for <IE8.

The other thing I had to do was add the following CSS to make sure older browsers like Firefox 3.6 understood what these new elements were.

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

All done.

Click here to post a response



---------------------
http://www.codestore.net/store.nsf/unid/BLOG-20120123-0324
Jan 23, 2012
42 hits



Recent Blog Posts
190


Why The Silence? | Blog
Mon, Jun 17th 2013 8:00a   Jake Howlett
Wow. More than 2 months since I last blogged. Which is the longest period of silence this site has ever seen. What gives? Is codestore dead? Does anyone care? Well a couple of you do. Enough to email me and ask if I'm ok. One even to say it's like he's "missing a friend", which was nice. One asked if I was still alive and I had to resist temptation of replying in the guise of my widow. The simple reason is I'm just way too busy to find the time to write on here. I'm working weekends and s [read] Keywords: domino email microsoft sharepoint
274


Mapping Document Collections To Views | Blog
Thu, Apr 11th 2013 4:00a   Jake Howlett
It's now a couple of months since I wrote about a Super Useful Set of LotusScript Wrapper Classes, which I've written about on and off since February. Today I want to share a few more extensions I've made to them, which help massively when it comes to getting documents from views. Imagine the following use scenario: Dim factory As New CustomerFactory() Dim coll As CustomerCollection 'Let's get a collection from a view Set coll = factory.GetAll() 'Or you could to this Set coll = factory [read] Keywords: domino lotusscript notes database
246


Making Google Apps For Business Behave Like a Mail Client | Blog
Wed, Apr 3rd 2013 4:16a   Jake Howlett
So, I mentioned that I've moved to a new PC and, for the first time in years, I didn't install a dedicated Mail client/app. Instead I'm using direct web access to Google Apps For Business (posh name for paid-for Gmail). The one thing I never liked about using Email in a browser is that I constantly close and re-open the browser. Thus, in effect, closing my email client, which I then have to remember to re-open. Now though I've made it seem like a real app. You can do this using Chrome's "a [read] Keywords: application email google
140


Documenting Your LotusScript Classes | Blog
Wed, Mar 27th 2013 4:00a   Jake Howlett
Just a quick LotusScript tip: Hopefully you've been inspired by my recent adventures in creating custom LotusScript classes. If so, you'll have noticed that, when creating your own properties and methods in these classes that they get their own comments added in. For example, if you type "property get foo as string" and then press return, you'll see something like this:%REM Property Get Foo Description: Comments for Property Get %END REM Property Get Foo As String End Property Domino De [read] Keywords: domino lotusscript properties
125


The Perfect Desk Quest - 2013 Update | Blog
Tue, Mar 26th 2013 6:20a   Jake Howlett
It must be time for another update on how my desk is evolving towards the elusive "perfect desk". Previous updates here. Here's my desk now, following a recent overhaul: The two main differences from before: The Lenovo T400 laptop and its docking station have gone and the left-most monitor has moved positions to be on the right. My desk needs to not only keep up with the way I work, but also the changes of the times. I decided it was time I got "with the times" and "embrace the cloud" an [read] Keywords: domino lotus notes database development email laptop microsoft office outlook server vm
160


Updating Glyphicons in Bootstrap | Blog
Thu, Mar 21st 2013 4:00p   Jake Howlett
Using Bootstrap, whenever I want to an icon to an element, I simply write HTML like this: Add New And I get something like this: The choice of icons is documented here and the icons themselves are based on Glyphicons "halflings". All is good. However, recently I found myself wanting to use an icon to show that a document had some attachments. Naturally, I wanted a paperclip. Just like a magnifying glass denotes searching, a paperclip denotes a file attachment. Who knows why! To my sur [read] Keywords: css twitter




105


Easy Access to Sub-Collections of the DocumentWrapper Class | Blog
Wed, Mar 20th 2013 12:30p   Jake Howlett
My favourite feature of the Wrapper Classes I keep going on about is the ready access they can give to any given class's related sub-classes. For example, let's say you have an object based on the Customer class and you want to find all their Invoices. Wouldn't it be nice to write code like this in a WQO agent:Dim customer As Customer, invoice As Invoice Set customer = New Customer(web.document) If customer.Invoices.Count > 0 Then Set invoice = customer.Invoices.getFirst() While Not i [read] Keywords: agent properties
105


Easy Access to Sub-Collections of the DocumentWrapper Class | Blog
Wed, Mar 13th 2013 4:20a   Jake Howlett
My favourite feature of the Wrapper Classes I keep going on about is the ready access they can give to any given class's related sub-classes. For example, let's say you have an object based on the Customer class and you want to find all their Invoices. Wouldn't it be nice to write code like this in a WQO agent: Dim customer As Customer, invoice As Invoice Set customer = New Customer(web.document) If customer.Invoices.Count > 0 Then Set invoice = customer.Invoices.getFirst() While Not [read] Keywords: agent properties
91


Creating New Documents Based on the DocumentWrapper Class | Blog
Mon, Mar 11th 2013 7:20a   Jake Howlett
So far, we've seen how to "wrap" an existing document inside a custom class, which is based on the DocumentWrapper subclass. But the document we wrap doesn't have to exist. We can use the DocumentWrapper classes to handle creation of new documents. Imagine that, anywhere in your LotusScript, you could write this: Set invoice = New Invoice(web.database.CreateDocument) invoice.Number = factory.GetNextInvoiceNumber() invoice.Value = 12345.98 invoice.Save() Wouldn't that be cool!? It's quite [read] Keywords: lotusscript database properties
158


Extending The LotusScript Wrapper Classes | Blog
Fri, Mar 8th 2013 3:03a   Jake Howlett
The wrapper classes I blogged about in February went down a lot better than I thought they might. So, taking it further. Let's extend the DocumentWrapper class some more. Since first writing about them  on here I've been busy using and extending them as I go. Here are a few examples of some of the properties I've added Simple Helper Properties Some very simple properties: WebLink, UNID and IsNew. Property Get WebLink As String WebLink = "/" + Replace(web.database.Filepath, "", "/" [read] Keywords: domino lotusscript database properties




Created and Maintained by Yancy Lent - About - Blog Submission - Suggestions - Change Log - Blog Widget - Advertising - Mobile Edition