When I first learned about SASS, it was pretty exciting to think of how efficient and powerful my theming was sure to become. However before I was able to make that a reality, I needed to answer the question: “How does working with SASS and Compass fit in to the Drupal theming workflow?”
Since then I have developed a process that works well for me. At last Tuesday’s Drupal Users Group meeting in Santa Cruz, I presented this short demo as part of our Theme round-up. I offer the text below as well as a PDF download.
Compass sprite generation makes working with CSS sprites easy and, dare I say, fun but getting a sprite to repeat horizontally in the background can be an issue for newbies. This tutorial is for those just getting into spriting with SASS and Compass.
For this project, I have set up a compass project right inside my site theme directory:
Yesterday I was migrating a site from a shared host to my local dev environment (MAMP on Snow Leopard) when I hit a curious error message just after migrating the database: "Got a packet bigger than 'max_allowed_packet' bytes". This error was thrown by the update module when writing to the watchdog table. I have quite a few modules installed and apparently the insert statement was too long for my MYSQL configuration. Apparently people are encountering the error both during a database import and as in my case, after the import.
We've been testing different contributed Drupal 7 modules to assess the readiness of the
ecosystem for production sites. The Media module is an ambitious and promising solution
for managing and deploying a variety of media assets. It promises to be the successor to the
very successful Embedded Media Field
After reading the extensive documentation it occurred to me there was a need for a tutorial in this area.
We love Drupal here at Ferlito/van Der Wyk, but as soon as we get accustomed to a certain way of doing things with Drupal, it changes. Here's one example: using Drush to put a site into maintenance mode. This drush command puts a site into maintenance mode:
Simply put, Responsive Web Design combines the idea of a fluid site layout- one that contracts and expands with the browser width- with the technique of using CSS media queries to detect the browser widths and change the style, layout and proportions of your website content so that users enjoy a seamless experience, regardless of whether they are using a smartphone, tablet or widescreen desktop monitor to view the site.
When we think about the process of creating a website, what usually comes to mind is creating a visual design and developing the programming that supports the design. But easily the most important part of website creation is the development and organization of the website content itself– the very reason why anyone would want to be on your site in the first place!
A website can be a pretty powerful marketing partner for your business. For a website to be a success, it is important to define specific goals for the site and to write the appropriate copy to accompany the design. Below are a few tips for writing specific and engaging website copy.
When it comes to designing or re-designing a website, there are many ways to approach the project. Some clients have in mind a certain look they want to achieve, while others focus on features the site should have. When we start any new project, one of the most important questions we can ask our clients is ‘Who is your target audience?’ The answer to this question informs the style, structure, features, layout, and language of the site.
