06 August 2015

Nice jQuery plugin for "Read more" text truncating

Spent some time researching options to do "Read more" functionality for text on a web page. Many were based on a preset height in pixel, which cut the text in mid-sentence, without adding any ellipsis. In addition, those which did truncate with ellipsis lacked a flexible animation. Then I found jTruncate from jMar's blog. It does the trick on any number of elements on the page via jQuery; it also includes options for animation and more/less link text.

29 July 2015

The type or namespace name 'XmlNodeReader' could not be found (are you missing a using directive or an assembly reference?)

I had to download a Visual Studio 2015 RC solution to a VM and rebuild it. However, in the process, build errors popped up. They were similar to this one:

The type or namespace name 'XmlNodeReader' could not be found (are you missing a using directive or an assembly reference?) myapp.DNX Core 5.0

Lots of research and trial-and-error finally revealed the answer: The myapp project (an ASP.NET MVC app) had references to two frameworks -- DNX 4.5.1 and DNX Core 5.0. These were listed in the project.json file:

"frameworks": {
    "dnx451": {
      "frameworkAssemblies": {
        "System.Web": "",
        "System.Xml": "",
        "System.Xml.Serialization": ""
    //"dnxcore50": { }

This article had the answer. I needed to comment out the dnxcore50 in project.json; once done, the app compiled and all was well with Visual Studio. 

20 July 2015

Creating a peeling sticker effect in Photoshop

Used this great tutorial today to create some peeling stickers for Facebook ads.

02 July 2015

Pass arbitrary parameter to partial view in ASP.NET MVC

I had a chunk of HTML that needed to repeat in a few places, so it made sense to throw it into a partial view. However, each chunk had to have a unique ID for a Bootstrap collapse component. So a parameter needed to be passed in. Some research revealed a rather simple, elegant way in this article. Just pass it as the partial view's model:

@Html.Partial("~/Views/Shared/_TestimonialSubmitPartial", "1")

Then, in the partial view, read it using @Model -- it's the only value passed in, so no dot notation is necessary. Each time I'm using the partial view, I change the value.

In the partial view, I set the data-target of the Bootstrap button to the concatenated ID and also set the collapse div to that same value:
<button class="btn btn-default" 
    data-toggle="collapse" type="button">
    Submit Testimonial
<div class="collapse" id="testimonial-submit-instructions-@Model">

23 June 2015

Use the RGB color profile in Photoshop

For a project, I needed to submit images to a publisher in RGB. Photoshop, at least the CS5 version, uses a strange, home-brewed color profile called sRGB. The conversion to the correct color profile is described in this informative article, but then, when saving for the web as JPEG, Photoshop wants to convert the colors back to sRGB in the save dialog box (File > Save for Web and Devices > Convert to sRGB). Ensure this checkbox is not marked when saving the file, or your efforts might be for naught. Also, it's a good idea to check the box for "Embed color profile" for JPG file format when saving publication-quality files.