Entity view (Content)

Recent JS plugin usage and issues

By jtsang
Oct. 7, 2011

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.

Post Tags: