What is NPM??

NPM stands for Node Package Manager and is a software registry for javaScript packages. NPM comes "packaged" with NodeJS, so you have to install node before you can use npm.  Once node is installed npm comes with its own CLI (command line interface) we will use to access, manage and install 3rd party packages we will need for our project.

If we are creating a new project, we will need to initialize the project by typing the init command below into the command line terminal in the root location of our project.

 $ npm init

This will walk us through the process of creating a package configuration file. This file holds all the configurations for our new node project. Below is an example of how the file will look after you have completed the npm init process

How to Deprecate a React Component

Deprecating a react component is a big decision, and you need to be careful not to leave our developer clients in a conundrum. To off set the pain level i have come up with some pointers that can be used to deprecate a component in a graceful way that will minimize the impact on dependent code.

Document, document, document...

It can not be overstated, you need to document your code. The first level of documentation should happen in your Wiki, newsletter, rss feed, or what have you.

Brave New World! Then there were three.

I have always used this blog sparsely to highlight really big events, but i think it is time for me to put some more effort into keeping this more updated. I want to really dive into my knowledge about web development and just share my thoughts more often.

My life is amazing!
Now, today my 3rd little baby, Josephine May, is 17 months old, she was born on October 2nd 2018, it has been a whirlwind this last year taking care of 3 little ones. Josie i can only describe as spirited and joyful! Her favorite thing to say is "Iwant...onnne" she is so cute.

What is NodeJS

Now more than ever developers are using Node.js to to configure run and build their websites. Node, according to their site, is a JavaScript (js) runtime built on Chrome's V8 JavaScript engine. Node is NOT a framework or coding language, the language is JavaScript, only it runs on your machine or container as a service instead of how it traditionally runs on the browser. In a nutshell, it allows you to run js on your server.

I will leave some links at the bottom of this article for you to dive deeper if you want, but we are just going to scratch the surface of node's capabilities in this article.

Work @ USAA

I got a job working for USAA!! They are an amazing  company that has a core value system that has impressed me more than any company I have ever worked for! I think I will have a long career here!! I, along with my team, are tasked with the maintenance and support of our enterprise component library using React, Redux, and ES2015.  I have learned a massive amount of skills including advanced git & npm commands, artifactory management, & true teamwork!

Lollipop's Uniform Shop Website is LIVE!!!

I built a website for my Mother-in-law who owns a small uniform shop in Tyler, Tx. I am proud of her accomplishment, it isn't easy being a small business owner. There are lot of taxes and unforeseen costs, but small businesses in the private sector are the back bone of America!! She has a few contracts with schools in the Tyler TX area. Used "Wix" for the first time to see how easy it is. It isn't as flexible as i would like, but it did make a month long project only take 2-3 days! You should visit Lollipop's Uniform Shop and order some school uniforms for your kids, she has good prices and is a very friendly person to do business with!!

I have a Son!!!

I am a father, again!! This time to a handsome baby boy. I cant wait to watch you grow up buddy!! you are the pride of my life. I pray protection and health in your life, may your muscles be strong and your bones be straight for all of your days!! He was born at 4:50am on Tuesday, June 15th 2017. He was 11lbs even...a big boy!! Mommy, Gabbi and I are so happy to welcome this guy into our lives!!!

Work @ RealPage

Joined the Online Leasing team. This team utilizes cutting edge technologies, including AngularJS & NodeJS to build a salable, dynamic user interface catering to our customers with an amazing user experience.
Later, I Moved to the Foundation Team. A team commissioned to rebuild RealPage Applications using modern frameworks like Angular & VueJS. We are also using Laravel, for backend development.

I am a father!!!

Kortni and I had a beautiful baby girl her name is Gabbi Jo, she is so precious. When she was born Kortni kept saying, "Awe, its ok honey.." and "Honey..I love you". This was funny to me cause I have never herd her call anyone that pet name. Anyway, she is so sweet!! She was 8lbs and 3ozs and was born at 4:27pm on Tuesday, August 12th 2014!

Show/Hide Elements Based on Form Input Values

This is a very handy tool for using forms to hide/show an element of any type. Almost every application at some point will use this. I hope this helps anybody struggling in this area, enjoy!!

User experience (UX)

User experience (UX) involves a person’s emotions about using a particular product, system or service. User experience highlights the experiential, effective, meaningful and valuable aspects of human-computer interaction and product ownership. – wikipedia

What really is User Experience? To many time I come across a guys profile on LinkedIn and one of his/her skills listed is UX, and I’m like, “Is that a skill?”. Turns out, it is a skill. It isn’t so much a Web Development skill as it is more of a Web Designing skill. What is the difference? Lets just think of it as a process.

Work @ PwC

PwC (PricewatterhouseCoopers) is the largest professional services firm. I am excited to be joining their team!! What an amazing oppurtunity!! I started @ PwC on Sep. 9th 2013! Where i will Work as a Senior Associate, User Interface Developer

Redirect to Login Page WordPress

how to redirect to wp-login.php when users are not logged in to your site:

Dont waste time… Jing it!!!

Have you found yourself having to hit the print screen button on your computer and then crop your image on a image editor, and add notes…

Time consuming huh? Well there is this nifty little application called Jing. It helps you capture a specific area of your Computer Screen and copy image and past it in an email, save image for later use, or upload image to the web and copy url to the clipboard in order to share it to anyone online…

Chemistry Blog… LIVE!!!

This is it!!! My big one The project I have been working on for about 2 months at Match. I am so excited I have learned a lot and look forward to continuing to make the site better!!! So check it out: blog.chemistry.com!!!


It was built on the WordPress CMS. Although most of the UI Development was by me, I would like to give props to The Match Design Team; QA Team; Social Media Team, headed by Andy Chen; Rafik Bryant, for Help with the php development, and Thomas Gormley for leading the development vision! I feel this project is a huge success!!!

Kortni Littlefield

Ok, So there is this girl, alright, well she is my girlfriend…um yep I’m proud to be with her, her name is Kortni Littlefield and she is the most amazing person, she wants to be a teacher you see, she loves children… Right now she is working at Primrose School of FireWeel, she teaches little toddlers. I think she will become an amazing teacher, she has such a sweet personality!

She plans to Attend Collin Community College(CCC) Where she will begin her journey towards her goals to becoming a teacher. I support her 100% in everything she wants to accomplish. She is a very talented lady. I look forward to sharing and experiencing her accomplish her dreams in life, she will always know that I am here for her holding her up so she doesn’t fall.

Full-time Work @ Match.com

I have just accepted a full-time position at the match.com dating website. This is definitely a pinnacle point in my life!!! I am about
the enter a very competitive environment. But as the slogan says, LOVE. YOUR WORK.

My job at match starts April 18th! Where I will be a User Interface Developer.

Everybody Loves PIE

SO here is the issue, CSS3 is around the corner, with it comes some incredibly powerful styling features. Rounded corners, soft drop shadows, gradient fills, etc. But as we all know, due toInternet Explorer‘s lack of support for any of these features, we must be patient and refrain from using CSS3…

Or do we?

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties. Pretty cool huh?


Read more about the details on css3pie.com

TABLES are better than DIVS??? Email Template Design…

Relax, I have not fallen of the face of the earth, I am talking about emails… It is true that because of the numerous email clients lack of support for floats, positioning, margins, and paddings Email templates are safer to build in Tables instead of divs.

I know you are shocked beyond belief at the revelation I have just given you, but for all you super-smart dudes & dudettes, I’ll give you something a little extra.

the Image to the left highlights a website called Campaign Monitor. If you look under resources, you will find numerous tips on building email templates including:

Responsive Web Design

CSS3 Media Queries are an extension to CSS Media Types. They are used to assign different CSS stylesheets to a web page depending on browser window size. A Media Query consists of a media type and one or more expressions to limit the scope of style sheets.

On CSS Tricks, A Web Design Community created by Chris Coyier, a web developer and designer who also co-authored Digging into WordPress. Chris covers a number of aspects of media queries including: