I suppose `rgba()` would work here. After all, browser support for both [`box-shadow`](http://caniuse.com/#feat=css-boxshadow) and [`rgba()`](http://caniuse.com/#feat=css3-colors) is roughly the same.

    /* 50% black box shadow */
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);

&lt;!-- begin snippet: js hide: false console: false babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    div {
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: white;
        background-color: red;
        margin: 10px;
    }

    div.a {
      box-shadow: 10px 10px 10px #000;
    }

    div.b {
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    }

&lt;!-- language: lang-html --&gt;

    &lt;div class=&quot;a&quot;&gt;100% black shadow&lt;/div&gt;
    &lt;div class=&quot;b&quot;&gt;50% black shadow&lt;/div&gt;

&lt;!-- end snippet --&gt;

We are working on a web project from scratch and are looking at the following static code analysis tools.

 - Conventions (Checkstyle)
 - Bad practices (PMD) 
 - Potential bugs (FindBugs)

The project is built on Maven. Instead of using multiple tools for the purpose, I was looking at a single flexible solution and came across SonarQube.

Is it true that we can achieve the results from Checkstyle, PMD and Findbugs with SonarQube? 

Is SonarQube Replacement for Checkstyle, PMD, FindBugs?

I am trying to send a post request to a url using HttpURLConnection (for using cUrl in java). 
The content of the request is xml and at the end point, the application processes the xml and stores a record to the database and then sends back a response in form of xml string. The app is hosted on apache-tomcat locally. 

When I execute this code from the terminal, a row gets added to the db as expected. But an exception is thrown as follows while getting the InputStream from the connection

    java.io.FileNotFoundException: http://localhost:8080/myapp/service/generate
    	at sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1401)
    	at org.kodeplay.helloworld.HttpCurl.main(HttpCurl.java:30)

Here is the code

    public class HttpCurl {
        public static void main(String [] args) {
    		
    		HttpURLConnection con;
    		
    		try {
    			con = (HttpURLConnection) new URL(&quot;http://localhost:8080/myapp/service/generate&quot;).openConnection();
    			con.setRequestMethod(&quot;POST&quot;);
    			con.setDoOutput(true);
    			con.setDoInput(true);
    				
    			File xmlFile = new File(&quot;test.xml&quot;);
    			
    			String xml = ReadWriteTextFile.getContents(xmlFile);				
    			
    			con.getOutputStream().write(xml.getBytes(&quot;UTF-8&quot;));
    			InputStream response = con.getInputStream();
    			
    			BufferedReader reader = new BufferedReader(new InputStreamReader(response));
    			for (String line ; (line = reader.readLine()) != null;) {
    			    System.out.println(line);
    			}
    			reader.close();
    			
    		} catch (FileNotFoundException e) {
    			e.printStackTrace();
    		} catch (MalformedURLException e) {
    			e.printStackTrace();
    		} catch (IOException e) {
    			e.printStackTrace();
    		}
    	}
      }

Its confusing because the exception is traced to the line `InputStream response = con.getInputStream();` and there doesn&#39;t seem to be any file involved for a FileNotFoundException. 

When I try to open a connection to an xml file directly, it doesn&#39;t throw this exception.

The service app uses spring framework and Jaxb2Marshaller to create the response xml.

The class ReadWriteTextFile is taken from [here][1]


Thanks.

**Edit:**
Well it saves the data in the DB and sends back a 404 response status code at the same time.

I also tried doing a curl using php and print out the `CURLINFO_HTTP_CODE` which turns out to be 200. 

Any ideas on how do I go about debugging this ? Both service and client are on the local server. 

**Resolved:**
I could solve the problem after referring to an [answer][2] on SO itself. 

It seems HttpURLConnection always returns 404 response when connecting to a url with a non standard port. 

Adding these lines solved it

    con.setRequestProperty(&quot;User-Agent&quot;,&quot;Mozilla/5.0 ( compatible ) &quot;);
    con.setRequestProperty(&quot;Accept&quot;,&quot;*/*&quot;);


  [1]: http://www.javapractices.com/topic/TopicAction.do?Id=42
  [2]: https://stackoverflow.com/questions/941628/urlconnection-filenotfoundexception-for-non-standard-http-port-sources/2274535#2274535

FileNotFoundException while getting the InputStream object from HttpURLConnection

Is it possible to set transparency on the box shadow?

This is my code:

      box-shadow:10px 10px 10px #000;
      -webkit-box-shadow:10px 10px 10px #000;
      -moz-box-shadow: 10px 10px 10px #000;

Is it possible to set transparency in CSS3 box-shadow?

Is it possible to set transparency on the box shadow?
This is my code:
<pre><code class="hljs language-css"> box-shadow:10px 10px 10px #000;
 -webkit-box-shadow:10px 10px 10px #000;
 -moz-box-shadow: 10px 10px 10px #000;
</code></pre>

Is there a way to drop the shadow only on the bottom?. I have a menu with 2 images next to each other. I don&#39;t want a right shadow because it overlaps the right image. I don&#39;t like to use images for this so is there a way to drop it only on the bottom like: 

`box-shadow-bottom: 10px #FFF;` or similar?

    -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000;
    box-shadow-bottom: 5px #000;
    /* For IE 8 */
    -ms-filter: &quot;progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=&#39;#000000&#39;)&quot;;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=&#39;#000000&#39;);

How to create a drop shadow only on one side of an element?

I want to add a blank space after some content, however the `content: &quot; &quot;;` doesn&#39;t seem to work.

This is my code:

    h2:after {
        content: &quot; &quot;;
    }

... which doesn&#39;t work, however this does:

    h2:after {
        content: &quot;-&quot;;
    }

What am I doing wrong?

Add a space (&quot; &quot;) after an element using :after

I&#39;m currently working on a project where I have no control over the HTML that I am applying CSS styles to. And the HTML is not very well labelled, in the sense that there are not enough id and class declarations to differentiate between elements.

So, I&#39;m looking for ways I can apply styles to objects that don&#39;t have an id or class attribute.

Sometimes, form items have a &quot;name&quot; or &quot;value&quot; attribute:

    &lt;input type=&quot;submit&quot; value=&quot;Go&quot; name=&quot;goButton&quot;&gt;

Is there a way I can apply a style based on name=&quot;goButton&quot;? What about &quot;value&quot;?

It&#39;s the kind of thing that&#39;s hard to find out because a Google search will find all sorts of instances in which broad terms like &quot;name&quot; and &quot;value&quot; will appear in web pages.

I&#39;m kind of suspecting the answer is no... but perhaps someone has a clever hack?

Any advice would be greatly appreciated.

Can I apply a CSS style to an element name?

I have two absolutely positioned div elements that overlap. Both have set z-index values via css. I use the `translate3d` webkit transform to animate these elements off the screen, and then back onto the screen. After the transform, the elements no longer respect their set `z-index` values.

Can anyone explain what happens to the z-index / stack-order of the div elements once I do a webkit transform on them? And explain what I can do to keep the stack-order of the div elements?

Here is some more information on how I am doing the transform.

Before the transform, each element gets these two webkit transition values set via css (I am using jQuery to do the `.css()` function calls:

    element.css({ &#39;-webkit-transition-duration&#39;: duration + &#39;s&#39; });
    element.css({ &#39;-webkit-transition-property&#39;: &#39;-webkit-transform&#39; });

The element is then animated using the translate3d -webkit-transform:

    element.css({ &#39;-webkit-transform&#39;: &#39;translate3d(&#39; + hwDelta + &#39;px, 0, -1px)&#39; });

Btw, I have tried setting the 3rd parameter of `translate3d` to several different values to try to replicate the stack-order in the 3d space, but to no luck.

Also, iPhone/iPad and Android browsers are my target browser that this code needs to run on. Both support webkit transitions.


css z-index lost after webkit transform translate3d

Theoretically speaking, if you had this scenario:

    &lt;style type=&quot;text/css&quot;&gt;
    	.class1 {
    		color:#F00 !important;
    	}
    	.class2 {
    		color:#00F !important;
    	}
    &lt;/style&gt;
    
    &lt;p class=&quot;class2 class1&quot;&gt;Test&lt;/p&gt;

Which color should take precedence? How do browsers determine precedence in this scenario?

Content Type	Original Author	Original Content on Stackoverflow
Question	Steven	View Question on Stackoverflow
Solution 1 - Css	BoltClock	View Answer on Stackoverflow

Is it possible to set transparency in CSS3 box-shadow?

Css Problem Overview

Css Solutions

Solution 1 - Css

FileNotFoundException while getting the InputStream object from HttpURLConnection

Is SonarQube Replacement for Checkstyle, PMD, FindBugs?

Attributions