The [site documentation][1] gives the answer:

    background: fade(@blue, 20%);

The function name is `fade` not `alpha` according to that document.


  [1]: http://lesscss.org/functions/#color-operations-fade

## For completeness

**fade**

Set the absolute transparency of a color. Can be applied to colors
whether they already have an opacity value or not.

    background: fade(@blue, 20%);

**fadein**

Decrease the transparency (or increase the opacity) of a color, making
it more opaque.

    background: fadein(@blue, 80%);

**fadeout**

Increase the transparency (or decrease the opacity) of a color, making
it less opaque. To fade in the other direction use fadein.

    background: fadeout(@blue, 20%);

[View Complete Documentation][1]


  [1]: http://lesscss.org/functions/#color-operations-fade

I need to design a RESTful query API, that returns a set of objects based on a few filters. The usual HTTP method for this is GET. The only problem is, it can have at least a dozen filters, and if we pass all of them as query parameters, the URL can get quite long (long enough to be blocked by some firewall).

Reducing the numbers of parameters is not an option.

One alternative I could think of is to make use of the POST method on the URI and send the filters as part of the POST body. Is this against being RESTfull (Making a POST call to query data).

Anyone have any better design suggestions?

Design RESTful query API with a long list of query parameters

In the past few days I have tested the new features of .net 4.5 and c# 5.

I like its new async/await features. Earlier I had used [BackgroundWorker][1] to handle longer processes in the background with responsive UI.

My question is: after having these nice new features, when should I use async/await and when a [BackgroundWorker][2]? Which are the common scenarios for both?


  [1]: http://msdn.microsoft.com/en-us/library/vstudio/system.componentmodel.backgroundworker%28v=vs.100%29.aspx
  [2]: http://msdn.microsoft.com/en-us/library/vstudio/system.componentmodel.backgroundworker%28v=vs.100%29.aspx

Async/await vs BackgroundWorker

Using LESS, I know that I can change the saturation or tint of a color variable. That looks like this:

    background: lighten(@blue, 20%);

I want to change the alpha opacity of my color, though. Preferably like this:

    background: alpha(@blue, 20%);

Is there a simple way to do this in LESS? 

Modify alpha opacity of LESS variable

Using LESS, I know that I can change the saturation or tint of a color variable. That looks like this:
<pre><code class="hljs language-less">background: lighten(@blue, 20%);
</code></pre>
I want to change the alpha opacity of my color, though. Preferably like this:
<pre><code class="hljs language-less">background: alpha(@blue, 20%);
</code></pre>
Is there a simple way to do this in LESS?

So I have a text input, im using html5, on chrome, and I want to change the look of a text input, I&#39;ve removed the outline on focus (orange on chrome), I set the background to a light color `#f1f1f1` but now there is like a thicker border on the top and left sides, like it&#39;s meant to look pushed in, when there is no change in background color this doesn&#39;t happen. How do I remove it? Sorry I can&#39;t provide a picture, on a mobile device. 

It happens on chrome, ie, and Firefox, can&#39;t test any others. 

remove inner shadow of text input

&gt; **Possible Duplicate:**  
&gt; [Changing Underline color](https://stackoverflow.com/questions/12557707/changing-underline-color)  

&lt;!-- End of automatically inserted text --&gt;

It&#39;s possible to change only line color which is under text? 
I would like to see something like red letters with a blue line below it, but I can&#39;t find out how to get this done.

CSS text-decoration underline color

Can someone explain the difference for these two CSS selectors?

    .work-container . h3 {
	font-size: 14px;
	margin-top: 0px;
	font-weight: 600;
	height: 27px;
    } 

What is the extra dot in the upper definition?

    .work-container h3 {
	font-size: 14px;
	margin-top: 0px;
	font-weight: 600;
	height: 27px;
    } 

What does the dot mean in CSS?

Where do you place fonts so that CSS can access them?

I am using non-standard fonts for the browser in a .woff file. Let&#39;s say its &#39;awesome-font&#39; stored in a file &#39;awesome-font.woff&#39;.

How do I use .woff fonts for my website?

How can I position several `&lt;img&gt;` elements into a circle around another and have those elements all be clickable links as well? I want it to look like the picture below, but I have no idea how to achieve that effect.

![Desired Result][1]


  [1]: http://i.stack.imgur.com/tK45H.png

Is this even possible?

Position icons into circle

&gt; **Possible Duplicate:**  
&gt; [JavaScript: string contains](https://stackoverflow.com/questions/1789945/javascript-string-contains)  

&lt;!-- End of automatically inserted text --&gt;

I have a postcode variable and want to use JS to add a location into a different variable when the postcode is changed/entered.  So for example if ST6 is entered I would want Stoke North to be entered.

I somehow need to do an if statement to run through e.g.

    if(code contains ST1)
    {
        location = stoke central;
    }
    else if(code contains ST2)
    {
        location = stoke north;
    } 

etc...

How would I go about this?  It&#39;s not checking if &#39;code&#39; equals a value but if it contains a value, I think this is my problem.


if variable contains

What I&#39;m trying to do is find the current working directory and save it into a variable, so that I can run `export PATH=$PATH:currentdir+somethingelse`. I&#39;m not entirely sure if they have a variable that contains cwd by default.

How do I save the current directory in variable using Bash?

Save current directory in variable using Bash?

I&#39;m wondering how to go about obtaining the value of a POST/GET request variable using Python with Flask.

With Ruby, I&#39;d do something like this:

    variable_name = params[&quot;FormFieldValue&quot;]

How would I do this with Flask?




How to obtain values of request variables using Python and Flask

I declared a variable in this way:

    int i = 0;

I get the warning: 

&gt; ISO C90 forbids mixed declarations and code

How can I fix it?


ISO C90 forbids mixed declarations and code in C

What&#39;s happening here? 

    package main
    
    import &quot;fmt&quot;
    
    func main() {
    	
    	myArray  :=[...]int{12,14,26}  ;     
    	fmt.Println(myArray)
    	
    	myArray  :=[...]int{11,12,14} //error pointing on this line 
    	
    	fmt.Println(myArray) ;
    
    }

It throws an error that says 

    no new variables on left side of :=

What I was doing was re-assigning values to an already declared variable.


no new variables on left side of :=

In the following CSS taken from [Twitter Bootstrap](http://twitter.github.com/bootstrap/components.html#misc) what does the ampersand (&amp;) character mean?

    .clearfix {
      *zoom: 1;
      &amp;:before,
      &amp;:after {
        display: table;
        content: &quot;&quot;;
      }
      &amp;:after {
        clear: both;
      }
    }

What does an &quot;&amp;&quot; before a pseudo element in CSS mean?

I want to use Twitter Bootstrap, but only on specific elements, so I need to figure out a way to prefix all Twitter Bootstrap classes with my prefix, or use the less mixins. I&#39;m not experienced with this yet so I don&#39;t quite understand how to do this. Here&#39;s an example of the HTML that I&#39;m trying to style:

    &lt;div class=&quot;normal-styles&quot;&gt;
      &lt;h1&gt;dont style this with bootstrap&lt;/h1&gt;
      &lt;div class=&quot;bootstrap-styles&quot;&gt;
        &lt;h1&gt;use bootstrap&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;

In this example, Twitter Bootstrap would normal style both `h1`s, but I want to be more selective about which areas I apply the Twitter Bootstrap styles.

How to namespace Twitter Bootstrap so styles don&#39;t conflict

Is there a way to use variables in less `~` operator, like

    ~&quot;calc(70% - @spacing)&quot;;

When I have tried it it only works with static values like

     ~&quot;calc(70% - 10px)&quot;;

Can I get the string to be evaluated prior to beeing set as a property. 


Is there a way to use variables in Less for the ~ operator, like ~&quot;calc(100% - @spacing)&quot;;

I will calculate width in some element from percent to pixel so I will minus -10px via using **LESS** and **calc()**. It&#180;s possible?



    div {
        span {
            width:calc(100% - 10px);
        }
    }


I using CSS3 `calc()` so it doesn&#39;t work: `calc(100% - 10px)`

&gt; **Example:** if 100% = 500px so width = 490px (500-10);

I made a demo for testing : http://jsfiddle.net/4DujZ/55/

so padding will say: **5** (10px / 2) all the time when I resizing.

Can I do it in **LESS**? I know how to do in jQuery and simple CSS like margin padding or else...  but i will try to do functional in **LESS** with `calc()`

Calculating width from percent to pixel then minus by pixel in LESS CSS

I have the following code:

    @color : #d14836;

    .stripes span {
        -webkit-background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        background-size: 30px 30px;
        background-image: -webkit-gradient(linear, left top, right bottom,
            color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)),
            color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent),
            to(transparent));

I need to convert `@color` to `rgba(209, 72, 54, 1)`.

So I need to replace `rgba(209, 72, 54, 1)` in my code with a Less function that generates an `rgba()` value from my `@color` variable.

How can I do this with Less?


How do I convert a hexadecimal color to rgba with the Less compiler?

There seems to be an issue with my page here:
http://www.lonewulf.eu

When hovering over the thumbnails the image moves a bit on the right, and it only happens on Chrome.

My css:

    .img{
    	-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;;
    	filter:alpha(opacity=50);
    	-moz-opacity: 0.5; 
    	opacity: 0.5;
    	-khtml-opacity: 0.5;
    	display:block;
    	border:1px solid #121212;
    }
    .img:hover{
    	-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;
    	filter:alpha(opacity=100);
    	-moz-opacity: 1; 
    	opacity: 1;
    	-khtml-opacity: 1;	
    	display:block;
    }

image moves on hover - chrome opacity issue

So I am having a problem. I have looked around and looked around but no luck. I would like to make the background of my body transparent but leave the text non transparent. As it is right now I keep making both the same opacity. Here is my code: 

    @charset &quot;utf-8&quot;;
    body {
    	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    	background-color: #42413C;
    	margin: 0;
    	padding: 0;
    	color: #000;
    }
    
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { 
    	padding: 0;
    	margin: 0;
    }
    h1, h2, h3, h4, h5, h6, p {
    	margin-top: 0;
    	padding-right: 15px;
    	padding-left: 15px;
    	opacity:1;
    }
    a img { 
    	border: none;
    }
    a:link {
    	color: #42413C;
    	text-decoration: underline;
    }
    a:visited {
    	color: #6E6C64;
    	text-decoration: underline;
    }
    a:hover, a:active, a:focus {
    	text-decoration: none;
    }
    .container {
    	width: 750px;
    	margin: 0 auto;
    }
    .content {
    	padding:20px;
    	width:710px;
    	position:relative;
    	background:#CCC;
    	opacity: 0.5;
    }
    .fltrt {
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
    }
    .header {
    	top:0%;
    	width: 750px;
    	height: 200px;
    	background-image: url(images/header.png);
    	background-repeat:no-repeat;
    	background-position:center;
    }
    .navbar {
    	height: 50px;
    	width: 750px;
    	position: relative;
    	z-index: 2;
    }
    #bg {
    	position: fixed;
    	top: 25%;
    	left: 15%;
    	z-index: -1;
    }
    div {
    display: block;
    }

Here is my website (click the link dont type &quot;tccraft.net&quot; in your url it will take you to a facebook page): http://tccraft.net/index.php
Thank you!

Making text background transparent but not text itself

Assuming an element is at 100% saturation, opacity, etc... how can I have its **background** become slightly lighter when it is hovered?

The use case is that I&#39;m allowing a user to hover over any element on a page. I don&#39;t want to go around determining each colors equivalent at 80% opacity.

One method is to change the `opacity: 0.4` but I only want the background to change.

CSS: lighten an element on hover

Currently, I have this code:

    @-webkit-keyframes blinker {
      from { opacity: 1.0; }
      to { opacity: 0.0; }
    }

    .waitingForConnection {
      -webkit-animation-name: blinker;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
      -webkit-animation-duration: 1.7s;
    }

It blinks, but it only blinks in &quot;one direction&quot;. I mean, it only fades out, and then it appears back with `opacity: 1.0`, then again fades out, appears again, and so on...

I would like it to fade out, and then &quot;raise&quot; from this fade back again to `opacity: 1.0`. Is that possible?


How to make blinking/flashing text with CSS 3

What&#39;s wrong? I want to change the opacity if `#nav .drop` is `display:block;`

    jQuery(document).ready(function(){
        if (jQuery(&#39;#nav .drop&#39;).css(&#39;display&#39;) === &#39;block&#39;) {
            jQuery(&#39;#main&#39;).css(&#39;opacity&#39;) = &#39;0.6&#39;;
        }
    });

jQuery CSS Opacity

I have a 3 column matrix; plots are made by points based on column 1 and column 2 values, but colored based on column 2 (6 different groups). I can successfully plot all points, however, the last plot group (group 6) which was assigned the color purple, masks the plots of the other groups. Is there a way to make the plot points more transparent?

    s &lt;- read.table(&quot;/.../parse-output.txt&quot;, sep=&quot;\t&quot;) 
    dim(s) 
    [1] 67124     3
    x &lt;- s[,1] 
    y &lt;- s[,2]
    z &lt;- s[,3] 
    cols &lt;- cut(z, 6, labels = c(&quot;pink&quot;, &quot;red&quot;, &quot;yellow&quot;, &quot;blue&quot;, &quot;green&quot;, &quot;purple&quot;))
    plot(x, y, main= &quot;Fragment recruitment plot - FR-HIT&quot;, ylab = &quot;Percent identity&quot;, xlab = &quot;Base pair position&quot;, col = as.character(cols), pch=16) 


Any way to make plot points in scatterplot more transparent in R?

I have some PNG images which consist of a black shape and a transparent background.
Unfortunately, IrfanView shows transparent background as black color, so I see just black on black. I&#39;ve found in Irfan settings that I can change the window&#39;s background color, but it changes only around the image, the transparent color is still black.

Is there any way to change the color displayed as transparent, or, optimally, use white-grey squares like Photoshop?

Setting transparent images background in IrfanView

Using ggplot2&#39;s stat_smooth(), I&#39;m curious how one might adjust the transparency of the generated regression line. Using geom_points() or geom_line(), one normally sets a value for &#39;alpha&#39;, indicating the percent transparency. However, with stat_smooth(), alpha sets the transparency of the confidence interval (in my sample below, turned off - se=FALSE).

I cannot seem to find a way to make the regression line(s) a lower transparency than 1. 

Your advice would be wonderful.


**Sample Code**

     library(reshape2)
     df &lt;- data.frame(x = 1:300)
     df$y1 &lt;-  0.5*(1/df$x + 0.1*(df$x-1)/df$x + rnorm(300,0,0.015))
     df$y2 &lt;-  0.5*(1/df$x + 0.3*(df$x-1)/df$x + rnorm(300,0,0.015))
     df$y3 &lt;-  0.5*(1/df$x + 0.6*(df$x-1)/df$x + rnorm(300,0,0.015))
     df &lt;- melt(df, id = 1)
     
     ggplot(df, aes(x=x, y=value, color=variable)) +
       geom_point(size=2) +
       stat_smooth(method = &quot;lm&quot;, formula = y ~ 0 + I(1/x) + I((x-1)/x),
                   se = FALSE,
                   size = 1.5,
                   alpha = 0.5)


![enter image description here][1]


  [1]: http://i.stack.imgur.com/v5lEK.png

Adjust Transparency (alpha) of stat_smooth lines, not just transparency of Confidence Interval

The code work, but I&#39;m having a problem setting transparent background to the canvas with three.js. I use:

    Background.renderer.setClearColor(0xffffff, 0);

But then the background gets black. How do I change it to be transparent?


----------


The code:

       var camera, scene, renderer;
       var mouseX = 0, mouseY = 0;
       var p;
    
       var windowHalfX = site.Width / 2;
       var windowHalfY = site.Height / 2;
    
       Background.camera = new THREE.PerspectiveCamera( 35, site.Width / site.Height, 1, 2000 );
       Background.camera.position.z = 300;
       //camera.position.y = 200;
    
       // scene
       Background.scene = new THREE.Scene();
    
       // texture
       var manager = new THREE.LoadingManager();
       manager.onProgress = function ( item, loaded, total ) {
          console.log(&#39;webgl, twice??&#39;);
          //console.log( item, loaded, total );
       };
    
    
       // particles
       var p_geom = new THREE.Geometry();
       var p_material = new THREE.ParticleBasicMaterial({
          color: 0xFFFFFF,
          size: 1
       });
    
       // model
       var loader = new THREE.OBJLoader( manager );
       loader.load( site.base_url + &#39;/assets/models/head.obj&#39;, function ( object ) {
    
          object.traverse( function ( child ) {
    
             if ( child instanceof THREE.Mesh ) {
    
                // child.material.map = texture;
    
                var scale = 6;
    
                $(child.geometry.vertices).each(function() {
                   p_geom.vertices.push(new THREE.Vector3(this.x * scale, this.y * scale, this.z * scale));
                })
             }
          });
    
          Background.scene.add(p)
       });
    
       p = new THREE.ParticleSystem(
          p_geom,
          p_material
       );
    
       Background.renderer = new THREE.WebGLRenderer();
       Background.renderer.setSize( site.Width, site.Height );
       Background.renderer.setClearColor(0xffffff, 0);

       $(&#39;.particlehead&#39;).append(Background.renderer.domElement);
       $(&#39;#content&#39;).on(&#39;mousemove&#39;, onDocumentMouseMove);
       site.window.on(&#39;resize&#39;, onWindowResize);
    
       function onWindowResize() {
          windowHalfX = site.Width / 2;
          windowHalfY = site.Height / 2;
          //console.log(windowHalfX);
    
          Background.camera.aspect = site.Width / site.Height;
          Background.camera.updateProjectionMatrix();
    
          Background.renderer.setSize( site.Width, site.Height );
       }
    
       function onDocumentMouseMove( event ) {
          mouseX = ( event.clientX - windowHalfX ) / 2;
          mouseY = ( event.clientY - windowHalfY ) / 2;
          //console.log(mouseX)
       }
    
       Background.animate = function() { 
    
          //console.log(&#39;animate2&#39;);
          Background.ticker = TweenMax.ticker;
          Background.ticker.addEventListener(&quot;tick&quot;, Background.animate);
    
          render();
       }
    
       function render() {
          Background.camera.position.x += ( (mouseX * .5) - Background.camera.position.x ) * .05;
          Background.camera.position.y += ( -(mouseY * .5) - Background.camera.position.y ) * .05;
    
          Background.camera.lookAt( Background.scene.position );
    
          Background.renderer.render( Background.scene, Background.camera );
       }
    
       render();

Transparent background with three.js

I&#39;ve got animation:

    &lt;set xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;  
       android:interpolator=&quot;@android:anim/linear_interpolator&quot;&gt;  
       &lt;alpha  
           android:fromAlpha=&quot;0.2&quot;  
           android:toAlpha=&quot;1.0&quot;  
           android:duration=&quot;500&quot;/&gt;  
    &lt;/set&gt;

and `ImageView`:

    &lt;ImageView
        android:id=&quot;@+id/listViewIcon&quot;
        android:layout_width=&quot;wrap_content&quot;
        android:layout_height=&quot;wrap_content&quot;
        android:src=&quot;@drawable/settings&quot; 
        android:alpha=&quot;0.2&quot;/&gt;  

and code:

    final Animation anim = AnimationUtils.loadAnimation(this, R.anim.alpha);
    final ImageView iv = (ImageView) findViewById(R.id.listViewIcon);
    anim .setFillAfter(true);
    iv.startAnimation(anim);


So at the beginning I have `ImageView` with alpha `0.2` and at the end I want to have `ImageView` with alpha `1`. But it doesn&#39;t work like that - when animation starts more alpha is added and animation finish with alpha `0.2`

What do I have to change to animate my image from `0.2` up to `1`?


I&#39;ve checked with different settings - I set `android:alpha=&quot;1.0&quot;`, `fromAlpa=&quot;1.0&quot;`, `toAlpha=&quot;0.2&quot;` it works like I expected - from alpha `1` to `0.2`. It looks like alpha from `ImageView` is multiplied by alpha from animation...



Content Type	Original Author	Original Content on Stackoverflow
Question	ben	View Question on Stackoverflow
Solution 1 - Css	ScottS	View Answer on Stackoverflow
Solution 2 - Css	Adrian Enriquez	View Answer on Stackoverflow

Modify alpha opacity of LESS variable

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

For completeness

Async/await vs BackgroundWorker

Design RESTful query API with a long list of query parameters

Attributions