UI

Working with Responsive Design Projects

refe collage Working as a software architect in projects where visual appearance, user interfaces and large scale of device support is as important as the right data and the functioning is very different than being just a back-end developer in a project where the UI just need to work with a couple of different …

read more

CSV Table Block Concept for Episerver

This is an option to avoid using tables in WYSIWYG HTML editor. Tables in any rich text editor have always been problematic for responsive design, but data often exists in table format (for example in Excel) so the usage of table tools is inevitable.

We are using CSV (comma separated values) as a…

read more

EPiServer Content Area Renderer With Row Support

EPiServer Display options is a really nice feature but it's lacking a row rendering option for Bootstrap Grid system.

content-area-with-rows-01

Without row-elements your grid will got broken quite easily and you need to create "dirty CSS hacks" to fix it.

content-area-with-rows-09

To create rich content with various types of b…

read more

ContentReferenceList property in EPiServer CMS 8.6.0

EPiServer just released a excellent new property type ContentReferenceList or in code it's written IList<ContentReference>. In Edit view ContentReferenceList property makes it easy to drag & drop content and it clearly says which content types are allowed. content-reference-list-v04 Selection view makes it…

read more

With adaptive images mobile users load only 14% of desktop data

With adaptive image we were able to decrease amount of transferred data to 14% from desktop view. So mobile browsers even with low speed are able to have good browsing experience. Size of all images without adaptivity in desktop view is 1,2MBytes. [caption id="attachment_1341" align="alignnone…

read more

Useful Bookmarklets

Google search from current site

javascript:var q=prompt(%22Hakusana: %22,%22%22);if(q) document.location=%22http://www.google.fi/search?sitesearch=%22+location.host+%22&q=%22+q;

Make page editable

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

read more