(Filtering posts by category: Front-End) - Remove filter
My preferred technique to (selectively) bundle and minify JS and CSS files using the ClientDependency library that comes with Umbraco along with the Group and Priority functionality it provides.
An internal - external - file link property, complete with alt/title and custom attributes, based exclusively on Nested Content, together with a simple API to use its values into your Razor templates.
Responsive background images are always an issue since they're only possible via CSS media queries. The very useful SRCSET attribute can't be used with background images. In this article, we attempt to create an automated way to handle such images in Umbraco in order to increase speed and preserve bandwidth in mobile viewports.
In this post you'll learn how to use Image Cropper together with the SRCSET HTML attribute in order to generate mobile-friendly, responsive images for your site. The SRCSET attribute defines a different image for each viewport size and delegates the decision on what image to load to the browser.
We are happy to announce our first version of a Starter Kit for Umbraco 7.4 and onwards, based on the Mazel HTML theme. It is actually the same kit we are using on our web site here. This starter kit features a lot of functionality both in the front-end and the back-end and is FREE to use for personal or commercial purposes.