Dec.06.2022 redesign of Amazon's New World MMO with character classes. PART 1 : Preface. PART 2 : Research & Design. PART 3 : V1 Demo UX. PART 4 : Class UI Code. PART 5 : Dash UX. PART 6 : To-Do & Foliage / Wild Grass Demo. Fast-loading & high performant, AAA Game-like interface using Vanilla JS…

Make & Makefiles Make : a software build tool by Stuart Feldman in 1976 at Bell Labs (to unify and abstract common build scripts). It uses a single Makefile for your project instructions (but may load from other Makefiles). Originally it was written by & for the C language . ▼ Common Make…

Oct.05.2020 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…

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…

Jul.25.2019 redesign of Amazon Prime Video. 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 preferred when…

Dec.30.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…

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…

Apr.22.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…

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 up…

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…

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…

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…

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…

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…

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…

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…

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…