Theming

One of the most popular components on any website I've worked on is the card component.  Depending on the website, the card component is used to group various pieces of content into a container which can be used throughout your website.  Here’s an example of a card component in one of our projects.

Online forms are one of the most common methods used to gather meaningful information and connect with customers and prospects on your website. There’s always the need to add custom theming or functionality to your webforms in Drupal 7, and we’re going to cover a few different options that will equip you to bend webform to your will.

Theming options covered in this blog post:

By now it’s no secret that the recommended approach for building websites is using components.  Component-driven development is breaking entire web pages into smaller pieces and working with those pieces individually.  As Stephen Hay puts it in his talk on Responsive Design Workflow, “We’re not designing pages, we’re designing systems of components."

In a fast-moving industry like ours, it is imperative that we have tools that allow us to build environments (front and back-end) quickly while providing consistency. The same way we have DevOps processes for quickly spinning off a complete Drupal website built with composer, drush, Drupal console and more, we need a system that automated Drupal theme generator process which includes all the essential tools needed for a modern, best practices, and standards-compliant environment.

Most web pages share pieces that are reused throughout the entire site. While I’ve heard them called different things, I prefer to call them components. Some examples include the header, footer, main navigation, logo, slideshow and so on. Most of these can be broken down into smaller components as well. For example, maybe the header is a specific layout that includes the main navigation and the logo.

Happy Friday and thanks for tuning into Episode 17, it's good to be back!

If you are a front end developer, the biggest takeaway from Dries’s keynote at Drupalcon New Orleans was the Drupal 8 Component based theme initiative.

Have you ever edited the appearance settings of a theme like Omega, and wondered how it provides its own custom options? Wouldn’t it be awesome if you could do this for your theme, and provide site builders with straightforward tools for choosing different style treatments, or localization settings? Then it’s time for you to dive into custom theme settings!

Writing CSS is easy. Writing CSS that can scale and can be easily maintained is not.

At DrupalCamp Atlanta 2015, I presented a session on how to achieve next-level CSS. My presentation focused on techniques and best practices for writing scalable, maintainable CSS. 

Check out this video of my session "Leveling up CSS with SMACSS and BEM" that explores:

Debating Drupal 8 for your organization? More than 400 sites are already running on Drupal’s newest version. Among these early adopters is Manhattan Associates, a B2B software technology provider who broke new ground this year when they teamed with Mediacurrent to launch a redesigned Drupal 8 website.