Category Archives: CSS

Wild in Kentucky

Web development is a great field to work in for a lot of reasons, but for me the best reason is the variety. One day you’ll be adding a guest editor to a high-volume cooking website, the next day you’re adjusting the responsive menu on a drug-culture magazine, and the day after that you’ll be tweaking the careers page on a material handling solutions company’s site — it never gets boring.

Continue reading Wild in Kentucky

Front-end Developer Employer Questions

The Front-end Job Interview Questions list (https://github.com/darcyclarke/Front-end-Developer-Interview-Questions) is pretty awesome–if you’re an employer. It gave me the idea to have a list of questions for front-end developers to ask prospective employers.

These questions cover employers who are large enough to have a dedicated development team. It should work reasonably well for both agencies and companies that are working on internal projects.

Interviews usually happen with both Managers and Team Members, so I’ve split the questions into those two general categories.

Continue reading Front-end Developer Employer Questions

Opacity in decimal, then Hex

If you’ve ever set CSS background colors to semi-transparent, you’ve had to make the cross-browser compatible. Here’s the basic code:

  background: rgba(0, 0, 0, 0.8);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc0E212A, endColorstr=#cc0E212A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc0E212A, endColorstr=#cc0E212A)";

The first line is for all the modern browsers, the next three for MSIE varients (IE7, IE8, etc). Important to note – don’t have a solid color declaration or it will override the filters in IE.

Also, and most annoying, the IE opacity is in HEX, not decimal. (That’s the first two digits of the #cc0E212A string). It’s oddly difficult to find cheat sheets, so here’s one:

10% = 19
20% = 33
30% = 4c
40% = 66
50% = 80
60% = 99
70% = b2
80% = cc
90% = e6

Mostly, this is for my own reference.