Recent Web Log Entries By Ben Nadel
Using CSS Pseudo Elements :before And :after
Posted: January 21, 2013 at 9:38 AM by Ben Nadel
The CSS pseudo elements, :before and :after, have been around since IE8. So, this is probably not news to many of you. But, for me personally, I just started using the :before and :after pseudo elements and I've been absolutely loving them! They making it much easier to keep design-centric elements out of your markup and in your CSS (where they be... read more »
Comments (17) | Post Comment | Ask Ben | Permalink
Exploring Directives, $scope, DOM Rendering, And Timing In AngularJS
Posted: January 18, 2013 at 9:36 AM by Ben Nadel
AngularJS provides a powerful glue that binds your View Model ($scope) to your View (HTML) using an inline, declarative syntax. As directives get linked and your $scope values change, AngularJS works quickly to update the DOM (Document Object Model) as needed. At the same time, AngularJS also needs to alert Controllers to changes in the $scope. Th... read more »
Comments (10) | Post Comment | Ask Ben | Permalink
Rendering DOM Elements With ngRepeat In AngularJS
Posted: January 16, 2013 at 9:44 AM by Ben Nadel
When it comes to compiling and rendering DOM elements, AngularJS is definitely a little bit magical. Things just work! And, they work really well. Especially when it comes to syncing the DOM with the view model (ie. $scope) shared by the various Controllers. At first, they mysterious nature of the syncing is delicious; but, when your application s... read more »
Comments (7) | Post Comment | Ask Ben | Permalink
Clearing Inline CSS Properties With jQuery
Posted: January 15, 2013 at 9:01 AM by Ben Nadel
The other day, I found myself with an odd CSS problem that I had not encountered before (or at least not in a really long time); my CSS class properties were being overridden by inline style attributes left over from a jQuery animation. Specifically, jQuery left a "display" property on an element's style attribute which prevented the "display" pro... read more »
Comments (24) | Post Comment | Ask Ben | Permalink
Nested Views, Routing, And Deep Linking With AngularJS
Posted: January 14, 2013 at 9:57 AM by Ben Nadel
Out of the box, AngularJS gives you routing and the ngView directive. With these two features, you have the ability to map routes onto templates that get rendered inside of the ngView container. This works for simple, one-dimensional web sites; but, unfortunately, if you have a site that requires deep routing, AngularJS leaves you up to your own d... read more »
Comments (56) | Post Comment | Ask Ben | Permalink
Creating A Custom Show / Hide Directive In AngularJS
Posted: January 4, 2013 at 3:54 PM by Ben Nadel
As I expressed earlier, I've been loving AngularJS . It's a powerful JavaScript web application framework; but, it does have a fairly steep learning curve. One of the most difficult things for me to really wrap my head around was how to best leverage Directives. In AngularJS, a directive is where your application's custom DOM (Document Object Mod... read more »
Comments (31) | Post Comment | Ask Ben | Permalink
My Experience With AngularJS - The Super-heroic JavaScript MVW Framework
Posted: January 3, 2013 at 9:10 AM by Ben Nadel
I've been learning and using AngularJS for the past couple of months and the journey has been a little bit of an emotional roller coaster. In the end, I am extremely happy with our decision to go with AngularJS; and, I'm very grateful to Jamie Krug for not backing down with his suggest... read more »
