Drupal 13


Website Launch

4x3 is proud to announce the completion and launching of the Relate Personal Finance website.

Financial Advice That Relates To You

4x3 provided interactive design consulting and a custom Drupal Content Management System (CMS) for John O'Brien, a local financial advisor who specializes in a coach-like approach to financial planning. John started Relate Personal Finance to help individuals, families and small businesses make smart financial decisions regardless of their income or wealth level.

John wanted to standout among the hundreds of independent financial advisors working in Philadelphia. Opting out of the boring finance website that uses stock photo, John commissioned 4x3 for custom graphics and animations to give a new and refreshing look to his website.  

View Relate's portfolio »
Check out the Relate website »

Drupal CMS and Site Hosting

4x3 will be hosting and maintaining the Drupal-powered Relate Personal Finance website. Through the Drupal CMS, John can easily make updates to his website, like adding resources, news, or updating information about his services.

4x3 also worked with Relate Personal Finance to create the logo and brand. 4x3 provides content and social media marketing, SEO, and web maintenance services as well.

It was a pleasure working with John and 4x3 looks forward to a continued relationship now that the site has launched.

March 31, 2017

4x3 Ideas

This weeked, many of us in the 4x3 family are down in Charlotte, NC for a big event! The ACRC Bowl Series, a production of our sister company URugby, is bringing 18 top college rugby teams to the Rugby Athletic Center in Charlotte for high-level competition.

The design wizards at 4x3 add to the class and professionalism of URugby events with our cool ball, banner, apparel, website and program book designs. We're proud of the way we've combined our multiplatform website and design expertise with a passion for the great sport of rugby. 

Rugby is the fastest-growing sport in the USA

You may not know much about rugby, but it's the fastest-growing sport in the USA on the youth and college level (often compared to the rise of soccer in the US a few decades ago). Though it often flies under the radar, there's lots of excitement and some great rivalries in the college rugby scene 

Check out ACRCBowlSeries.com for more info and to watch streaming feeds and live blog updates of all this weekend's games. 

November 20, 2015

4x3 Ideas

If you’re in the market for a professional, custom website, chances are you’re considering Wordpress or Drupal as a CMS platform. Both are well-known and widely popular, and the right one for you may depend on the features and functionality you require, as well as the user interface you prefer. 

Wordpress and Drupal have important things in common. Both are browser-based content management systems, making them accessible from any computer or mobile device. Neither requires special software to use. Both are intuitive and easy to learn as a day-to-day website editing tool, yet offer many customization features (plug-ins and modules) allowing for a website to incorporate as many features as you require. 

Wordpress and Drupal are also updated frequently and are known for addressing security issues and “keeping up with the Jonses” when it comes to the latest website design trends. 

Why Wordpress?

Wordpress has the advantage of familiarity — it’s the CMS people are most likely to have used already. The Wordpress website platform looks and feels the same as the popular free Wordpress blogging platform. Building out the website architecture on the basis of the blogging interface makes Wordpress easy to use as well as customizable.  

Wordpress tools make inserting ads and setting up sites for e-commerce a cinch, and with the addition of a plugin like the All-in-One SEO pack, it's easy for those without a lot of SEO experience to stick to best SEO practices. 

If Wordpress were a food, it would be pizza—it started out simple, popular and reliably good, and eventually had lots of nice things added to it to the point where it could come in lots of varieties and even be considered gourmet. 

One thing to remember about WordPress is that, unlike the basic blogging packages, most website elements cost money. From premium themes to pro-versions of popular plugins, building a topnotch WordPress site can add up. 

Why Drupal?

Drupal’s reputation as the primo Web content management system is well-earned. Most of the biggest and best websites you see on the Web are more than likely built in Drupal. Why? It’s an endlessly adaptable and sophisticated CMS, constantly being improved by users around the globe. 

Drupal, you see, is open source—in other words, it can be freely used, changed and shared by developers. Open source can make for a dizzying array of choices and variations, but it means your website features are always truly cutting edge. 

Techies love Drupal because they can customize a website to do exactly what they need it to do—no fitting square pegs in round holes. There is a Drupal module for just about anything you could imagine. Looking to add games and quizzes? Need a microsite? Want to try cool things like parallax scrolling? Drupal is right there with you. 

While no CMS in the world is 100% foolproof or immune to hacking, Drupal is very secure and stable. And because it's not owned by a central conglomerate, there’s no risk of a feature being yanked from the market or modified in a way you don’t like. 

Editing in Drupal happens right on the page, unlike Wordpress, in which everything is approached from a separate portal. This makes it easy to find and modify any element of a website. Basic content editing is easy and intuitive, and lots of SEO-friendly features are built right into the back end.

As you may have guessed by now, Drupal is not meant to be a prepackaged “out of the box” solution. Because of this, more complex actions—such as setting up and maintaining e-commerce, updating ads and modifying site architecture—are more complicated than in WordPress. 

If Drupal were a food, it would be gumbo—worked on and refined by lots and lots of skilled cooks over time to become the delicious staple it is today, with lots of styles to choose from.  

The Right CMS For You

The right CMS for you depends on your specific needs, both now and down the road. How varied and adaptable do you need your site to be? What is the primary goal of your site? How many people will be using it? These are some of the questions you will want to ask when talking with a web developer about the best website solution for you.

August 18, 2015
SEO Terms:

4x3 Ideas

About a year ago, I programmed my first ever responsive website. I had heard of and seen them in action, but I never actually made one myself. It definitely was, and still is, a learning experience. My first few sites had some clunky and less than elegant responsive solutions in them. But in the past year, I’ve learned lots of tricks that make responsive sites easy to build and wanted to share.

Client Side Adaptive Image

So for this first post, here’s a helpful module that I use all the time. It’s called Client Side Adaptive Image and makes formatting images for different breakpoints super easy. 

I tried several other modules for generating dynamic images in views or content type displays. Some didn’t work exactly as I had hoped or the setup was anything but easy to understand. But Client Side Adaptive Image (CSAI) just worked and the setup was very straightforward.

Adaptive Image

After you install and enable the module, you’ll be given the option to use ‘adaptive image’ when adding images to views, to panels or changing settings in a content type display. When selected, you enter breakpoint values, the image style you want to use for each and what style to use as the maximum. 

When your browser is open all the way, your site will use the maximum size style. Make it a little smaller and once it hits a defined breakpoint, it loads a new image with the specified styled. It continues to use that image until you hit another defined breakpoint, and then the process is repeated.

Always make sure to set your maximum and fallback setting to the largest style the image will use. By default, both settings use the original size of the image which is usually way bigger than you need it. The fallback style is the one I always forget, it sets the style to use when a browser doesn’t support JavaScript. You’ll never notice that something’s wrong unless you look at everything in an older browser (especially early versions of IE).


Here are the breakpoints I use when designing with the Omega theme...

  • 1219px - If you’re using the wide layout that comes with Omega, this breakpoint sets the image for the standard/normal 960px wide layout. If 960px is as wide as your site will get, you can skip this one.
  • 979px - Sets the size for images on tablets and smaller screens
  • 739px - The last breakpoint that sets the sizes for phones, phablets and other smaller displays

I like to keep it simple and use as few breakpoints as possible, but you have the option to add as many as you want or need! 

September 25, 2014

4x3 Ideas

When building a new website, it's not uncommon for something (sometimes everything) to go wrong along the way. And once you've solved the same problem a couple times, solving it every time after that is like working through a flow chart.

So for anyone who is struggling with a problem in Drupal, here's a handy infographic covering the first step I always take when trying to fix an issue.

Clear the Cache

Clearing the cache isn't a guaranteed fix, but it's a great place to start and can fix plenty of potential issues.

For all those problems that clearing the cache doesn't solve, check back for more flow charts in the future. Rachel Schmitz is a 4x3 interactive designer and professional cache clearer from way back.

Clear the Cache

May 8, 2013
SEO Terms:

Website Launch

4x3 worked with the Facilities and Real Estate Services (FRES) team at the University of Pennsylvania to redesign and redevelop their university web presence.

In addition to a Drupal 7 upgrade an migration, the project included an upgrade of the campus map to Google Maps API V3 and a complete site redesign to align with Penn's new Web template standards.

May 1, 2013
SEO Terms:

Website Launch

4x3 is pleased to announce the launching of the Penn Green Campus Partnership website, in September 2012. The new site has been completely redesigned for greater visual impact and reprogrammed with a Drupal powered content management system.

The Green Campus Partnership is the umbrella organization that was formed in 2007 to address environmental sustainability planning and policy development at the University of Pennsylvania and to coordinate programs and initiatives for a more sustainable campus. Penn President Amy Gutmann was the first Ivy League President to sign the American College and University Presidents Climate Commitment (ACUPCC). 4x3 is honored to be involved with Penn Green Campus Partnership to build a culture of sustainability.      

November 11, 2012
SEO Terms:

4x3 News

4x3 launched a newly enginered website to introduce the new ELAP brand. 4x3 developed a full branding package for ELAP servcies that includes a logo, stationery package and website.

April 4, 2012

Website Launch

4x3 is proud to announce the launch of the new website for Gordon, Fournaris & Mammarella, a law firm in Wilmington, DE. GF&M requested a new design for their website, and 4x3 responded with a new look, a well constructed site architecture, and a Drupal powered content management system.

Drupal CMS and Site Hosting

Through the Drupal CMS, the staff at GF&M can easily make updates to their site, like adding publications, news, or updating information about staff members. 4x3 also hosts the GF&M site, which ensures faster pages loads and more up time.

It was a pleasure working with GF&M and 4x3 looks forward to a continued relationship now that the site has launched.

December 3, 2011

4x3 News

Clear Sound, Inc is simply the best when it comes to audio visual production, event production, and a/v service technicians.

So when it came time to rebuild their website, they chose the best. They chose Swivel Studios and their CMS programming partner 4x3.

Custom Drupal CMS

4x3 programmed custom designs created by Swivel Studios, a long-time partner, to create a completely custom Drupal CMS website for Clear Sound. The CMS is extremely user friendly, and stories like News and Events are easily added or updated by the client on a regular basis.

September 7, 2011
SEO Terms:

Website Launch

4x3 is please to announce their new client, The Historic Odessa Foundation. The project will entail a complete redesign of their current website along with the implementation of a customized Drupal CMS.

The main focus of the new site will be to develop a website for Historic Odessa that provides information for historic preservationists, adult tourists, families and school groups. The site will prominently feature custom photography, provide easy access to information, and include a “virtual tour” that promotes their visual presence.

Historic Odessa Foundation

The mission of the Historic Odessa Foundation is to preserve and encourage the use of it's historic buildings by the general public, students, and scholars in order to learn and appreciate the history, architecture, daily life, and furnishings of Delaware's colonial period with the anticipation that this process will contribute to the quality of life in the town of Odessa and the region.

June 30, 2010

Website Launch

4x3 and SwivelStudios have partnered again on the development of a new website for Clear sound, Inc. a full service Audio and Video production company and systems Integrator. 4x3 is workng closely with SwivelStudios to integrate a new design theme with a customized Drupal CMS. 4x3 will also provide SEO (Search Engine Optimization) consulting and custom keyword development.


4x3 partners with SwivelStudios on web design projects. SwivelStudios is a small graphic design studio just outside Philadelphia. We specialize in creating fantastic print collateral, custom web interface design, and branding and identity campaigns. SwivelStudios prides itself on creating quality and unique design communications that make an impact and are delivered on time.

May 11, 2010
SEO Terms:

Website Launch

4x3 is proud to announce the launch of the new National Arts Program® website. The new site has been completely redesigned and reprogrammed to update the visual design and layout to provide more impact and better showcase venues and artist work.

4x3 also reorganized the site architecture with a more focused emphasis on program venues and integrated a customized Drupal Content Management System (CMS) to provide more flexibility and better control of content. The site features secure login for artists to upload work to the collective online gallery showcase. The site currently showcases over 500 original works of art from over a hundred artists and and is growing every day. The operating mission of The National Arts Program® is to provide a free and uninhibited opportunity for participating visual artists to come forth with their talents, at their personal skill level, to be displayed professionally for public viewing.

By removing the obstacles to artistic expression, the Program gives participants a forum to expand and showcase their talent in the visual arts; this in turn gives them a sense of accomplishment, a sense of self-worth, and a more positive attitude in life. It is sponsored by the private National Arts Program Foundation, Malvern, PA.

March 19, 2010

Like what you see?

tell us about your project »