To get LESS syntax highlighting, you have to download and import a _user defined language_ file. Here are some links to language files:

- [LESS language file][1], as listed in the [Notepad++ User Defined Language List][2] 
- [LESS language file on GitHub][3]

Installation instructions from the [GitHub repository][3]:

&gt; 
- Download the `less.xml` file
- Open Notepad++
- Go to `Language -&gt; Define your language...`, click on `Import...` and select the `less.xml` file you&#39;ve downloaded
- Close and restart Notepad++
- Done

Another way to install language files is to [copy them into a file in the Notepad++ installation directory][4].

  [1]: http://notepad-plus.sourceforge.net/commun/userDefinedLang/less.xml
  [2]: http://docs.notepad-plus-plus.org/index.php?title=User_Defined_Language_Files
  [3]: https://github.com/azrafe7/LESS-for-Notepad-plusplus
  [4]: http://docs.notepad-plus-plus.org/index.php?title=User_Defined_Language_Files#How_to_install_user_defined_language_files

Download from [this page][1] the XML file of the language to add (such as [Less][2])

In Notepad++ open `Language` menu &gt; `Define your language...` and `Import` the file


  [1]: http://sourceforge.net/apps/mediawiki/notepad-plus/index.php?title=User_Defined_Language_Files
  [2]: http://notepad-plus.sourceforge.net/commun/userDefinedLang/less.xml

I&#39;m working with MVC3, and using Entity Framework 4.0 Entities as my model.  So far, everything works great as far as using it as a model (all the crud operations/page generations work out of the box).  I&#39;m wondering, though, how do you get the same robust labels and validation information as when you generate a model manually?

Here&#39;s an example of what I mean. This is a class generated by the sample MVC3 project:

    public class LogOnModel
    {
        [Required]
        [Display(Name = &quot;User name&quot;)]
        public string UserName { get; set; }

        [Required]
        [DataType(DataType.Password)]
        [Display(Name = &quot;Password&quot;)]
        public string Password { get; set; }

        [Display(Name = &quot;Remember me?&quot;)]
        public bool RememberMe { get; set; }
    }

With the example above, you can specify what gets rendered in a label for the field (Display), and what type of field to use (Password).  However, when I try to use the entity framework and push it to the view below, I see the automatically generated labels are just the field names, and not anything I want the user to see/have to read:


    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        &lt;fieldset&gt;
            &lt;legend&gt;Person&lt;/legend&gt;
    
            &lt;div class=&quot;editor-label&quot;&gt;
                @Html.LabelFor(model =&gt; model.FirstName)
            &lt;/div&gt;
            &lt;div class=&quot;editor-field&quot;&gt;
                @Html.EditorFor(model =&gt; model.FirstName)
                @Html.ValidationMessageFor(model =&gt; model.FirstName)
            &lt;/div&gt;
    
            &lt;div class=&quot;editor-label&quot;&gt;
                @Html.LabelFor(model =&gt; model.MiddleName)
            &lt;/div&gt;
            &lt;div class=&quot;editor-field&quot;&gt;
                @Html.EditorFor(model =&gt; model.MiddleName)
                @Html.ValidationMessageFor(model =&gt; model.MiddleName)
            &lt;/div&gt;
    
            &lt;div class=&quot;editor-label&quot;&gt;
                @Html.LabelFor(model =&gt; model.LastName)
            &lt;/div&gt;
            &lt;div class=&quot;editor-field&quot;&gt;
                @Html.EditorFor(model =&gt; model.LastName)
                @Html.ValidationMessageFor(model =&gt; model.LastName)
            &lt;/div&gt;
    
            &lt;div class=&quot;editor-label&quot;&gt;
                @Html.LabelFor(model =&gt; model.Birthdate)
            &lt;/div&gt;
            &lt;div class=&quot;editor-field&quot;&gt;
                @Html.EditorFor(model =&gt; model.Birthdate)
                @Html.ValidationMessageFor(model =&gt; model.Birthdate)
            &lt;/div&gt;
    
            &lt;p&gt;
                &lt;input type=&quot;submit&quot; value=&quot;Create&quot; /&gt;
            &lt;/p&gt;
        &lt;/fieldset&gt;}

![enter image description here][1]


**My question is:** How do I add these extra decorations to the entities that are generated using EF4?  Is there something besides System.ComponentModel.DataAnnotations that I should be using? I know entities get regenerated and it&#39;s probably not a good idea to add this to entities&#39; code directly, but for some reason I can&#39;t think of a better approach than manually entering the label text in the view (lame, there&#39;s no reason to have to do that, this is MVC!).  I want to keep it so that the application is dynamic enough to be able to have the correct display information for my model come through and keep an MVC approach.  How do I do it?


  [1]: http://i.stack.imgur.com/N6ZbE.png

Using System.ComponentModel.DataAnnotations with Entity Framework 4.0

I want to make an Http Connection to my own servlet. Here is my code:

    try
    {
        HttpClient client = new DefaultHttpClient();
        HttpPost httpMethod = new HttpPost(&quot;http://localhost:8080/getHeader/HeaderServlet&quot;);
        httppost.setHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;); 
        ResponseHandler&lt;String&gt; responseHandler = new BasicResponseHandler();
        String response = client.execute(httppost, responseHandler);
        String result = response.toString();
    }

But i&#39;m unable to, and I get the error:

    org.apache.http.conn.HttpHostConnectionException:Connection to http://localhost:8080 refused

I will be thankful your help

error connection refused

I want Notepad++ to treat my *.less* files just as my *.css* files and thereby get syntax highlighting for any `.less` files I open.

How do you add syntax highlighting for Less in Notepad++?

I want Notepad++ to treat my .less files just as my .css files and thereby get syntax highlighting for any <code>.less</code> files I open.

Are there any ways in CSS to give outlines to text with different colors ? I want to highlight some parts of my text to make it more intuitive - like the names, links, etc. Changing the link colors etc. are common nowadays, so I want something new.

Outline effect to text

I&#39;ve seen this [post][1] already and tried everything I could to change the padding for my placeholder but alas, it seems it just doesn&#39;t want to cooperate.

Anyway, here is the code for the css. (**EDIT**: This is the generated css from sass)

    #search {
      margin-top: 1px;
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 220px;
    }

    #search form {
      position: relative;
    }

    #search input {
      padding: 0 10px 0 29px;
      color: #555555;
      border: none;
      background: url(&#39;/images/bg_searchbar.png?1296191141&#39;) no-repeat;
      width: 180px;
      height: 29px;
      overflow: hidden;
    }

    #search input:hover {
      color: #00ccff;
      background-position: 0px -32px;
    }


And here&#39;s the simple html:

    &lt;div id=&quot;search&quot;&gt;
      &lt;form&gt;
        &lt;input type=&quot;text&quot; value=&quot;&quot; placeholder=&quot;Search...&quot; name=&quot;q&quot; autocomplete=&quot;off&quot; class=&quot;&quot;&gt;
      &lt;/form&gt;
      &lt;div id=&quot;jquery-live-search&quot; style=&quot;display: block; position: absolute; top: 15px; width: 219px;&quot;&gt;
        &lt;ul id=&quot;search-results&quot; class=&quot;dropdown&quot;&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;

Pretty simple? the placeholder is off for some reason but when you try to type in the input field, the text is the aligned. It seems that you can only change the color(for `webkit`) of the placeholder, but if I try to edit the padding of the containing input, it wrecks the design of the input! *pulls out hair*

Here are screenies of the placeholder and the input field with text input:

![placeholder][2]
![text input][3]


**EDIT**:

For now I have resorted to this [jquery plugin][4].


It works right out of the box and it fixes my chrome&#39;s problem. I would still like to uncover what the problem is (if it has something to do with MY chrome or something)

I&#39;m pretty sure it&#39;s not the styles since John Catterfeld reproduced it with no problems, so I&#39;m hoping someone out there could still point me to the right direction as to why this is happening to me(my client&#39;s chrome as well. So this is probably native to Chrome/OSX if John is using windows)


  [1]: https://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  [2]: http://i.stack.imgur.com/zOkOt.png
  [3]: http://i.stack.imgur.com/ZEjdo.png
  [4]: http://code.google.com/p/jquery-placeholder/

HTML5 placeholder css padding

I am trying to transform my menu items by rotating them 10 degrees. My CSS works in Firefox but I&#39;ve failed to replicate the effect in Chrome and Safari. I know IE doesn&#39;t support this CSS3 property so that&#39;s not a problem.

I used following CSS:

    li a {
       -webkit-transform:rotate(10deg);
       -moz-transform:rotate(10deg);
       -o-transform:rotate(10deg); 
    }

Could anybody please suggest where I am going wrong?

Thanks.

CSS3 transform not working

Is there a way to control the size of the radio button in CSS ?

How to change the size of the radio button using CSS?

The `text-overflow:ellipsis;` CSS property must be one of the few things that Microsoft has done right for the web.

All the other browsers now support it... except Firefox.

The Firefox developers have been [arguing over it since 2005](https://bugzilla.mozilla.org/show_bug.cgi?id=312156) but despite the obvious demand for it, they can&#39;t seem to actually bring themselves to implement it (even an experimental `-moz-` implementation would be sufficient).

A few years ago, someone worked out a way to [hack Firefox 3 to make it support an ellipsis](http://ernstdehaan.blogspot.com/2008/10/ellipsis-in-all-modern-browsers.html). The hack uses the `-moz-binding` feature to implement it using XUL. Quite a number of sites are now using this hack.

The bad news? Firefox 4 is [removing the `-moz-binding` feature](https://bugzilla.mozilla.org/show_bug.cgi?id=546857), which means this hack won&#39;t work any more.

So as soon as Firefox 4 is released (later this month, I hear), we&#39;re going to be back to the problem of having it not being able to support this feature.

So my question is: Is there any other way around this? (I&#39;m trying to avoid falling back to a Javascript solution if at all possible)

[EDIT]&lt;br /&gt;
Lots of up-votes, so I&#39;m obviously not the only one who wants to know, but I&#39;ve got one answer so far which basically says &#39;use javascript&#39;. I&#39;m still hoping for a solution that will either not need JS at all, or at worst only use it as a fall-back where the CSS feature doesn&#39;t work. So I&#39;m going to post a bounty on the question, on the off chance that someone, somewhere has found an answer.

[EDIT]&lt;br /&gt;
An update: Firefox has gone into rapid development mode, but despite FF5 now being released this feature still isn&#39;t supported. And now that the majority of users have upgraded from FF3.6, the hack is no longer a solution. The good news I&#39;m told that it *might* be added to Firefox 6, which with the new release schedule should be out in only a few months. If that&#39;s the case, then I guess I can wait it out, but it&#39;s a shame they couldn&#39;t have sorted it sooner.

[FINAL EDIT]&lt;br /&gt;
I see that the ellipsis feature has finally been added to Firefox&#39;s &quot;Aurora Channel&quot; (ie development version). This means that it should now be released as part of Firefox 7, which is due out toward the end of 2011. What a relief.

Release notes available here: https://developer.mozilla.org/en-US/Firefox/Releases/7


text-overflow:ellipsis in Firefox 4? (and FF5)

That&#39;s it . I want to open all the files in once (to make replacements). But notepad++ opens them all in ANSI and I have to go through each file and change the encoding to UTF-8.

Change the default encoding for saving files with Notepad++

Using Notepad++, how do I remove all lines starting with # or ;?

Delete all lines starting with # or ; in Notepad++

I have recorded a macro that I want to share with my work colleague.

In what location are these recorded macros saved, so that I can add it to his machine?

If interested, the macro is for taking a list of values and adding quotes and comma so that it can be used in the `WHERE` clause of of an SQL query (`WHERE x IN (&#39;value1&#39;,&#39;value2&#39;,&#39;value3&#39;)`).

Where are the recorded macros stored in Notepad++?

I have a long document of commands. Using Notepad++ or regex, I want to delete all lines containing &quot;help&quot; including keyboard_help, etc.

How can this be done?

Regex: Remove lines containing &quot;help&quot;, etc

In Notepad++, is there a way to show the list of files that are currently open in a list on the left instead of using the default tab-view? 

(I&#39;d like it to resemble the way TextPad shows the files that are currently open.)

I&#39;m NOT referring to an Explorer which will allow me to open new files, I just don&#39;t like the tabs on top when many files are opened.



Notepad++ show open files on the left

I&#39;m looking for a way to do the following.
  
I add a `&lt;div&gt;` to a page, and an ajax callback returns some value. The `&lt;div&gt;` is filled with values from the ajax call, and the `&lt;div&gt;` is then prepended to another `&lt;div&gt;`, which acts as a table column.

I would like to get the user&#39;s attention, to show her/him that there is something new on the page.  
I want the `&lt;div&gt;` to blink, not show/hide, but to highlight/unhighlight for some time, lets say 5 seconds.

I have been looking at the blink plugin, but as far as I can see it only does show/hide on an element.

Btw, the solution has to be cross-browser, and yes, IE unfortunately included. I will probably have to hack a little to get it working in IE, but overall it has to work.

jQuery &quot;blinking highlight&quot; effect on div?

I am coding an app using jQuery, jqTouch and phonegap and have run across a persistent problem which arises when a user submits a form using the Go button on the soft keyboard.

Although it is easy to get the cursor to move to the appropriate form input element by using `$(&#39;#input_element_id&#39;).focus()`, the orange outline highlight always returns to the last input element on the form. (The highlight does not show up when the form is submitted using the form submit button.)

What I need is to find a way either to disable the orange highlight completely or else make it move to the same input element as the cursor.

So far, I have tried adding the following to my CSS:

    .class_id:focus {
    	outline: none;
    }

This works in Chrome but not on the emulator or on my phone. I have also tried editing the jqTouch `theme.css` to read:

    ul li input[type=&quot;text&quot;] {
    	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
    	-webkit-focus-ring-color:  rgba(0, 0, 0, 0);
    }

With no effect.
I have also tried each of the following additions to the `AndroidManifest.xml` file:
	
    android:imeOptions=&quot;actionNone&quot;
    android:imeOptions=&quot;actionSend|flagNoEnterAction&quot;
    android:imeOptions=&quot;actionGo|flagNoEnterAction&quot;

None of which have any effect.

Update: I have done some more troubleshooting with this and to date have found:

1. The outline property works only on Chrome, not on the Android browser.

2. The `-webkit-tap-highlight-color` property does in fact work on the Android browser, though not on Chrome. It disables the highlight on focus as well as on tapping.

3. The `-webkit-focus-ring-color` property does not seem to work on either browser.


Disable orange outline highlight on focus

Open Source project [Trac][1] has an excellent diff highlighter &amp;mdash; it highlights changed lines **and changed bytes in each changed line!** See [here][2] or [here][3] for examples.

Is there way to use the same color highlight (i.e. changed lines **and changed bytes too**) in bash terminal, `git`, or `vim` **for diff output (patch-file)?**


  [1]: http://trac.edgewall.org/
  [2]: https://trac.transmissionbt.com/changeset/12148
  [3]: http://trac.gajim.org/changeset/297ad7711d20bfee1491768640d9bc5384464363

Highlight changed lines and changed bytes in each changed line

I want to make a site that lets you follow other people Kindle Highlights. Is this possible Is there some sort of Kindle Highlights API?

Thanks.

How to access Kindle Highlights (API?)

I am working on a force directed graph in D3. I want to highlight the mouseover&#39;d node, its links, and its child nodes by setting all of the other nodes and links to a lower opacity.

In this example, http://jsfiddle.net/xReHA/, I am able to fade out all of the links and nodes then fade in the connected links, but, so far, I haven&#39;t been able to elegantly fade in the connected nodes that are children of the currently mouseover&#39;d node.

This is the key function from the code:

    function fade(opacity) {
        return function(d, i) {
            //fade all elements
            svg.selectAll(&quot;circle, line&quot;).style(&quot;opacity&quot;, opacity);

            var associated_links = svg.selectAll(&quot;line&quot;).filter(function(d) {
                return d.source.index == i || d.target.index == i;
            }).each(function(dLink, iLink) {
                //unfade links and nodes connected to the current node
                d3.select(this).style(&quot;opacity&quot;, 1);
                //THE FOLLOWING CAUSES: Uncaught TypeError: Cannot call method &#39;setProperty&#39; of undefined
                d3.select(dLink.source).style(&quot;opacity&quot;, 1);
                d3.select(dLink.target).style(&quot;opacity&quot;, 1);
            });
        };
    }


I am getting a `Uncaught TypeError: Cannot call method &#39;setProperty&#39; of undefined` error when I try to set the opacity on an element I loaded from the source.target. I suspect this is not the right way to load that node as a d3 object, but I can&#39;t find another way to load it without iterating over all of the nodes again to find the ones that match the link&#39;s target or source. To keep the performance reasonable, I don&#39;t want to iterate over all the nodes more than necessary.

I took the example of fading the links from https://bl.ocks.org/mbostock/4062006:

![enter image description here][1]

However, that doesn&#39;t show how to alter the connected child nodes.

Any good suggestions on how to solve or improve this will be furiously upvoted :)


  [1]: http://i.stack.imgur.com/SKHiG.gif

Highlight selected node, its links, and its children in a D3 force directed graph

I&#39;m using LESS to improve my CSS and am trying to nest a class within a class. There&#39;s a fairly complicated hierarchy but for some reason my nesting doesn&#39;t work.
I have this:

    .g {
        float: left;
        color: #323a13;
        .border(1px,#afc945);
        .gradient(#afc945, #c8da64);
        .common;
        span {
            .my-span;
    	    .border-dashed(1px,rgba(255,255,255,0.3));
        }
        .posted {
             .my-posted;
             span {
    	        border: none;
             }
        }
    }

I can&#39;t get the `.g.posted` to work. it just shows the `.g` bit.
If i do this it&#39;s fine:

    .g {
        float: left;
        color: #323a13;
        .border(1px,#afc945);
        .gradient(#afc945, #c8da64);
        .common;
        span {
            .my-span;
    	    .border-dashed(1px,rgba(255,255,255,0.3));
        }
    }
    
    .g.posted {
             .my-posted;
             span {
    	        border: none;
             }
        }

I&#39;d like to nest the `.posted` in `.g` though. Any ideas?


LESS CSS nesting classes

I have a directory full of less css files. What is the best way to compile them to normal css? (for deployment)

Id like to run a command as follows:

    lessc -r less/ css/

where lessc is the less compiler (installed via node package manager)

How do I compile a directory full of less css files to css?

SASS has Compass (a community maintained library of sass mixins/methods). 

Does LESS have any supporting libraries that can compare to Compass? Listing anything would be helpful!

Compass style libraries for LESS css?

I am using the [LESS][1] styling language.

Consider the following CSS:

    .side-bg
    {
        background:url(../img/layout/side-bg.jpg) top no-repeat;	
    }

Right now all of my images are in the folder `../img/` I wanted to be able to set a variable as the image path and use it like so:

    @image-path: ../img;

    .side-bg
    {
        background:url(@image-path/layout/side-bg.jpg) top no-repeat;	
    }

This does not work however. Its not a huge deal, I could always use *find and replace* if the image folder ever changed. I am just starting to learn LESS and was wondering if something like this is possible.


  [1]: http://lesscss.org/

Is there a way to set a common image path for LESS files?

For example, is it possible to do something like:

    &lt;style type=&quot;text/less&quot;&gt;
      #foo {
        .bar {
           font-weight: bold;
        }
      }
    &lt;/style&gt;

Content Type	Original Author	Original Content on Stackoverflow
Question	Mattias Alfborger	View Question on Stackoverflow
Solution 1 - Css	kapex	View Answer on Stackoverflow
Solution 2 - Css	Fred K	View Answer on Stackoverflow

How do you add syntax highlighting for Less in Notepad++?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

error connection refused

Using System.ComponentModel.DataAnnotations with Entity Framework 4.0

Attributions