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  ben nadel  ben  code  css grid  css  experience  grid  nadel demonstrates  nadel  user experience  user 
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: Sat, 24 Feb 2018 09:57:49 EST

Copyright: Copyright 2018 Ben Nadel
 



Creating A Poor Man's Exponential Backoff And Retry Algorithm In Legacy Code Using ColdFusion

Fri, 23 Feb 2018 06:56:00 EST

Ben Nadel shares a somewhat unorthodox approach to implementing a backoff and retry algorithm for making network-based API calls. And, enjoys the fact that, even in legacy code where refactoring options can be limited, inelegant code can still be clean and consumable....



The User Experience (UX) Of The Rogue Fitness Shipping Map

Tue, 20 Feb 2018 07:53:00 EST

Ben Nadel considers the user experience (UX) of the shipping map presented by the Rogue Fitness checkout process. And looks at why this particular map ends up creating a sensual and empowering context for the customer....



The Practice Of Empathy And The Avoidance Of "It Depends" As An Answer

Mon, 19 Feb 2018 08:03:00 EST

Ben Nadel discusses the infamous, "It Depends," answer. And how Derek Prior, of the Bike Shed PodCast, has offered some compelling insights into how we can approach answering questions and demonstrating empathy with those in need of help....



Using The Anchor Tag href And download Attributes To Force A File Download

Sun, 18 Feb 2018 08:36:00 EST

Ben Nadel looks at the HTML5 Anchor "download" attribute, which can get the user to download an HREF location using the given filename. This can also be used to download the Data URI representation of an HTML Canvas object (for fun and profit!)....



The User Experience (UX) Of Image-Oriented Lists On Apple TV

Fri, 16 Feb 2018 08:08:00 EST

Ben Nadel looks at the user experience (UX) of image-oriented lists in various Apple TV apps (specifically Netflix and HBO GO); and, compares and contrasts the reasons that one app provides an empowering user interface (UI) while the other one provides a constricting user interface (UI)....



Experiment: Recreating The InVision App User Interface With The Angular 5 Router

Thu, 15 Feb 2018 08:11:00 EST

Ben Nadel shares his experiment in attempting to recreate the InVision App user interface using the Angular 5 router. The hope here was to learn more about the Router by using it in an extremely non-trivial manner. It took four-and-a-half months; but, it was tote's worth it!...



Using Position Absolute Inside A Scrolling Overflow Container

Sun, 11 Feb 2018 08:51:00 EST

Ben Nadel looks at the way absolutely positioned elements behave inside an "overflow: auto" viewport. And, how to wrap the content in order to create a more "intuitive" relative-position anchor....



Creating A Dynamic Favicon Service In Angular 5.2.4

Sat, 10 Feb 2018 09:18:00 EST

Ben Nadel looks at how you might implement a Favicons service in your Angular 5.2.4 application that allows different components to activate different favicons in the browser. And, do so in a way that doesn't tightly couple the components to the implementation details of the favicon's injected Link element....



Restoring And Resetting The Scroll Position On Navigation With A Polyfill In Angular 5.2.3

Sat, 3 Feb 2018 12:25:00 EST

Ben Nadel presents a polyfill for restoring and resetting scroll positions in an Angular 5.2.3 application. This polyfill module monkey-patches the .pushState() method and stores page configuration with each history item. It's non-trivial and has not been battle-tested; but, it may inspire you to create something more robust and effective!...



Each Feature Flag Should Be Owned By A Single Deployment Boundary

Thu, 1 Feb 2018 08:18:00 EST

Ben Nadel discusses the scope of ownership of a feature flag and argues that any given feature flag should be wholly owned and operated within the boundary of a single service deployment. This prevent the feature flag database from becoming an integration database....



In Node, The error.stack Property Will Represent The Point In The Code At Which new Error() Was Called - Not When The Error Is Thrown

Wed, 31 Jan 2018 07:27:00 EST

Ben Nadel demonstrates that stack-traces (error.stack) in Node point to the line of code on which the Error() object was created - not to the point in the control flow in which the error is actually thrown. If not understood, this can lead to obfuscated and misleading stack-traces....



Practice: Progressively Enhancing A Flexbox Grid To Use CSS Grid

Tue, 30 Jan 2018 08:49:00 EST

Ben Nadel starts to experiment with CSS Grid layouts and looks at how to start with a Flexbox-based layout that is progressively enhanced to use CSS Grid inside of an @supports block such that the layout is half-way decent even in IE 11....



CSS Grid: A Free Video Course On The CSS Grid Layout By Wes Bos

Sun, 28 Jan 2018 10:56:00 EST

Ben Nadel reviews "CSS Grid", the latest video course by Wes Bos. This course walks the user through the CSS Grid specification, from the fundamentals through to real-world, responsive-layout use-cases. I highly recommend this course for anyone looking to improve their modern CSS skills....



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"?...