Recent JS Plugin Issues

1. CurvyCorners

Discovered another rounded corner plugin that uses CSS3. CurvyCorners reads your styles and applies rounded corners with no js function calls. All you need to do is download the curvycorners.js file and apply it to your site. Then in your CSS add:

.round {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
}

 

To apply corners to specific corners (more info):

.round {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -khtml-top-right-radius: 10px;
  -khtml-top-left-radius: 10px;
}

 

With the combination with jquery corners this will solve all your rounded corner issues.

2. Recent Issues Modernizr

I have been using modernizr and falling into issues with our old Html5 sites breaking in Internet explorer. The main issue encountered was that my HTML5 elements such as not being read as an element. After a while of debuging and trying to understand the problem, patching modernizr from our old 1.7 to 2.0.x worked great. So for those using 1.7 or lower you should upgrade!

 

3. Issues with font-face + resizing of modalbox

My last blog post about font-face, I mentioned a Firefox issue and posted code to stop font-face flickering for Firefox. This code actually caused problems to a specific modalbox issue I had to debug this week. When I had a modalbox and there was an ajax call that eventually resized the modalbox, this js code caused the modalbox to have a large delay and not resize properly. So the work around was to remove this code when loading modalboxes or any js popup plugins.

Read Next
Appnovation Blog Default Header

Alfresco: how to send outbound email via gmail

14 November, 2011|2 min
Get in touch and let’s get started.

We are a full service digital consultancy with experience and capacity to meet the needs of even the largest most complex of organizations in the world. Our services portfolio enables us to offer clients the best of experiences when working with our teams so as to make sure we keep the focus on their needs, customers and delivering tangible value to the business. End to end services; endless ideas. 

Three easy ways to get in touch. Complete the form to request a consultation, email us your inquiry, specs and/or RFP to contact@appnovation.com OR call one of our many, global office locations and tell us how we can help.