My husband, who works as a network engineer at a university, told me his student interns peer pressured a new intern into installing Linux OS on the windows machine just so he could be a “real” programmer. He doesn’t normally care except the installation wasn’t successful even after they wasted over two hours. On top… Continue reading Why “you must use Linux to be a ‘real’ programmer” is such a myth
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
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
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
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
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
NO MORE negative margin hack
I was playing with codrops dialog effects and learned the following: New absolute centering using flexbox Add css class for animation effect and remove it on animation end How to align background-image to the right and bottom Simple dialog effects pen
Placeholder text in selection/dropdown cannot be manipulated by CSS right now. Sometimes we’d like the placeholder text to change based on how wide the container is. Goal To allow the same HTML look differently based on the width of its container. So here’s an idea to generate a selection/dropdown via a list and allow the… Continue reading Responsive Selection/dropdown idea
Pure-Essence.Net 