Paul Del Signore http://pdelsignore.posterous.com Thoughts On The Evolving Web posterous.com Tue, 04 Oct 2011 19:43:00 -0700 Rounded Corners on Images in Drupal http://pdelsignore.posterous.com/rounded-corners-with-images-in-drupal http://pdelsignore.posterous.com/rounded-corners-with-images-in-drupal

Trying to apply rounded corners via CSS to images in all browsers is painful. Apparently several versions of Firefox (3.6 +) added to the pain when -moz-border-radius stopped working... until FF 4.0.

Then you have the dreaded IE browsers...ughh... CSS is not ready for a bullet-proof solution.

Solution: Why not pre-process the images on load-time? excellent... no need for an image editor to modify images manually.

If you are using Drupal... you are in luck:
Enter Drupal's Imagecache... except native imagecache doesn't handle rounded corners... so.. enter Imagecache Actions... an extension module to Imagecache.

In the D7 version, there is this problem where the rounded corner processing only works with PNG files. Excellent, Imagecache actions also offer the ability to convert the image to PNG.

so... a combination of actions like such...

Rounded
RT: http://drupalcode.org/project/imagecache_actions.git/blob_plain/HEAD:/docs/ro...

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 30 Sep 2011 06:57:00 -0700 CSS guide : the Omega Base Theme in Drupal http://pdelsignore.posterous.com/css-guide-the-omega-base-theme-in-drupal http://pdelsignore.posterous.com/css-guide-the-omega-base-theme-in-drupal

This is a visual diagram I made of how the CSS stack works for creating subthemes using the Omega theme in Drupal. Hoping this is correct :)

Omega-theme-css2

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore
Fri, 23 Sep 2011 13:13:00 -0700 Using JQuery in Drupal 7 http://pdelsignore.posterous.com/jquery-in-drupal-7 http://pdelsignore.posterous.com/jquery-in-drupal-7

Looks like adding custom JQuery scripts in Drupal 7 just got harder.

The $ is no longer specific to JQuery as it allows flexibility to other javascript libraries.

Therefore, to get a JQuery script to be recognized in Drupal 7, you need to wrap the code in an anonymous function... like this...

(function($) {
   $().ready(function() {
         //...
    });
})(jQuery);

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1461296/pdel.png http://posterous.com/users/hd2vBCyx7jaUq Paul Del Signore pdelsignore Paul Del Signore