input::-ms-reveal {
    display: none;
}

input::-ms-reveal {
    color: white;
    background-color: red;
}

input::-ms-clear{
    display: none;
}

input::-ms-clear{
    background-color: red;
    color: white;
    border: 1px solid #808080;
}

.Net

• Mono in 2011
  Miguel de Icaza

Asp.net

• How to combine a Worker Role with a MVC4 Web Role into a single instance
  Liam Cavanagh
• ASP.NET MVC + Selenium + IISExpress
  Stephen Walther
• Model Binding with Dropdown List in ASP.NET 4.5
  Abhijit Jana
• Knockout 2.0.0 released
  Steve Sanderson
• Free eBook: OWASP Top 10 for .NET developers
  Troy Hunt
• Solving Duplicate Content with Distinct URLs Issue in ASP.NET MVC
  Imran Baloch's
• New Request validation features in ASP.Net 4.5
  K. G. Sreeju Nair
• Using CORS to access ASP.NET services across domains
  Dave Ward
• HttpRequestBase vs HttpRequest
  Eduard Tomás
• Debugging Application_Start and Module Initialization with IIS and Visual Studio
  Rick Strahl
• Rotate an ASP.NET Image Control using HTML 5 Canvas
  Suprotim Agarwal
• Retoques a MVC y Razor para proyectos grandes–Una recomendación
  Lucas Ontivero
• High-Performance ASP.NET Caching
  Peter Vogel
• Microsoft blogging platform gains 33% performance boost after adopting RequestReduce
  Matt Wrocks

Azure / Cloud

• Azure Monitor for Windows Phone 7 is out!
  Ibon Landa
• Libro gratuito sobre Windows Azure (Parte IV): Diseño y herramientas
  CampusMVP
• SQL Azure Q4 2011 Service Release
  Ibon Landa

Data access

• MongoDB Best Practices
  Inés Sombra
• Inserciones masivas en SQL Server CE vs SQL Server vs MongoDb (y II)
  Josué Yeray
• Raven DB VI, La hora de las consultas…
  Unai Zorrilla

Html/Css/Javascript

• JavaScript as a First Language
  John Resig
• The output element in HTML5
  Richard Clark
• Excssive, herramienta online para comprimir archivos CSS
  Zach Will (Vía desarrolloweb.com)
• Meet the CSS4 selectors
  Catalin Rosu
• JavaScript for C# developers: calling functions and the ‘this’ variable
  Julian M. Bucknall
• Top 10 “Must Follow” JavaScript Best Practices
  Salman Siddiqui
• Online Javascript Compression Tool
  BrightBit
• The rise and rise of JavaScript
  Dan North
• Using the JavaScript Prototype Property to Structure and Extend Code
  Dan Wahlin's
• Multiple Attribute Values
  Chris Coyier
• The Seven Deadly Sins Of JavaScript Implementation
  Christian Heilmann (vía @alegrebandolero)

Visual Studio/Complementos

• C# + ReSharper = Awesome: Tip #5 – Replace Constructor with Factory Method
  Alvin Ashcraft
• ReSharper 6.1, dotCover 1.2 and dotTrace 4.5.2 Performance Released
  Hadi Hariri
• C# + ReSharper = Awesome: Tip #4 – Convert Abstract Class to Interface
  Alvin Ashcraft
• C# + ReSharper = Awesome: Tip #3 – Convert Into LINQ Expression
  Alvin Ashcraft

.Net

• Formatting Enumeration Constants
  BlackWasp
• Install-Package Roslyn
  Kirill Osenkov
• Return Multiple Values from Methods with Tuples
  Peter Vogel
• C# Fundamentals: Returning Zero or One Item As IEnumerable<T>
  James Michael Hare
• .Net Reflector y ILSpy, ¿podrían inferir mejor el código a partir del IL?
  Lucas Ontivero

Asp.net

• [Video] ASP.NET vNext - Filtrado de datos - Value Provider Attributes
  Luis Ruiz
• How to use SignalR and Knockout in an ASP.NET MVC 3 web application to handle real-time UX updates
  Justin Schwartzenberger
• MVC and HTML5 Web Workers
  Dean hume
• Introducing SignalR.EventStream
  Ben Dornis
• Update jqGrid Html helper for ASP.NET MVC
  Robin van der Knaap
• Implement secure ASP.NET MVC applications
  Jovan Popovic
• Which is the Fastest Webserver? Apache, IIS, Nginx, LightHttpd or G-Wan?
  WebPerformance (vía @campusmvp)
• OWASP Top 10 for .NET developers part 10: Unvalidated Redirects and Forwards
  Troy Hunt
• Espresso Tip: IHttpHandler and IsReusable
  David Neal
• Introducción a less
  Sergio León
• Automatically trim html controls in a asp.net mvc project
  Richard Wilde
• On deploying ASP.NET MVC site as a desktop application
  Andrei Marukovich
• Todo sobre AutoEventWireUp en páginas ASP.NET Web Forms
  José Manuel Alarcón
• Using QUnit with Razor Layouts
  Phil Haack
• ASP.NET MVC ViewModel usage and pick your best pattern
  Kazi Manzur Rashid
• MVC Route/URL Generation Unit Tester
  Codeplex
• Easy URL rewriting in ASP.NET 4.0 web forms
  Jalpesh Vadgama
• Looking into Web performance in ASP.Net applications
  Nikolaos Kantzelis
• [Vídeo] ASP.NET vNext - Selección de datos (SelectMethod)
  Luis Ruiz
• Using SignalR to broadcast a slide deck
  Marteen Balliauw

Azure / Cloud

• Utilizar Windows Azure AppFabric Caching como session provider
  Gisela Torres
• VMware Cloud Foundry cloud platform now supports .Net
  Mary-Joe Foley
• Now Available: SQL Azure Q4 2011 Service Release
  Azure Team (vía @ibonilm)
• The SQL Azure Team Unveils a New Server Management UI
  Roger Jennings
• Differences Between the Storage Emulator and Windows Azure Storage Services
  MSDN

Conceptos

• Algorithms Course Materials
  Jeff Erickson
• Hash Functions
  Bret Mulvey

Data access

• RavenDB (IV) La identidad de los documentos
  Unai Zorrilla
• Data Access Performance Comparison in .NET
  Luis Rocha

Html/Css/Javascript

• 10 Best jQuery Form Plugins
  jQuery4u
• Your jQuery: Now With 67% Less Suck
  Scott Kosman
• JavaScript – Add Commas To Number
  Shai Raiten
• Frontend SPOF
  Steve Souders
• The 30 Most Effective jQuery Plugins
  Awcore
• Animations in HTML5
  Florian Rappl
• HTML 5 Input Types - How useful is this really going to be?
  Rick Strahl
• The CSS profilers are coming!
  Lennart Schoors
• A Key Code Checker for DOM Keyboard Events
  Rick Strahl

Visual Studio/Complementos

• [HowTo] Agregar Ficheros a un Proyecto Existente
  Javier Torrecilla
• C# + ReSharper = Awesome: Tip #2 – Create Field
  Alvin Ashcraft
• NuGet 1.6 Release Notes
  Nuget Team
• [How To] Agregar un elemento de menú a Visual Studio.
  Javier Torrecilla
• Go To Definition for JavaScript Functions in Visual Studio 2011
  Abhijit Jana
• Introducing CSSCop - FxCop for stylesheets
  Mads Kristensen

Otros

• La fruta más alta siempre sabe mejor
  José Manuel Alarcón

Seguro que más de una vez has sufrido de lo lindo al tocar un archivo de hoja de estilos. Suelen estar mal organizados, ser muy extensos, difíciles de mantener, hay declaraciones duplicadas por todas partes… Y seguro que siempre te has preguntado si hay otra forma menos complicada de conseguir lo mismo.

K. Scott Allen nos habla en su post Keeping CSS Files DRY de .Less (dot less), un interesante componente portado del mundo Ruby capaz de “compilar” hojas de estilo que utiliza una notación extendida y mucho más potente del estándar CSS, permitiendo las siguientes características:

• Uso de variables. Less permite declarar y utilizar variables para los valores que utilizaremos frecuentemente en nuestra hoja de estilos, así:
  
  

  @nice-blue: #5B83AD;

  #header { color: @light-blue; }

  #footer { color: @light-blue; }

  
  
• Operaciones. Podemos utilizar expresiones para obtener valores, por ejemplo:
  
  

  @base: 5%;

  @filler: @base * 2;

  @other: @base + @filler;

  color: #888 / 4;

  background-color: @base-color + #111;

  height: 100% / 2 + @filler;

  
  Fijaos en un detalle de lo más interesante: Less es capaz de distinguir cuándo está operando con colores y cuándo con unidades, ofreciendo el resultado correcto en cada caso.
  
  
• Mezclas (mixins), otra potente capacidad de Less que seguro que puede venirnos bastante bien, que consiste en incluir dentro de un conjunto de reglas dentro de otro, sólo haciendo referencia a su selector:
  
  

  .bordered {

    border-top: dotted 1px black;

    border-bottom: solid 2px black;

  }

  #menu a {

    color: #111;

    .bordered;

  }

  .post a {

    color: red;

    .bordered;

  }

  
  
• Reglas anidadas, que nos permiten definir reglas siguiendo una estructura más legible y fácilmente reconocible por su paralelismo con la estructura del documento:
  
  

  #header {

    color: black;

    .navigation {

      font-size: 12px;

    }

    .logo {

      width: 300px;

      :hover { text-decoration: none }

    }

  }

  
  
• Visibilidad de variables. Las variables pueden ser declaradas de forma global (como en el primer ejemplo) o asociadas a algún selector, lo que les aporta ámbito de visibilidad de forma muy similar a los lenguajes tradicionales:
  
  

  @var: red;

  #page {

    @var: white;

    #header {

      color: @var; // color será “white”

    }

  }

  
  
• Accesores. Less permite utilizar valores de propiedades y variables como contenido para otras propiedades de forma muy natural:
  
  

  #defaults {

    @width: 960px;

    @color: black;

  }

  .article { color: #294366; }

  .comment {

    width: #defaults[@width];

    color: .article['color']; 

  }

  
  Fijaos que el bloque #defaults no tiene por qué corresponder con un elemento del documento a formatear, se trata sólo de una forma de agrupar variables y reglas, consiguiendo un efecto empaquetador muy similar a los espacios de nombres.
  
  
• Comentarios en línea, al más puro estilo C++ ó C#:
  
  

  // Get in line!

  @var: white;

  
  
• Importación de archivos, permitiendo acceder a reglas y variables definidas en otros archivos:
  
  

  @import "library"; // Si la extensión es .less, se puede omitir

  @import "typo.css";

¿Y cómo funciona esto? Muy sencillo. En primer lugar, escribimos la hoja de estilos en un archivo .less, en el que podemos utilizar las características descritas anteriormente, y lo incluimos en las páginas donde nos interese, como lo hacemos siempre:

<link href="/Content/estilos.less" rel="stylesheet" type="text/css" />

Es interesante tener en cuenta que Less es compatible con CSS, lo que quiere decir que si simplemente renombramos el .css a .less, ya tendremos una hoja de partida.

A continuación, debemos introducir en el web.config una declaración que asocie la extensión .css al compilador Less:

<httpHandlers>

  <add validate="false" path="*.less" verb="*"

    type="dotless.Core.LessCssHttpHandler, dotless.Core" />

</httpHandlers>

Cuando llega una petición, el handler se encargará de compilar el archivo .less, generar el .css correspondiente y enviarlo minimizado al cliente, cacheando el resultado para posteriores usos, si se lo indicamos en la configuración, una sección opcional del web.config.

.Less está diseñado para ASP.NET 3.5 o superior, y por supuesto, es válido tanto para Webforms como para ASP.NET MVC. Se distribuye bajo licencia Apache 2.0, y está aún en fase beta, por lo que habrá que estar atento a la evolución de este interesantísimo proyecto.

Enlaces:

• Home del proyecto
• Descargar el código fuente de nLess en Github
• Documentación de Less

Publicado en: Variable not found.

El gran K. Scott Allen comentaba hace unas semanas en OdeToCode un pequeño truco que puede resultar de utilidad cuando tengamos un código jQuery que no funcione correctamente.

Como comenta el autor, la mayoría de los problemas con jQuery se deben a un uso incorrecto de los potentes selectores, así que lo que propone es el uso de la consola javascript incluida en algunas herramientas como Firebug (para Firefox) o las propias herramientas de desarrollo incluidas en Internet Explorer 8 (geniales, por cierto).

Esta consola permite en ambos casos introducir instrucciones javascript de forma directa, que serán ejecutadas en el contexto de la página actual como si formaran parte del código de las mismas. Por tanto, en aquellas páginas en las que se incluido jQuery, será posible ejecutar llamadas y selecciones a lo largo del DOM y observar el resultado de forma interactiva.

En la imagen adjunta se ve cómo podemos ir realizando consultas con selectores e ir observando sus resultados con Firebug. Hay que tener en cuenta que la mayoría de operaciones de selección con jQuery retornan una colección con los elementos encontrados, por eso podemos utilizar length para obtener el número de coincidencias. Pero no sólo eso, podríamos utilizar expresiones como la siguiente para mostrar por consola el texto contenido en las etiquetas que cumplan el criterio:

$("div > a").each(function() { console.log($(this).text()) })

Y más aún, si lo que queremos es obtener una representación visual sobre la propia página, podemos alterar los elementos o destacarlos con cualquiera de los métodos de manipulación disponibles en jQuery, por ejemplo:

$("a:contains['sex']").css("background-color", "yellow")

La siguiente captura muestra el resultado de una consulta realizada con las herramientas de desarrollo incluidas en Internet Explorer 8:

En fin, un pequeño truco para facilitarnos un poco la vida.

Fuente: What I Do When My jQuery Code Doesn’t Work

• Un error de Javascript que aparecía cuando el control no encontraba ningún elemento en la página que correspondiera con los selectores indicados y había sido especificada además la propiedad Fixed-Height.
• En páginas cuya sección HEAD no incluía el atributo RUNAT="SERVER" se mostraban caracteres extraños en pantalla, y no se redondeaban los elementos de la página.

• Web del proyecto en Google Code
• Página de descargas del proyecto
• NiftyDotNet en vivo y en directo

1. Texto plano, es decir, introduciendo un enlace del tipo:
   <a href="mailto:user@myserver.xx">email me</a>


2. Sustituyendo las arrobas por "AT" y los puntos por "DOT", de forma que una dirección queda de la forma:
   <a href="mailto:userATserverDOTxx">email me</a>


3. Sustituyendo las arrobas y puntos por sus correspondientes entidades HTML:
   <a href="mailto:user&#64;server&#46;xx">email me</a>


4. Introduciendo la dirección con los códigos de los caracteres que la componen:
   <a href="mailto:%73%69%6c%76%61%6e%66%6f%6f%62%61%72%34%40%74%69%6c%6c%6c%61%74%65%65%65%65%65">email me</a>


5. Mostrando la dirección de correo sin enlace y troceándola con comentarios HTML, que el usuario podrá ver sin problema como user@myserver.com aunque los bots se encontrarán con algo como:
   
   user<!-- -->@<!--- @ -->my<!-- -->server.<!--- . -->com


6. Construyendo el enlace desde javascript en tiempo de ejecución con un código como el siguiente:

   var string1 = "user";
   var string2 = "@";
   var string3 = "myserver.xx";
   var string4 = string1 + string2 + string3;
   document.write("<a href=" + "mail" + "to:" + string1 +
     string2 + string3 + ">" + string4 + "</a>");

7. Escribiendo la dirección al revés en el código fuente y cambiando desde CSS la dirección de presentación del texto, así:
   

   <style type="text/css">
    span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
   </style>
   
   <span class="codedirection">moc.revresym@resu</span>

8. Introduciendo texto incorrecto en la dirección y ocultándolo después desde CSS:

   <style type="text/css">
    span.displaynone { display:none; }
   </style>
   
   Email me: user@<span class="displaynone">goaway</span>myserver.net

9. Generando el enlace desde javascript partiendo de una cadena codificada en ROT13, según una idea original de Christoph Burgdorfer:

   <script type="text/javascript">  
    document.write('<n uers=\"znvygb:fvyinasbbone10@gvyyyngr.pbz\" ery=\"absbyybj\">'.replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(cc=c.charCodeAt(0)+13)?c:c-26);}));   
   </script>silvanfoobar's Mail</a>

   
   

 <a href="http://www.csszengarden.com" hreflang="en">CSS Zen Garden</a>

a[hreflang="en"]
{
    padding-right: 19px;
    background-image: url(img/bandera_ing.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

 .lupa
 {
   background: white url(icono_lupa.gif) no-repeat 2px center;
   padding: 2px 2px 2px 18px;
 }
 .telefono
 {
   background: white url(icono_telefono.gif) no-repeat 2px center;
   padding: 2px 2px 2px 18px;
 }

 <input type="text" class="lupa" />
 <input type="text" class="telefono" />

• Un ensamblado listo para ser utilizado en nuestros proyectos, o para añadirlo a la caja de herramientas (Toolbox) del entorno de desarrollo.
• Una web de demostración, en la que podéis haceros una idea de la utilidad del componente. No hay una demo on-line debido a que en los servidores donde se encuentra no existe esta posibilidad, cuando encuentre un alojamiento apropiado la pondré para que pueda verse en vivo y en directo.
• La solución VS2005 con el código fuente completo de ambos.

• Web del proyecto NiftyDotNet (alojado en Google code).
• Blog del proyecto, en inglés (o algo parecido ;-))

<script type="text/javascript" src="niftycube.js"></script>

// Esto hace que al div con id="box"
// se le redondeen los bordes con
// esquinas grandes (10px):

Nifty("div#box","big");

<script type="text/javascript">
  window.onload=function(){
    Nifty("div.redondeadoGrande","big");
    Nifty("div.redondeadoPeque","small");
  }
</script>