@Christopher J Coggins

15 Posts


Firefox Cloud reUX

Oct.06.2019 | 6m Read | ^UX
Oct.05.2019 redesign of Firefox.com into a unifying cloud platform. PART 1 : usability issues. PART 2 : UI updates. This redesign (or reUX) samples the original Firefox web site, but goes deeper, drawing inspiration from dark interfaces found in professional tools like Visual Studio Code and Adobe…

GitHub Enterprise reUX

Aug.28.2019 | 13m Read | ^UX
Aug.28.2019 redesign of GitHub's Enterprise landing page and branching content. It also features brand management and marketing strategies to convert existing GitHub users to Enterprise. This requires maximizing content, pageflow (user navigation analytics), and CPM or costs per thousand…

Prime Video reUX

Jul.25.2019 | 7m Read | ^UX
Jul.25.2019 redesign of Amazon Prime Video (updated: 2020 ). PART 1 : usability issues. PART 2 : UI updates. This redesign (or reUX) is based on the existing web site. It is not specific to any platform other than horizontal-ratioed screens. Pointer hovers are omitted and larger components are…

Mattermost Chat UI Update

Dec.30.2018 | 1m Read | ^UX
Dec.30.2018 redesign of the Mattermost chat client. Search Channel: Currently when searching through channels you get a mass of rooms and are required to be invited to invisible private channels. This is remedied via a streamlined UI and search / filtering interface. New Channel: The search…

Improving LinkedIn's UX / UI

Oct.15.2018 | 2m Read | ^UX
As of Oct.14.2018 LinkedIn’s news feed looks like this: Feels like we are going back to early Web 2.0 here. The problem? ☑ It does not match the established styling and color scheme. ☑ High contrast and black on modern screens causes eye fatigue (even pain). ☑ Pictures become more ominous and dingy…

Apple.com React Redesign

Apr.22.2018 | 4m Read | ^UX
Apr.22.2018 redesign of Apple.com. Home: The top navigation (or nav) links like 'mac', 'iphone', 'ipad' (and other idevices) now sports SVG icons. It is a custom headroom component with a soft shadow (dark blue) optimized for light-grayish backgrounds. A '3D' or embossed look for the down CSS style…

Regex & State

Apr.02.2018 | 2m Read | ^AI
Machine Learning hogs the limelight in AI , but before perceptrons we had Finite State Machines . And Hierarchical Finite State Machines . And Behavior Trees with Behavior Trees of Hierarchical State Machines . And, and (!). These are still used in games and Unreal Engine so let us read…

UE4 Animation Starter

Getting started with UE4, why not begin with this animation starter? It covers all the forms of animation from C++ , Maya import, Blueprints , and the Material Node Editor . And remember: Unreal Engine's material node editor is actually radians / Pi, despite its label of 'radians'. Yeah it…

Trello vs Jira vs Kanban

Jan.12.2018 | 9m Read | ^DevOps
In the following we shall cover various methodologies , mixed approaches, and tools to increase or focus productivity. This is the second article covering DevOps tools and methodology integration. See PART 1: Agile vs Scrum vs Lean for a background on methodologies. Kanban (Lean): ▼ What is…

Agile vs Scrum vs Lean

Jan.02.2018 | 8m Read | ^DevOps
DevOps teams manage and complete tasks. The way by which these teams plan and execute we call methodologies . They can be formal structures or patches from various systems. The alternative is to use whips and chains with sacrifices to Molech, but most insurance refuses to cover it. PART 2: Trello…

Docker vs Kubernetes

Dec.30.2017 | 3m Read | ^DevOps
Confused by DevOps , IT , or maybe toolsets like Docker and Kubernetes ? I mean what the freak is a ' Kubernetes ', right? Come with me on an adventure to get containerized and virtualized . DevOps (Development Operations) ☑⁡⁡ Originally DevOps fell under the umbrella of more generalized…

bcrypt & JWTs vs Cookies

Dec.11.2017 | 8m Read | ^Security
Here we cover some core concepts of security and progress down the cryptographic rabbit hole of passwords, encryption, and web storage. Buckle-up Buck-o. Cyber vs IT Security: ▼ Considerations: ▼ The CIA Pillars of IT Security: Middleware (software): ▼ How does it work? ☑⁡⁡ The middleware (software…

React Native vs Cordova vs Ionic

Nov.02.2017 | 2m Read | ^UX
You are using React , but maybe you want to move or port to mobile apps? React Native might be what you need. Or perhaps a hybrid approach like Apache's Cordova or the Ionic framework. Everything is here to get started as a mobile app developer in 3, 2, 1... React Native vs React: ☑ Different…

React with Router & Redux

Oct.17.2017 | 12m Read | ^UX
Facebook's React is an open-source framework (free, reusable code). It powers many complex User Interfaces ( UI s) for apps. We shall cover not only the basic operations and lifecycle, but the MVC ( M odel V iew C ontroller) software pattern, networking protocols , and Redux (state…

OS & CPU Architecture

Oct.06.2017 | 23m Read | ^DevOps
Computers (math machines) use a system of processors (math engines) and memory (info or data storage) to run software (instructions). The Operating System or OS (foundation software) acts as the middleman between the hardware (machinery) and other programs (software units). Software…