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.
Category Archives: CSS
Responsive Retrofit
One of our flagship AOL client sites, KitchenDaily.com decided that they wanted Ashe Avenue to implement a responsive solution. We’ve been rolling out more responsive sites lately (including AsheAve 2.5) so we were excited to get this excellent site working smoothly on devices of unusual sizes.
Continue reading Responsive Retrofit
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.