Paul Del Signore http://pdelsignore.posterous.com Thoughts On The Evolving Web posterous.com Tue, 18 Oct 2011 20:02:00 -0700 Rounded corners in IE7 and IE8 http://pdelsignore.posterous.com/rounded-corners-in-ie7-and-ie8 http://pdelsignore.posterous.com/rounded-corners-in-ie7-and-ie8

I like the CSS3 PIE option for rounded corners, but am having some problems getting it to work on my Drupal site. In the meantime I opted for a JS version which works real nice :

Source : http://www.dillerdesign.com/experiment/DD_roundies/

Then you simply add the following:

<script type="text/javascript" src="DD_roundies.js"></script><script type="text/javascript">  DD_roundies.addRule('.roundify', '10px');</script>

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
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 08:35:00 -0700 CSS Rounded Corners in IE 6, 7 and 8 http://pdelsignore.posterous.com/css-rounded-corners-in-ie-6-7-and-8 http://pdelsignore.posterous.com/css-rounded-corners-in-ie-6-7-and-8

If you need rounded corners to work in the dreaded IE browser versions 6 -8. use an HTC script that you can download here:

http://fetchak.com/ie-css3/

Make sure the CSS element is positioned (relative or absolute)
and set the Z-index of the element to the largest number

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