Setting Up MEAN.js with Nginx on Ubuntu

AngularJS, ExpressJS, Javascript, MEAN.js, MongoDB, Nginx, Node.js

I started a new project that will uses MEAN.JS (MongoDB, ExpressJS, AngularJS, Node.js). In my previous post, I discussed setting up Nginx and Apache together on Ubuntu. In this post, I will discuss how to use Express with Nginx. My initial plan was to install Express and use the Express Generator for application scaffolding, but I recently began reading about MEAN.js (and MEAN.io) and decided to use MEAN.js for application scaffolding.

Continue reading

Checkout My New Site - T-shirts For Geeks

Drupal: Dependent dropdowns with jQuery

Ajax, Drupal, Javascript, JQuery, PHP

I have told my co-workers on many occasions that Drupal doesn’t do true Ajax. With true Ajax, elements change without a page refresh and only the relevant elements are affected. With Drupal, the elements change because the entire form is refreshed. For instance, if you use Drupal’s Ajax to make the values of one dropdown dependent upon the selected value of another, the entire form has to be refreshed in order for the second dropdown to be updated (See Ajax Example: Dependent Dropdown). Although, there are times when I do use Drupal’s Ajax in this scenario, I much prefer to use jQuery.

Continue reading

Checkout My New Site - T-shirts For Geeks

Drupal: Using the Features API in Your Module

Drupal, PHP

Although, I have not written many posts about Drupal, I have actually worked more with Drupal over the last 4-5 year than any other web technology (except for jQuery). I recently created a module to control the display of a content type’s fields based upon roles (node add/edit). I created an import/export of the modules settings so that each environment (development, test, production) could be easily updated. The problem is that import/export is such a manual process that it was often overlooked during a deployment. So I decided to use the Features API to featurize my module’s settings.

Continue reading

Checkout My New Site - T-shirts For Geeks

Using Nginx and Apache together on Ubuntu

Apache, Django, Magento, Nginx, Ubuntu, Wordpress

I am beginning a new project that uses MEAN.JS (MongoDB, ExpressJS, AngularJS, Node.js). I use Apache as my webserver on my local Ubuntu VM. When I first read about using Express, I wondered how I would use Express and Apache together. Further confusion came when I learned that my host provider (webfaction uses Nginx to serve static files and Apache for PHP and other server-side technologies. So Node.js and Express will actually be running under Nginx. Because I wanted my development environment to be enulate production as much as possible, I decided to run Nginx and Apache together.

Continue reading

Checkout My New Site - T-shirts For Geeks

Dojo Widgets: Converting to AMD

Ajax, Dojo, dojo-widgets, Javascript

A few years ago, I created gpDojoGallery – a Dojo image gallery widget. I was recently asked whether I had a AMD-ified version of the widget. I have been doing a lot of Drupal and Magento projects lately (with a heavy dose of jQuery) and I haven’t worked with Dojo in quite a while, so I had never heard of AMD (Asynchronous Module Definition). After some quick googling, I learned that Dojo is not the only library that uses AMD, so I decided to convert my gpDojoGallery widget to the AMD format in order to better understand it.

Continue reading

Checkout My New Site - T-shirts For Geeks

Standardizing jQuery in Magento Extensions and Themes

Ajax, E-commerce, JQuery, Magento

I’m not that familiar with Prototype (Magento’s default Javascript library), so I use jQuery with most of the Magento extensions that I create. Although I use $.noConflict to avoid conflicts with Prototype and other jQuery versions, there are times when multiple versions of jQuery are loaded. This generally causes Javascript errors with either my extension or another extension/theme that is loaded on the page (depending upon which is loaded first).

To avoid conflicts for future Magento theme and extension developers, I created the jQuery Update extension. Similar to Drupal’s jQuery Update module, this extension will standardize the use of jQuery and jQuery UI within Magento.

Continue reading

Checkout My New Site - T-shirts For Geeks

Magento Extension: Responsive Menu

E-commerce, Magento

In a previous post, I discussed the Responsive Menu jQuery Plugin. Since it’s creation, I have integrated the plugin with CodeIgniter and Drupal. I also used this plugin on DevoutGeek.com. When I first integrated the Responsive Menu plugin with Devout Geek, I only added it to the menu template file. I recently took the time to create a Magento extension. The video below displays how to set up (and use) the extension. The Responsive Menu extension for Magento can be downloaded from DevoutGeek.com or Magento Connect.

Checkout My New Site - T-shirts For Geeks

Magento Extension: Configurable Products Utilities

E-commerce, Magento

In a previous post, I discussed the Configurable Colors Magento Extension. I just completed a new Extension that builds upon Configurable Colors – Configurable Products Utilities. The Configurable Products Utilities extension allows the store owner to easily create and delete configurable associated products in bulk. This tool was created for those who have grown weary of spending 15-30 minutes inputting the associated products for each configurable product. With this tool, creating these products can be completed in a matter of minutes – including the image uploads.

The Configurable Products Utilities extension also integrates the Configurable Colors extension that I created a few months ago. It enables the store owner to create color swatches for configurable products. Swatches can be made using HTML color names, Hex Values, Classes, or images. The Configurable Products Utilities extension also controls the display of the thumb and large images. The sizes for these images can be set in the Admin Panel. The Configurable Products Utilities extension also comes with an image zoom component. The size of the zoom image is also configurable.

The video below displays setting up and using the Configurable Products Utilities extension. The extension can be purchased on DevoutGeek.com. I’m working on a few more Magento extensions, so stay tuned.

Checkout My New Site - T-shirts For Geeks