css · geeky · php code

Lazy image placeholders that respect the actual image aspect ratio

While lazy loading of the images has been used by many performance conscious websites, the placeholder images are not usually the focus. Having placeholder images that respect the actual proportion of the lazily loaded images will reduce the “jumpiness” once images are loaded. Obviously in order to do this, you will need to know the… Continue reading Lazy image placeholders that respect the actual image aspect ratio

geeky · php code

Dynamically generate svg and converting it to gif in drupal

For the recent baby names project, we have a need to generate a baby name graphic on the fly to be used for pinterest. The corresponding graphics designed are very vector friendly. My first thought was why not generate these in svg to be shared? There are three background patterns and three different color groups… Continue reading Dynamically generate svg and converting it to gif in drupal

geeky · javascript

Javascript ES6 Highlights

Total credit to the ES6 quiz that you should take but I’m creating a poster version of the information shared on the quiz. I love straight forward code examples for learning. As a Java developer, these updates feel very natural. Let Introduces block scoping. Variables defined with let are available only in the nearest enclosing… Continue reading Javascript ES6 Highlights

geeky

Maven project with separate poms and build processes

At work we are trying to get our drupal php code into a workflow that’s more familiar to the java community. Build -> Upload artifact -> Deploying by downloading the corresponding artifact. Our Drupal Deployment Workflow Let me explain a little regarding our deployment workflow. The goal here is not having to check in resources… Continue reading Maven project with separate poms and build processes

css · geeky

Flexbox center cropped responsive images align justified

Some of you might know that I’m one of main developers who worked on the bhg.com site relaunch of 2015. I enjoyed applying many responsive techniques to the website. I used freely the relative new FLEXBOX feature in CSS. One of the more challenging aspects of the site design is the homepage. The designer’s dream was… Continue reading Flexbox center cropped responsive images align justified