Tagged: front-end

Design tips for lowering front-end costs, part two: Reducing complexity

Abstract image showing complex design

Last week, we discussed a few ways design deliverables can be made with the goal of streamlining the front-end development process. This week, we’ll address design complexity and how to simplify things with that same goal. Assemble page designs as a collection of modular pieces that fit together, and provide notes for any edge cases …

Read more »

Design tips for lowering front-end costs, part one: Deliverables

box of typesetting letters

Here at Advomatic, we frequently get the chance to partner with really creative, disciplined, and talented design shops. Over the years, we’ve identified a few areas where we can be more helpful to them. We’ll try articulating the best ways to solve design problems which have an impact on the front-end development approach. Along with strategizing …

Read more »

Accessibility As You Go: Part 3

Picking up where we left off in Part 2, in which we went over some of the tools and design considerations for accessibility, in Part 3 we’ll review some tips for minimizing accessibility issues by addressing them early in the development process. Plan Your DOM Order DOM is Document Object Model, which is the fancy …

Read more »

The roles of the web and how to break in

Over the holidays my brother in-law was asking about the world of the web, and how he might start a career in the industry. I started thinking about all the different disciplines involved in creating a website and I realized that this was going to be bigger than just a few words in between bites …

Read more »

Front-end Code Review Fundamentals

We’ve been thinking about code reviews lately here at Advomatic.  Fellow Advo-teammate Oliver’s previous post covered the whys of our code review process, and Sarah covered the hows when she did a overview of some tools we use regularly.  This post focuses on the front-end side, and deals more with the whats of front-end code …

Read more »

Adding Responsive Images to Your Drupal 8 Site

Cowritten by Jack Haas and Amanda Luker Celebrating the first release candidate for Drupal 8, the Advomatic team has been testing things out, diving into not-so-well documented (yet!) waters. Here’s a little tutorial for doing something that had us scratching our heads for a bit: adding responsive images in Drupal 8. Here’s what you will need: …

Read more »

Automating Living Style Guides in a Drupal Theme

Over the past year or so here, we’ve tried to make front-end development less painful by creating living style guides in our Drupal themes that we can use internally as a valuable resource during development, as well as externally as a client deliverable. They allow us to write consistent, reusable and efficient code that is easy to maintain over …

Read more »