Chrome dev tools dark theme</h1> <article> <h1>Chrome dev tools dark theme</h1> <p>Tue, 02 Sep 2014 12:34:25 +0000</p> <p>After seeing Iris Classon post about how to <a href="http://irisclasson.com/2014/09/01/styling-chrome-dev-tools/" target="_blank">style Chrome Dev Tools</a>, I knew I needed to give it a try.</p> <p>I love Visual Studio dark theme, and having the same in Chrome is a joy for my eyes. So I’ve done it, and I’m happy.</p> <p></p> <p><strong>Install:</strong></p> <ul> <li>Add the extension <a href="https://chrome.google.com/webstore/detail/devtools-theme-zero-dark/bomhdjeadceaggdgfoefmpeafkjhegbo" target="_blank">Zero Dark Matrix</a> from Chrome Web store</li> <li>Enable the Developer experiments (chrome://flags > Enable Developer Tools experiments) and click “Relaunch Now” at the bottom</li> <li>Go to developer tools settings > Experiments > and tick Allow custom UI themes.</li> </ul> <p>Thanks <a href="http://irisclasson.com/">Iris</a> for the tip.</p> </article> <article> <h1>Add Validation rules with FluentValidation</h1> <p>Sun, 31 Aug 2014 00:19:19 +0000</p> <p>One scenario we have in almost all applications where requires user inputs, are validation rules. We have lot of different ways to implement validation (both server and client sides), and one of these ways is using a library called <a href="https://fluentvalidation.codeplex.com" target="_blank">FluentValidation</a>, where it uses lambda expressions to build all validation rules.</p> <p>To integrate it, we can get the package from Nuget and add it to our project:</p> <p></p> <p>This will add FluentValidation references.</p> <p>For this example, we’ll use a simple model such as:</p> <pre class="brush: csharp; title: ; notranslate" title="">public class Person { public int Id { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string Address { get; set; } public int Age { get; set; } } </pre> <p>Now, to create our validator, we need to have a class who inherits from AbstractValidator<T>, where T in this case will the Person.</T></p> <pre class="brush: csharp; title: ; notranslate" title="">using FluentValidation; using FluentValidationExample.Models; namespace FluentValidationExample.Validators { public class PersonValidator : AbstractValidator<Person> { } } </pre> <p>Having our class created, we can now define the rules to validate a Person entity in the validator class constructor. For this example, I’ll add two rules, one to validate if the first name is not empty and other to make sure we have a age greater than 18.</p> <pre class="brush: csharp; title: ; notranslate" title="">public PersonValidator() { RuleFor(d => d.FirstName) .NotEmpty() .WithMessage("First name cannot be empty"); RuleFor(d => d.Age) .Must(AgeMustBeGreaterThan18) .WithMessage("Age must be greater than 18"); } private bool AgeMustBeGreaterThan18(int age) { return age > 18; } </pre> <p>FluentValidation already includes some built-in validations, so for our first validation we can use the NotEmpty() method. For the second validation, we’ve created a new method who verifies the Age property value and makes sure is greater than 18. If not, it will throw an error.</p> <p>In this case, the validator will go through all rules and will send the result back with any errors, but we can decide to stop on the first failure.</p> <pre class="brush: csharp; title: ; notranslate" title="">public PersonValidator() { RuleFor(d => d.FirstName) .Cascade(CascadeMode.StopOnFirstFailure) .NotEmpty() .WithMessage("First name cannot be empty"); RuleFor(d => d.Age) .Must(AgeMustBeGreaterThan18) .WithMessage("Age must be greater than 18"); } private bool AgeMustBeGreaterThan18(int age) { return age > 18; } </pre> <p>Having the validator created, we now need to call it when we want to validate all rules for the Person model, check if there are any errors, and display (and log) those to the user.</p> <pre class="brush: csharp; title: ; notranslate" title="">static void Main(string[] args) { var person = new Person { FirstName = "", LastName = "Salgado", Age = 17, // I wish Address = "London, UK" }; var validator = new PersonValidator(); var validationResult = validator.Validate(person); if (!validationResult.IsValid) { validationResult.Errors.ToList().ForEach(p => Console.WriteLine(p.ErrorMessage)); } Console.Read(); } </pre> <p>I’m not defining the FirstName and i’ve set the age as 17 to force both rules to fail, so the output will be both error messages:</p> <p></p> <p>This is just a example of how we can add FluentValidation to a project, but much more advanced validations can be done, so I recommend you to read the <a href="https://fluentvalidation.codeplex.com/documentation" target="_blank">documentation </a>and follow the examples available in the project page.</p> </article> <article> <h1>Using Visual Studio 2013 with TFS and Git repositories on same project</h1> <p>Tue, 12 Aug 2014 15:17:31 +0000</p> <p>With Visual Studio 2013 is a nightmare to keep a git repository but having TFS as a source control plugin activated when we load the solution. Every time we open the solution, by default Visual Studio will select the Git provider and ignore completely TFS (oh, irony…)</p> <p>To solve that, I had to move out the .git folder to an external folder and point the git dir to the actual source code folder.</p> <p>So an example is:</p> <pre class="brush: plain; gutter: false; title: ; notranslate" title="">C:\Git\ (where I have my different .git repositories per project stored) -- C:\Git\ProjectOne\.git -- C:\Git\ProjectTwo\.git </pre> <pre class="brush: plain; gutter: false; title: ; notranslate" title="">C:\Code (where I have all projects source code) -- C:\Code\ProjectOne\.git (this is a file, not a folder anymore) -- C:\Code\ProjectTwo\.git (this is a file, not a folder anymore) </pre> <p>So, this .git file has to be generated as:</p> <pre class="brush: bash; title: ; notranslate" title="">$ echo "gitdir: /git/ProjectOne/.git" > .git </pre> <p>After doing this, you can open Visual Studio and TFS will be selected by default. You still be able to run a “git status” or any git command as you always did before.</p> </article> <article> <h1>dotnetConf – 25th and 26th of June 2014</h1> <p>Sat, 21 Jun 2014 01:54:16 +0000</p> <p><a href="http://channel9.msdn.com">Channel9</a> is hosting on the 25th and 26th of June the <a href="http://www.dotnetconf.net">dotnetConf</a>.</p> <blockquote> <p><a href="http://www.dotnetconf.net">dotnetConf</a> is a free, online conference for helping developers create desktop, mobile, web, and cloud-based applications using the .NET Framework.</p> </blockquote> <p>There are great sessions planned so is totally worth it to watch. Go to <a href="http://www.dotnetconf.net">dotnetConf</a> and register, it takes just a few seconds.</p> </article> <article> <h1>Alert users when they have lost internet connectivity with Offline.js</h1> <p>Fri, 01 Nov 2013 18:00:31 +0000</p> <p>To alert users when they’ve lost internet connectivity, we can use a really tiny library (only 3kb) called <a href="http://github.hubspot.com/offline/" target="_blank">Offline.js</a>.</p> <p>So, what is Offline.js?</p> <blockquote> <p>Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.</p> </blockquote> <blockquote> <p>It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.</p> </blockquote> <p>It is really straightforward to add implement this on our web applications.</p> <ol> <li> <p>Download <a href="https://raw.github.com/HubSpot/offline/master/js/offline.js" target="_blank">Offline.js</a></p> </li> <li> <p>Download a theme. For that, choose yours <a href="http://github.hubspot.com/offline/docs/welcome/" target="_blank">here</a>.</p> </li> <li> <p>Add the JS and CSS files to your pages.</p> </li> <li> <p>Add a div to be used to display the notification (see full code for an example)</p> </li> </ol> <h2 id="live-demo"><a href="http://jsfiddle.net/TiagoSalgado/qYsAj/embedded/result/" target="_blank">Live Demo</a></h2> <p>Ahh, and if you want to allow users to play Snake while they don’t have connection, just change the option “game” to true 🙂</p> <p>Full code: <script src="https://gist.github.com/tiagosalgado/7266986.js"> </script></p> </article> <article> <h1>Navigate between modules on DotNetNuke</h1> <p>Thu, 17 Oct 2013 12:21:32 +0000</p> <p>On DotNetNuke, each folder inside DesktopModules are considered Modules (and they can’t communicate directly between each others).</p> <p>Imagine you have:</p> <p><strong>Module1</strong></p> <ul> <li>View.ascx</li> <li>Stuff.ascx (this is a module definition only accessible by ControlKey)</li> </ul> <p>If you need to open Stuff.ascx from View.ascx, you can achieve this easily using Globals.Navigate() and specifying the ControlKey, because you have the TabID and ModuleID of the current Module.</p> <p>But, when we want to do the same but in different Modules (folders) is more complicate.</p> <p>So if you have something like:</p> <p><strong>Module1</strong></p> <ul> <li>View.ascx (assume this has a aspx page associated)</li> <li>Stuff.ascx (this is a module definition only accessible by ControlKey)</li> </ul> <p><strong>Module2</strong></p> <ul> <li>OtherStuff.ascx (assume this has a aspx page associated)</li> <li>MoreStuff.ascx (this is a module definition only accessible by ControlKey)</li> </ul> <p>And you want on View.ascx or Stuff.ascx (Module1) to go to MoreStuff.ascx (Module2), we need to get the TabID, ModuleID (of Module2), and the controlKey.</p> <p>We have the ControlKey, because we can specify that in DNN (Extensions Manager or DNN manifest file for compiled modules), but the TabID and ModuleID are dynamic, so is different per DNN website.</p> <p>So, to be able to navigate across different modules, we need to find the TabID and ModuleID related to the module we want to access.</p> <p>This code would help to do that: <script src="https://gist.github.com/tiagosalgado/d643c31ccb3d3de3347671fc87eb2b95.js"> </script></p> </article> <article> <h1>ASP.NET and Web Tools for Visual Studio 2013 Release Notes</h1> <p>Thu, 17 Oct 2013 12:11:26 +0000</p> <p>Microsoft ASP.NET Team has made available the release notes of ASP.NET and Web Tools for Visual Studio 2013.</p> <p><strong>Contents</strong></p> <ul> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC1" target="_blank">Installation Notes</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC2" target="_blank">Documentation</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC4" target="_blank">Software Requirements</a></li> </ul> <p><strong>New Features in ASP.NET and Web Tools for Visual Studio 2013</strong></p> <ul> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC6" target="_blank">One ASP.NET</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#newproj" target="_blank">New Web Project Experience</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#scaffold" target="_blank">ASP.NET Scaffolding</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#browser-link" target="_blank">Browser Link</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#web-editor" target="_blank">Visual Studio Web Editor Enhancements</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#waws" target="_blank">Windows Azure Web Sites Support in Visual Studio</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#publish" target="_blank">Web Publish Enhancements</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#nuget" target="_blank">NuGet 2.7</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC9" target="_blank">ASP.NET Web Forms</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC10" target="_blank">ASP.NET MVC 5</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC11" target="_blank">ASP.NET Web API 2</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC13" target="_blank">ASP.NET SignalR</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC8" target="_blank">ASP.NET Identity</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#TOC7" target="_blank">Microsoft OWIN Components</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#ef6" target="_blank">Entity Framework 6</a></li> <li><a href="http://www.asp.net/visual-studio/overview/2013/release-notes#knownissues" target="_blank">Known Issues and Breaking Changes</a></li> </ul> <p>You can click in each link or check the full page <a href="http://www.asp.net/visual-studio/overview/2013/release-notes">here</a>.</p> </article> <article> <h1>Developing ASP.NET MVC 4 Web Applications Jump Start</h1> <p>Tue, 01 Oct 2013 21:16:03 +0000</p> <p>For those who wish to review the sessions or couldn’t attend to the “Developing ASP.NET MVC Web Applications Jump Start”, provided by Jon Galloway (<a href="http://twitter.com/jongalloway" target="_blank">@jongalloway</a>) and Christopher Harrison (<a href="http://twitter.com/geektrainer" target="_blank">@geektrainer</a>) the video recordings are now available on <a href="http://www.microsoftvirtualacademy.com/" target="_blank">MVA</a>.</p> <p>You can find it the whole course here: <a href="http://www.microsoftvirtualacademy.com/training-courses/developing-asp-net-mvc-4-web-applications-jump-start">http://www.microsoftvirtualacademy.com/training-courses/developing-asp-net-mvc-4-web-applications-jump-start</a></p> <p>Videos available on Channel9 (<a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps">http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps</a>)</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/01">Developing ASP.NET MVC 4 Web Applications: (01) Introduction to MVC 4</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/02">Developing ASP.NET MVC 4 Web Applications: (02) Developing ASP.NET MVC 4 Models</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/03">Developing ASP.NET MVC 4 Web Applications: (03) Developing MVC 4 Controllers</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/04">Developing ASP.NET MVC 4 Web Applications: (04) Developing ASP.NET MVC 4 Views</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/05">Developing ASP.NET MVC 4 Web Applications: (05) Integrating JavaScript and MVC 4</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/06">Developing ASP.NET MVC 4 Web Applications: (06) Implementing Web APIs</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/07">Developing ASP.NET MVC 4 Web Applications: (07) Deploying to Windows Azure</a>{.title}</p> <p><a href="http://channel9.msdn.com/Series/Dev-ASP-MVC4-WebApps/08">Developing ASP.NET MVC 4 Web Applications: (08) Visual Studio 2013/MVC 5 Sneak Peek</a>{.title}</p> </article> <article> <h1>Error on GetSkin() loading a DotNetNuke website</h1> <p>Fri, 02 Aug 2013 23:36:56 +0000</p> <p>Trying to load a DotNetNuke website, I was getting an error on Default.aspx page in this specific line:</p> <blockquote> <p><strong>Server Error in ‘/’ Application.</strong></p> </blockquote> <blockquote> <p><strong>Object reference not set to an instance of an object</strong></p> </blockquote> <blockquote> <p><strong>Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.</strong></p> </blockquote> <blockquote> <p><strong><span>Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.</span></strong></p> </blockquote> <pre class="brush: csharp; title: ; notranslate" title="">ctlSkin = IsPopUp ? UI.Skins.Skin.GetPopUpSkin(this) : UI.Skins.Skin.GetSkin(this); </pre> <p>(Line 666, coincidence? Eheh)</p> <p>The error was related to DNNMenu web user control, saying that couldn’t found the .ascx file.</p> <p>After struggling a bit, I’ve found my DesktopModules folder was being considered as a Virtual Directory on IIS and pointing to a wrong path. So after fixing, pointing out to the right path, everything was working again 🙂</p> </article> <article> <h1>Build 2013 – Sessions available</h1> <p>Mon, 01 Jul 2013 08:36:44 +0000</p> <p>Build 2013 is over, and now is time to see some sessions we couldn’t watch live.</p> <p>All sessions are now available on Channel9 to download and watch when you want.</p> <p><a href="http://channel9.msdn.com/Events/Build/2013?direction=asc#tab_sortBy_day" target="_blank">Channel9 – Build 2013 Sessions List</a></p> </article> </main></body></html>