Subscribe: Ben Nadel ColdFusion, jQuery, And Web Development Feed @ BenNadel.com
http://www.bennadel.com/index.cfm?dax=blog.rss
Added By: Feedage Forager Feedage Grade A rated
Language: English
Tags:
angular ben  angular  application  ben nadel  ben  code  data  demonstrates  nadel demonstrates  nadel shares  nadel  typescript 
Rate this Feed
Rate this feedRate this feedRate this feedRate this feedRate this feed
Rate this feed 1 starRate this feed 2 starRate this feed 3 starRate this feed 4 starRate this feed 5 star

Comments (0)

Feed Details and Statistics Feed Statistics
Preview: Ben Nadel ColdFusion, jQuery, And Web Development Feed @ BenNadel.com

Ben Nadel's Web Development and User Experience Feed @ BenNadel.com



Recent blog posts covering JavaScript, User Experience (UX), ColdFusion, Node, and other topics



Last Build Date: Tue, 23 Jan 2018 17:09:10 EST

Copyright: Copyright 2018 Ben Nadel
 



Creating A Jump-To-Anchor Fragment Polyfill In Angular 5.2.0

Fri, 12 Jan 2018 08:22:00 EST

Ben Nadel presents a polyfill for jump-to-anchor functionality that is not currently supported in the Angular 5 Router. This polyfill seamlessly adds support with no additional "application" logic. And, it can be seamlessly removed in the future when it is no longer needed....



Wildcard Routes (**) Can Redirect Relative To Their UrlTree Location In Angular 5.1.3

Tue, 9 Jan 2018 07:45:00 EST

Ben Nadel demonstrates that a wildcard route (**) can redirect to a relative location in the UrlTree. This allows a feature module to provide local "missing route" logic without becoming overly coupled to the URL architecture at the application at large....



Wildcard Routes (**) Can Be Scoped To Route Sub-Trees In Angular 5.1.3

Mon, 8 Jan 2018 08:05:00 EST

Ben Nadel demonstrates that the wildcard route (**) can be used multiple times in an Angular 5.1.3 application. And, can be scoped to different portions of the Route configuration tree....



Sanity Check: Chrome 63 Still Causes Blurry Borders With Percentage-Based CSS Translation

Sat, 6 Jan 2018 08:08:00 EST

Ben Nadel demonstrates that percentage-based CSS translations can still cause blurry borders, even in the latest release of Chrome. This makes a percentage-based translateX / translateY approach viable in only a subset of circumstances....



Converting TechSmith JING SWF Movies To MP4 Videos

Tue, 2 Jan 2018 08:34:00 EST

Ben Nadel looks at how to convert TechSmith JING SWF movies into MP4 video files. Because the JING SWF movies don't actually contain any video assets, the conversion process is going to require a labor-intensive, realtime, and tedious replay-record workflow....



You've Kissed The Lips Of JavaScripts

Mon, 1 Jan 2018 10:34:00 EST

Ben Nadel remembers the theme song from the Official jQuery Podcast. This song (by Jonathan Neal) always used to leave me smiling after every episode....



Loggly Derived Field RegEx Matching May Require A Newline In The Pattern

Mon, 1 Jan 2018 07:16:00 EST

Ben Nadel looks at parsing derived fields with Regular Expressions (RegEx) in Loggly. And, points-out that there may be a newline character at the end of your log data that you aren't accounting for in your pattern....



The User Experience (UX) Of Conversion-Driven Development

Sun, 31 Dec 2017 08:18:00 EST

Ben Nadel considers the case in which our instinct as product designers diverges from the evidence provided by an analytics system; and, posits that a high-conversion workflow does not necessarily entail a positive user experience (UX)....



CSS Flexbox: Aligning Content Slightly Off-Center

Sat, 30 Dec 2017 09:15:00 EST

Ben Nadel demonstrates how to use the flexible box model in CSS to keep content slightly off-center (for design purposes). He does this with the help of "spacer" elements that have proportional flex-basis percentages....



Frameworks And Libraries Can Make You A Better JavaScript Programmer

Fri, 29 Dec 2017 08:38:00 EST

Ben Nadel disputes the claim that frameworks and libraries prevent people from learning JavaScript. In fact, he argues the opposite: frameworks and libraries can make you a much better developer, forcing you to think differently and more deeply about application architecture and about the JavaScript language itself....



Margin Collapsing Causes Unexpected Scrollbar With 100vh Body In Webkit

Wed, 27 Dec 2017 07:24:00 EST

Ben Nadel demonstrates an unexpected margin collapsing behavior in Webkit (Chrome and Safari) with Body tags that are using 100vh (100 vertical-height units). And, provides a few possible work-arounds....



Considering Strategies For Idempotency Without Distributed Locking With Ben Darfler

Fri, 22 Dec 2017 08:18:00 EST

Ben Nadel - with the much needed help of Ben Darfler - investigates the use of Distributed Locking in the InVision platform; and, noodles on ways in which distributed locks can be replaced with idempotent processing (for safer, more consistent, and higher throughput code)....



Favor Readable Code Over Idiomatic Code

Wed, 20 Dec 2017 07:10:00 EST

Ben Nadel considers what it means for code to be "idiomatic." Most of the time, idiomatic is a good thing. But, certainly not always. In such cases, favor "readable" code over "idiomatic" code and embrace the opportunity to become the rising tide that lifts all boats....



Using Data Attributes To Pass Configuration Into An Event Plug-in In Angular 5.1.1

Tue, 19 Dec 2017 08:04:00 EST

Ben Nadel looks at how to use DOM (Document Object Model) data-* attributes as a means to pass configuration information into Angular's event plug-in system....



Creating A General vs. InVision Experience For Incident Commander

Sun, 17 Dec 2017 08:33:00 EST

Ben Nadel adds a "version" option to his Incident Commander application that will allow InVision's needs to diverge somewhat from the needs of the general public. All data is still stored in a single object inside Firebase's backend-as-a-service (BaaS)....



Note To Self: Adding Type Declaration Files To A TypeScript 2.6.2 Project

Fri, 15 Dec 2017 08:21:00 EST

Ben Nadel documents some Type Declaration strategies for his own use in future TypeScript projects. This allows him to provide type-safety for "" files that he needs to consume alongside the rest of his TypeScript code....



Considering LocalStorage And The Browser Cookies As Integration Databases

Wed, 13 Dec 2017 07:25:00 EST

Ben Nadel noodles on the role of front-end data stores like the localStorage API and the Cookies collection as the front-end application is broken up into different deployable units. Does this decomposition and separation of concerns inadvertently turn front-end data stores into "integration databases"?...



Providing Services As Both A Multi-Collection And As An Individual Injectable In Angular 5.1.0

Mon, 11 Dec 2017 07:36:00 EST

Ben Nadel experiments with the dependency-injection container in Angular and confirms that a Service can be provided as both an individual injectable and as part of a multi-collection at the same time....



Interactive Git Rebase: Moving White-Space Changes To An Isolated Commit

Fri, 8 Dec 2017 08:31:00 EST

Ben Nadel demonstrates how to use an interactive rebase in git to move white-space changes to their own commit such that Pull Requests (PR) become easier to read and reason about....



Handling Global Keyboard Shortcuts Using Priority And Terminality In Angular 5.0.5

Mon, 4 Dec 2017 07:35:00 EST

Ben Nadel shares his approach for implementing keyboard shortcuts in Angular 5.0.5, using a KeyboardShortcuts service that requires explicit priorities and event-propagation rules. This explicit configuration brings clarity and a holistic view to global key-events, promoting them to a first-class concept within the application architecture....



I Love That TypeScript Doesn't Allow Me To Make Incorrect Assumptions About Object Usage

Thu, 30 Nov 2017 08:24:00 EST

Ben Nadel demonstrates one of the TypeScript features that he loves the most: the TypeScript compiler won't allow him to make poor assumptions about "duck typing" and object usage. Instead, he is forced - by the compiler - to write clean, self-documenting, unsurprising code....



Singleton vs. Single Instance And A Decade Of Unnecessary Guilt

Tue, 28 Nov 2017 08:12:00 EST

For years, Ben Nadel felt bad about the code that he wrote, believing that it was a manifestation of the Single anti-pattern. It is only recently that he finally learned the difference between the Singleton pattern and the "single instance" pattern. So many years of unnecessary guilt....



Fixing A 10-Year Gap In My Understanding Of How Form.submit() And Other DOM-Methods Work

Mon, 27 Nov 2017 07:27:00 EST

Ben Nadel fixes a 10-year mental model of how DOM methods and DOM events interact. For the last decade, he assumed that form.submit() represented the normal DOM workflow. He was wrong....



Double-Parentheses ()() Requires Too Much Cognitive Load For My Brain

Sun, 26 Nov 2017 06:48:00 EST

Ben Nadel shares the struggle he has with mentally parsing double-parentheses - ()() - which is a common syntax in the JavaScript and Node communities. Such expressions require more cognitive load than his caveman brain is able to provide....



Favoring Local Interfaces Over Imported Interfaces For Data Structures In Angular 5.0.2

Thu, 23 Nov 2017 07:42:00 EST

Ben Nadel shares a pattern of Interface usage that he's developed in his Angular 5 applications with TypeScript. He has started to lean on local Interfaces rather than imported Interfaces for simple data-structures....



Creating An Input-Driven AutoFocus Directive In Angular 5.0.2

Mon, 20 Nov 2017 08:28:00 EST

Ben Nadel shares an attribute directive that he uses in his Angular 5.0.2 applications to help make the native "autofocus" behavior a bit more consistent in a dynamically-rendered view within a single-page application (SPA)....



Forcing RouterLinkActive To Update Using An Inputs Hack In Angular 5.0.2

Sat, 18 Nov 2017 11:19:00 EST

Ben Nadel presents the edge-case in with the RouterLinkActive directive, in Angular 5.0.2, won't properly activate a navigational element. But, provides an input-binding hack that will force the RouterLinkActive directive to re-synchronize with the Browser URL....



Prevent Body Scrolling With A WindowScrolling Service When Showing A Modal Window In Angular 5.0.2

Fri, 17 Nov 2017 08:35:00 EST

Ben Nadel demonstrates how to use the CSS property "overflow: hidden" to prevent scrolling on the Body element in an Angular 5.0.2 application. This approach can then be encapsulated in a WindowScrolling service and used to disable scrolling when modal windows are open....



Why Message-Queues Don't Carry The Stigma Of An Integration Database

Tue, 14 Nov 2017 08:25:00 EST

Ben Nadel reflects on the Message Queue (MQ) and looks at why it is an integration database that doesn't suffer from the traditional stigma of an integration database. In fact, it is just the opposite - a shared database that keeps systems more loosely coupled....



Sanity Check: Shared Style Urls Are Only Compiled Into Angular 5.0.1 Once

Mon, 13 Nov 2017 07:09:00 EST

Ben Nadel looks at how shared styleUrls are compiled down in Angular components, destroys his previously poor assumptions, and sees a totally new path forward for modular CSS definitions....