Installing Bower packages in Angular

Standard

Learned something dumb today. I was having trouble getting the angular-scroll package to work at all. Then I remembered having similar problems months ago. Best to write this down to remember once and for all.

Add the –save flag

Most front-end packages on GitHub have installation procedures that look like this:

However, if you’re using a task manager like gulp or grunt to squash vendor scripts, you’ll probably also need to add the --save  flag in order to actually add the package to your bower.json config file.

Add the package to your angular module

Can’t also forget to add the package to the angular app module

Angular notes and animation

Standard

Two quick things I wish I knew about angular:

  • ng-repeat fcns only work on arrays, not js objects
  • use different classes for animating ng-hide vs. ng-if

ng-repeat

  • filter
  • orderBy
  • limitTo

Animation classes

  • ng-hide, ng-show: .ng-add, .ng-remove
  • ng-if: .ng-enter, .ng-leave
  • add/remove classes: .myclass-add, .myclass-remove
  • There’s also -active (end state), -stagger (use for delaying)

Responsive images with srcset and sizes

Standard

Eric Portis has written the best tutorial/explanation I’ve seen yet on implementing responsive images. I gave up on making responsive images when working on my portfolio because I couldn’t find consistent and understandable best practices. Now I may go back and try it again.

The key takeaway is that you declare the format of the image with srcset and then use the sizes attribute as the media query.

The tutorial: Srcset and sizes

A quick reference example:

Real Estate Website Attempt #1

Standard

I’m building a realtor’s personal website. Since I have never worked with realty, I need to learn a few things about MLS searches. Here’s a quick summary of my learnings followed by some process.

1) There are many many MLS databases. Each area/firm/agent has their own. These databases are their secretly guarded stash of people’s homes and their connected agent. Agents have their own action list of homes. These can be managed by things like open realty, a myPhpAdmin but for homes…

2) Getting access to search MLS databases requires a realtor that is a member of the MLS owner group.

3) If permission is granted by the MLS Provider, one can create a query and ftp whichever listings you want to your own database. Permission may require $$.

4) Most often 3rd party companies just provide the code that figures out how to display the listing info. (A good webdev/designer should be able to do this decently)

5) Some companies offer to host the MLS info, but that just takes the place of the original MLS. Heavy lifting here depending on how many people input into the database. These services are really only useful for big agencies like Century 21 who supports hundreds of agents.

TRIED:

  • Installing Open Realty 2.5.5 into a test site -> success, easy
  • Installing WordPress into test site -> success, easy

LEARNED:

  • Open Realty 2.5.5 doesn’t actually querry an existing MLS but just allows realtors to input listings themselves. Not useful for me.

PLANNING TO:

  • Need to contact Century 21 and ask how to get MLS access. May need actual realtor to make call.