Journal

Using Drupal 8 Entity Field Values In Javascript

Submitted by Brian on August 22, 2016 - 10:52am
Uising Drupal Behaviors to retrieve variables

With modern javascript frameworks and client-side page processing, the ability to pass your Drupal variables to JS opens up many opportunities. In my case, I needed to create a content type that allowed the author to fill out values that would the be used in a dynamic chart for display. I decided on using the ChartJS V2 framework to achieve this, so I needed to get the values on the 'currently viewed' node, and provide access to my JS function.

There are a few places you can do this, but it made sense for me to create a module for this function

Viewing a site on your local LAN using Acquia DevDesktop 2

Submitted by Brian on April 4, 2016 - 10:57am
View your local site on other devices.

Often times, when developing you want to view your site on various other devices. There are a number of solutions out there using web based proxies to tunnel your site (ngrok, localtunnel, etc) however I have found these to be too slow and often times have issues with redirects, etc.

here's a quick and dirty guide to viewing a DevDesktop site with minimal changes (on a mac)

Drupal 8 - An intro field guide for front-end developers

Submitted by Brian on August 1, 2014 - 1:40pm

Drupal 8 is almost here, and it’s bringing big front-end improvements, including new methods to display data on mobile devices using breakpoints, build flexible templates in TWIG and better management for tools and libraries.

Most importantly, changes to the display layer mean that Drupal has become a much more agile and extendable for Front-end Developers...

Setting up Varnish 3x on a Drupal 7 site running a CentOS server

Submitted by Brian on February 6, 2014 - 2:56pm
simple guide to getting varnish running on your Drupal site

Varnish is an extremely powerful reverse proxy tool for caching your sites anonymous traffic. That being said there are some steps that you need to take to get it set up and I found it quite hard to find a guide on how to do this so I figured I would post it here.

Pinterset-style image gallery

Submitted by Brian on September 11, 2013 - 2:28pm
Build an very simple image gallery that compiles from a directory of images


As the summer comes to a close I finally am getting caught up on the various different projects that I said I was going to do. well, one of those is putting up the images from my wedding this summer! In any attempt to use an "easy" social sharing photo gallery like Google +, I became frustrated that my family that didn't have a google+ account could not access the photos. So, I decided to build my own!

Creating custom jQuery easing animations

Submitted by Brian on February 11, 2013 - 5:40pm

custom easing

As a fundamental jQuery plugin for almost every project, the easing plugin makes for simple and lightweight animation piece for a variety of uses. With its huge library of animations, one can find something for just about every application. While I was developing this site, I was creating a homepage slide that I was looking to create an animation to give it a ‘bobbing’ or ‘floating’ effect. The closest that I could find already part of the plugin was EaseOutElastic. Unfortunately this was far too aggressive and didn’t simulate the feeling I was hoping to display. Therefore, time to create my own function: If you look at the jQuery.easing.method() structure that is directly on the plugins homepage it looks like this:

Pop-up notification in the present state of the web

Submitted by Brian on February 5, 2013 - 2:21pm
the fight for attention and the place for the infamous and age-old pop-up.

In any good user experience, one of the main goals is to train the user to navigate efficiently. That said, given time and iterations-after-iteration of a site often leaves pieces of functionality or text hard to reach. This is where things go seriously wrong; now all the sudden you have to come up with a solution that overturns the rabbit-hole that was dug.  In comes the pop-up. A seemingly simple, quick fix to get the users attention. You see this all the time: Instructions for something that is not obvious, promotions for a new offer, sign-up for a new newsletter campaign or reminders to take an action.