We’ve been working on an mobile version of a SharePoint 2010 implementation for a customer recently, specifically generating an iPad version of elements of their intranet. It’s been very interesting getting used to developing for the various touch events and also coding to cope with the way the iPad copes with scrollable divs. As part of the process, we needed to make the rest of the intranet work with standard single finger scrolling with the ribbon in place, which SharePoint 2010 doesn’t do out of the box. Here’s how to fix it; Continue reading
SharePoint 2010 on the iPad, fixing one finger scrolling
SharePoint 2010 branding and development tips and tricks
We have been doing a lot of SharePoint 2010 branding and custom development over the last 6 months or so which has kept us both busy, which is good, and away from the blog, which is not ideal. So, we thought the best thing we could do to keep generating something useful for people to read and also help ourselves keep track of all the nuances of SharePoint 2010 development, we’d make a list of as many as possible of the little tips, tricks and hints we have been learning along the way. A sort of cheat sheet. Continue reading
Using the ECMAscript/JavaScript Client Object Model to read lists in SharePoint 2010
The new Client Object Model in SharePoint 2010 is awesome. Well, awesome for front end developers like us, who do mostly branding and some C# based web parts for our customers. On intranet projects it enables us to use our JavaScript skills to rapidly develop custom web parts for our clients with little or no need for compiled code, and brings that AJAX-like, web 2.0 feel that is very popular in web based applications these days. Continue reading
Masking Internet Explorers aliasing on fade problems
One of the problems we came across recently while building the front end for Content and Code’s new web site, specifically the home page news slider, was the way text aliasing is lost when fading things in and out in Internet Explorer. As the text begins to fade the aliasing appears to get turned off, and the text goes all jagged. Continue reading
Fixed width layouts, the scrollbar and the ribbon in SharePoint 2010. A better way?
The ribbon is a massive deal in SharePoint 2010. It is a big deal in all of the Microsoft Office suite, but especially so in SharePoint Server 2010. And it is a fundamental change to the user experience for everyone. As designers we have to start to tailor our site styles to accomodate its inclusion, and as developers we need to learn how to work with it, rather than against it in order to make for a useful user experience. This is especially true in intranet deployments, where we do a lot of our work, as the ribbon will almost certainly be there all the time.
Sharepoint 2010 – No right click, open in new tab in IE
Over the past year we’ve been busy doing sharepoint design and customisation for Content and Code, the UK’s leading sharepoint solutions company, and Microsoft Worldwide Partner of the Year, getting involved in master pages, themes and designs for some of their clients, and the company itself. If you need this kind of work, contact us.
CakePHP: Archive list for your blog
The site we have recently completed for a new client was built using the rapid development framework CakePHP. While there is an initial learning curve with the naming conventions and methods, once you get them right it makes quickly developing editable web sites a much more pleasant experience. We recommend checking it out. And if you need systems built using this kind of framework, contact us.
Magento: Add grouped products price table to category view
Here’s a useful tip we learnt recently on a project for a client. How to add the component parts of a grouped product to a catalog list page and make them purchasable right from there. This is confirmed working in Magento 1.4. The important thing about this solution is is does not require any core code to be over-ridden, we can do it right from the template, so no worries about core code updates over-riding our stuff. But, for the sake of saying it, don’t do ANYTHING without ensuring you have a working backup and are not overwriting core files first. Enter at your own risk and all that.
about this site
Progressive enhancement has become a buzzword of late in front end web development, and is about taking a set of web pages, and first making them work for everybody, right down to web crawlers, then adding pieces on top using css and javascript to enhance the user experience.