Archive for category CSS3

Finally – One Place for all things Web Development?

Posted by RJ Ledger in Best Practice, CSS3, General, HTML5, Misc, Mobility, Technical on 10/14/2012

Sounds too good to be true, doesn’t it? Only time will tell.

On Monday, October 8, 2012 there was an announcement by W3C on the alpha release of Web Platform Docs.  The purpose of this is to establish a single point/place where we all can go for “All Things Web Development”.

Her’s a blog posting by Jean Paoli (President – Microsoft Open Technologies) on the announcement:

http://blogs.msdn.com/b/interoperability/archive/2012/10/08/w3c-s-web-platform-docs-your-go-to-for-all-things-web-development.aspx

 

Bear in mind this site is only a few days old but it has names like Adobe, Facebook, Google, HP, Microsoft, Mozilla, Nokia, Opera that are stewards of the project. If they pull this off it will save all of us TONS of time (translate $$$) in development/research as related to web efforts.

Let us wish them the best and contribute to the effort for the common good! So jump over and take a look NOW!

, , , , , , ,

Leave a comment

Customizing the New Sage SData HTML5 Web App

Posted by RJ Ledger in CSS3, HTML5, javascript, Technical on 06/30/2011

One of my previous posts (Mobility with (virtually) NO Pain!) talks about the New Sage SalesLogix SData based client application that lets you get to SalesLogix data in Real-Time on your favorite smartphone (iPhone/’droid/BB w/OS6), pad/tablet (iPad,’droid), and//or browser (FF/Chrome/IE9+).

Since the initial release the folks at Sage SalesLogix have come out with “mobile 1.1” in the Service Pack 4 release to SalesLogix vers 7.5. This release fixes a bunch of “nits” and adds some badly needed functionality – One being the Complete an Activity!

Using this release, we have been building adding some customization to further enhance its capabilities. One area that needed a bit of help was “Help”. The idea for doing this came from a friend of mine  – Alexander Pfingstl.  In this case, we needed to remind the user of some special search capabilities called “Hash tags”. These are used on the List View in the Search Toolbar. Basically, we added a “Help” button to the individual “List” views which pops up an alert dialog and shows the user what “short cut” Hash Tags are available for this entity. Here is an example of the code used to implement our custom help for a Lead List View:

        //extending the view class
        var leadHelpText = "Hash Tags Quick Search" + '\n'
                           + "#new -> Status = New" + '\n'
                           + "#qual -> Status = Qualified"
            ;
        //Override the list view row template in order to:
        Ext.override(Mobile.SalesLogix.Lead.List, {
            //Implement a minimal function for our custom action.
            showLeadHelp: function() {
                alert(leadHelpText);
            },
            //Add a custom toolbar button to the Account List view.
            init: function() {
                Mobile.SalesLogix.Lead.List.superclass.init.apply(this, arguments);
                this.tools.tbar.push({
                    id: 'customLeadHelpButton',
                    icon: 'content/images/icons/Help_24.png',
                    action: 'showLeadHelp'
                });
            }

1 Comment

More HTML5!

Posted by RJ Ledger in CSS3, HTML5, javascript, Technical on 05/15/2011

A while back I blogged on HTML5 why should you care. The more I dig into it (HTML5) the more I see the power and simplicity of it. THIS is the standard ALL web pages should conform to. It’s time to throw ALL that “junk” out and have pages that meet a OPEN standard.

The best way to to get your hands (and mindset) around this subject is to start searching the net using keywords like: “HTML5, javascript, canvas, samples/code/examples, etc…”.  Here are some of the sites/pages I found out there:

You cannot talk about HTML5 without discussing CSS3. CSS3 is where browsers are even further behind on standards. The site caniuse has some info that is very helpful. You will see that even though IE9 supports a lot of HTML5, it supports very little CSS3.

Just a short word on the “scripting” side of HTML5/CSS3 sites/pages – javascript is the current front leader in how these sites/pages are “programmed”.  I’ll be discussing this a bit more in a later blog along with some examples. For now, jump over to Wikipedia and take a look.

Leave a comment