Remodeling Four Kitchens: A look inside our new brand
With the additions of Advomatic and Manatí, we’ve had an exciting few years at Four Kitchens. While we’ve remained fundamentally the same organization, we’ve also been evolving into something new. It’s time for our brand to catch up.Learn more
A more modern, sustainable approach to higher ed websites with YaleSites
A higher ed website is a product, not a project. Learn about Yale’s sustainable approach to digital development and how your team can do the same.Learn more
News and insights from the Web Chefs
Filter by topic
Filter by type
One of the things we do on an annual basis for our clients at Four Kitchens is an annual site audit — a high level kick-the-tires kind of site inspection. For Drupal sites, we check the logs for any glaring errors, check for overrides in Features, run some SEO and accessibility testing, and, of course, take it for a speed test.
Component-based theming in Drupal 8: the video series
Check out our video series on component-based theming in Drupal 8.
Use AdvAgg Information tab to debug or optimize CSS and JS aggregates in Drupal 7
Although Drupal tries its hardest to combine CSS and JS in the most optimal way, sometimes it needs some guidance. Using a practical example, we'll become familiar with AdvAgg's information tab, letting us identify files within aggregates so that they can receive special processing within other Drupal hooks.
Use Grunt and AdvAgg to inline critical CSS on a Drupal 7 theme
Inlining critical CSS on a dynamic CMS such as Drupal or Wordpress doesn't have to be a pain. Using the Four Kitchens blog as an example, we'll go through the process of generating critical CSS, inlining the file dynamically, and asynchronously loading the remaining CSS aggregates using the AdvAgg module.
Use Gulp to automate your critical path CSS
Take a brief look at the process behind generating critical path CSS. Although it can seem daunting when first learning about it, the tools are surprisingly simple. Read on for a brief intro plus a code example that you can use today.
Use Gulp and UnCSS to slim down your CSS framework
CSS frameworks are a nice way to get started with a project. You can tell by the name of many popular frameworks: Bootstrap, Foundation, and Skeleton just to name a few. All of these names evoke a starting point — problem is, unless you take time to eliminate the pieces you did not use, you'll ship bloated code to your users. Read on to learn how to eliminate the unused CSS from your frameworks when it is time to go live.
Making the web a better place to teach, learn, and advocate starts here...
When you subscribe to our newsletter!