Blog

Blog

CSS Optimization Tips

Thu, Dec 17, 2009 by justin 2 Comments
CSS Optimization Tips

Do you want to reduce your css files to help page load times, well here are a few helpful tips that will become second nature to you after repetitive usage.

1) Shorten Hex Colors.
If you need to have a color that uses the same character such as #FFFFFF. You can simply write #FFF. This works anytime you need to specify color.

/* Original*/
.header {
  background: #FFFFF;
  background: white;
}

/* Optimize */
.header {
  background: #FFF;
}

2) Combining margin-top, margin-bottom, margin-left, and margin-right. Instead of having 4 lines for each margin or padding you can combine them into one. I always remember the order by thinking it goes clockwise, starting at the top followed by right then bottom and finally left.

Read More »

"Mobifying" Drupal Sites with Mobify.Me

Wed, Jul 22, 2009 by Arnold 4 Comments

For the past few months, we have been looking into ways to help our clients optimize their web sites for the mobile world. The ever-increasing popularity of web-accessible mobile phones is motivating a swift revolution for such "mobification."

In the past, the best way for optimizing a Drupal site for the mobile would be to use the Mobile Theme and use Domain Access. This would allow you to build a site such that m.YourSite.com will go to the site with the mobile theme.

However, there is a new tool available which allows for the simple optimization of web sites for the mobile world. This tool is called Mobify.me. With this tool, you can mobify your Drupal site in a few easy steps:

1) Enter the URL for your web site;

2) Select the content areas in the web site screen shot which you would like to show on the mobile device;

3) Tweak the CSS as it fits based on the emulated iPhone/Mobile view of the selected content areas;

Read More »