Skip to main content

Posts

Showing posts from 2015

Sitefinity - Custom Image selector - Azure Player Dynamic Image selector.

Well, I am writing this post after a really long gap of time, I was away from my blog due to some personal reason and aggressive deadlines for my project, so today I thought of writing a blog about my experience with sitefinity, (http://www.sitefinity.com/) which is Content Management System aka CMS from a very famous IT firm Telerik. The CMS is purely on HTML and has its own pros and cons, it doesn't have any custom widgets available and you have to design most of them. So while developing my client website for it I found issues about the CMS shortcoming and lack of documentation, basically lack of documentation is the major problem with this CMS. So we had a requirement, we need to show the AES encrypted adaptive bit rate video to the user, we were using azure services for this, but the major requirement is that we were using a CMS and we need to make everything dynamic i.e. Business User editable and a drag and drop widget, which includes: Video URL. Video Title. Vid...

Run CSS specific to Internet Explorer - Browser Hack

Run CSS specific to Internet Explorer - Browser Hack Referencing to the following blog post, we are going to make CSS targeting exclusively to IE browser, to make it work first we should know what are media queries. A media query consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself. For Ex: < style > @media (max-width : 600px) { .facet_sidebar { display : none ; } } So below we will wrap the IE specific CSS rules in @media blocks and trick IE into rendering @media blocks that use media queries. Targeting only IE browsers Style rules defined in the following blocks will only be applied in IE, other browsers will ignore them. IE 6 and 7  @media screen\9 {     body { background: red; ...

Disconnected Architecture

Being a .Net Developer and using the open technologies, I have lots of options of taking the advantage of the framework but once you started growing in your career, more then What technology you use? the question become How the technology is used ? and that is Architecture. An architecture of a something you are implementing is very important once you start writing the code. If you are writing a mobile application that needs to be cross browser compatible and can work on on any mobile device, you need to follow the modern architecture that is getting common across all the application. The architecture should use SPA (Single Page Application) and REST api's and should be devoid of any stored proc to avoid complexity. Let's start with why to use SPA, A SPA is written in HTML5, JS, CSS3 and lots of other JS libraries. The other JS libraries has some basic needed libraries like .less or .sass for css maintenance, Require JS for correct Integration of code and ofcourse ...