Profile

Cover photo
Brandon R
Lived in Phoenix, AZ
37 followers|60,583 views
AboutPostsPhotosVideos

Stream

Brandon R

Discussion  - 
 
AngularJS Animation question:
I've figured out how to get the animation working. I have some content in a div and the animation class on the div with an ng-show. The div shows and hides fine, but the contents appear before the animations is complete. Any ideas why? Here's the plunk: http://plnkr.co/edit/rM2aBu
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
1
Garrett McCullough's profile photoBrandon R's profile photo
11 comments
 
I ended up just applying an animation to the parent div, this gave me the effect I wanted. Still wondering if there would be a better way to do this.
Add a comment...

Brandon R

Discussion  - 
 
Please help... so  my general feeling about github right now is one of pure and absolute hatred. I will be honest, I am a C# developer, working with Visual Studio 2013. I use TFS at work but I thought I would give GIT a chance for some personal work. Now before you jump on the bandwagon and start bashing my choice of platform, please keep in mind I work for a MS consultancy and the whole point of this was to learn how to possibly integrate GIT with my existing tools for work. Although, I suspect this issue would be a problem whether I was using linux/mac or windows tools. Anyhow, I have the utmost appreciation for any help I might find here.

First let me just say that I have no idea how I got to the point I am at now. I had been using the git extensions for visual studio, which for the most part was working fine. I modify commit and sync changes from two separate computers. Then all of the sudden I go to sync my commit from the desktop and I start getting errors. Long story short, I downloaded smartgit, and Im looking at the log, and I have one old commit that goes off to the side that says origin master but I have two newer commits when I click on 'Lost Heads'. It is the newest one that I want, as is, overwriting any other changes. I can do a pull from that branch, but I cant rebase it or anything without errors. Im really not sure what to do now.

I almost wanted to just ditch GIT entirely when it reverted all my code to the origin master which discarded the 8 hours of work I had just put in. I cant see the lost heads in either Github client, or in the VS extensions, I do see them in the console, but I have no idea how to get it back in sync.

In any case, please help me renew my faith in this tool as right now... utter disdain! lol
1
Brandon R's profile photoSpencer “E Clown” Allen's profile photo
4 comments
 
+Brandon R
I misunderstood your issue. I thought the incorrect code was local.
Add a comment...

Brandon R

Shared publicly  - 
 
I still use Pandora, in fact I prefer it for just listening when I don't really care to interact with the program. Like listening from my phone while working. Spotify is cool when I want to listen to something specific but doesn't do a very good job of helping to just find similar tunes when I don't want to go searching for them.
1
Add a comment...

Brandon R

Discussion  - 
 
Hey Angular peeps... I am not totally new to Angular, although I have never actually completed an Angular project as of yet. I am however, quite familiar with jQuery and that way of doing things. So for a particular project I set out to create a metro style UI. I had started initially using jQuery and isotope. Which got off to a decent start, but I really wanted this site to be in Angular. I created the main plumbing for the site, wrote a service to feed images, controllers, etc. I had it just populating div's on the page without isotope at first, and everything was working well.

Then came time to integrate isotope. My initial thought was to write a directive around isotope, but I ran into issues with that. And to be honest, it just didn't seem like the AngularJS "way", and I didn't really want to deal with all of the other complexities and magical black boxy-ness of isotope when I was only using  small subset of that functionality. Writing directives around jquery plugins to just seems dirty to me.

 I dont need all the fancy automatic re-arragement, or support for multiple tiling options. I just want to have ordered tiles on the screen. The column height,width, and arrangement of the tiles will all be assigned in code before it is displayed. All of the dimensions will be consistent so the tile all light up, it really doesn't seem to me all that complicated. I thought about creating an two dimensional array in memory, and then each tile would define an x,y coordinate in the array and a width and height span. When loading photos for the tiles, it would look at meta data on the photo and determine how to display it based on certain criteria (high res, marked favorite, panorama, etc. It would then just fill out out all the tiles by priority until the array was full, basically filling any left over tiles with single tile photos. This seemed do-able, but a bit over complicated , and I really don't think I have a strong enough grasp of writing directives for this path to become clear to me.

So anyhow, my question for you all is simply; Is there a better way to do this? I am not looking for somebody to code this up for me or anything I am just trying to get a little direction. This is really just a brain storming of sorts. If possible, it would be awesome if anybody could help find any samples of doing something similar so I can get a better idea of how to effectively go about it. I have some ideas about how I could do this in just jQuery and pure JS, but the light is just not coming on, so to speak, when I think about how I would do this in AngularJS.

Any and all suggestions, assistance, links, etc. would be GREATLY appreciated! Thanks everybody! And happy coding! :D
1
Amitav Roy's profile photoBrandon R's profile photo
2 comments
 
+Amitav Roy Great tutorials indeed thank you for the link, that will surely be helpful. Although its not so much the core stuff that I am struggling with, its the functionality that requires heavy interaction with the DOM. I've done a lot of searching and have found a few examples (i.e. http://jsfiddle.net/8Qmry/) of how it could be done using isotope. If I have to do it that way I will, but really what I am looking for is maybe a tutorial that manipulates a lot of DOM objects, shape, size, and position, in pure Angular. 

I will continue to search, but really I am just throwing this out there because I thought it would be a fun brain storming exercise! lol
Add a comment...

Brandon R

Shared publicly  - 
 
Yay! That's awesome! :-)
1
Add a comment...

Brandon R

Shared publicly  - 
 
Not at all surprised to see this kind of crap going on. Im sure its just some lesser known members of those groups that are responsible for this. In any case, I hope this bill gets stopped!!!
1
Add a comment...
Have him in circles
37 people
Thomas Fulton's profile photo
Brian Weaver's profile photo
Steve Buck's profile photo
Gene Stygar's profile photo
Dared63's profile photo
ShepHertz's profile photo
Steve Commisso's profile photo
Kristi Gall's profile photo
Michael Lopez's profile photo

Brandon R

Discussion  - 
 
My question is actually two fold. What I am trying to do is create a framework to dynamically load states in a hierarchical fashion and add them to the state (ui-router) and generate a menu. Each closure in the app.js file represents a new file. These files are loaded in dependent order by Cassette ( a bundling and minification lib). 

First off here the plunk: http://plnkr.co/edit/rM2aBu. This works in a browser but not in the plunk for some reason, not sure why. if somebody could help me figure that out first that would be peachy! :-)

My actual question is concerning angular-animate. If you'll noticed in the gallery.html file there is a div with the animate class. There is also a corresponding css class (line 232). What I would like to happen is for the div to scroll into view when the template is loaded. But I just don't understand how to go about doing that.

Thank you in advance for your help, as always, very much appreciated!
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
1
Mark Titorenko's profile photoBrandon R's profile photo
3 comments
 
FYI I updated it to generate the sub menu from the state like the other menus. Added a filter, and scope logic to populate the menus. Still not quite sure how to do the animation. O_o
Add a comment...

Brandon R

Discussion  - 
 
Hey people... So Im playing around with routes in AngularJS, and I've got it working on my machine. I have a fiddle up here: http://jsfiddle.net/X6mA9/2/ (although it is not working on there and I dont know why but that is not my question). My question is, why do I have to put the #/ in front of the links to make it work? If you look at the example here: http://docs.angularjs.org/api/ngRoute.$route it doesnt seem to require the # but I am not really seeing what I am doing differently that is causing that behavior. Any ideas?
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
1
1
Jeremy Caney's profile photoBrandon R's profile photoGabor Orosz's profile photo
2 comments
 
Ahh I see! So it was just the  $locationProvider.html5Mode(true); The docs say " // configure html5 to get links working on jsfiddle" above the line so I thought it was just for jsfiddle, but that seems to have fixed it. Glad it was something simple! Thanks!
Add a comment...

Brandon R

Shared publicly  - 
 
Why do I get all these weird ass Anime characters with Japanese names in my "You may know" box all the time?
1
Andy McDearmon's profile photoBrandon R's profile photo
2 comments
 
It's weird. It must be some kind of underground game happening on G+ or something. Spammers maybe? The profiles all seem to be very elaborate. In any case, its annoying.
Add a comment...

Brandon R

Discussion  - 
 
Hey guys/gals! I am somewhat new to Angular and I am trying to create a simple isotope grid using angular, although I've commented out most of the isotope bits for troubleshooting (see the link for plunker).  The problem is I am getting the following error from the script, and I just don't understand why:

Error: Duplicates in a repeater are not allowed. Repeater: item in items key: string:"

I've tried to keep this as simple as possible, but I am at a loss here. I love the potential of AngularJS but getting stuck on these types of things with little recourse is incredibly frustrating. It is sometimes exceedingly difficult to debug this sort of thing with AngularJS which is my one and only complaint thus far. Anyhow, any and all advice would be GREATLY appreciated.
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
1
1
yahya Kacem's profile photoBrandon R's profile photoHugo Campos's profile photoJeff Stein's profile photo
5 comments
 
Indeed, toJSON serializes the object into a json string, as the name indicates. The toJSON function can be used, for instance, when you want to send data to a server which accepts json as yahya Kacem said.

The reason why you see the data as being the same (presumably in the dev tools console) is because the console also serializes the object in order to display it.
Add a comment...

Brandon R

Shared publicly  - 
 
Well at least the senate had the sense to stop this garbage.
1
Add a comment...

Brandon R

Shared publicly  - 
 
This is hilarious.
1
Add a comment...
People
Have him in circles
37 people
Thomas Fulton's profile photo
Brian Weaver's profile photo
Steve Buck's profile photo
Gene Stygar's profile photo
Dared63's profile photo
ShepHertz's profile photo
Steve Commisso's profile photo
Kristi Gall's profile photo
Michael Lopez's profile photo
Work
Occupation
Web Developer
Basic Information
Gender
Male
Story
Tagline
A brief description about me.
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Previously
Phoenix, AZ
Links
YouTube
Contributor to