• The 5 Steps of Completion: Learning to break coding problems down

    When developers first start their journey, sometimes syntax is easy. Once you’ve memorized a few commands, classes, and method names, you can make simple applications quite easily. Either way, there is ample documentation and tutorials online - as well as Stack Overflow - surely copying-and-pasting your way through would be enough, right?

    Well, the real problem most actually face on a day-to-day basis when trying to program is not determining which lines of ifs and for loops go where. The problem starts at… well, the problem. Where to start? How to approach a solution to a given task or problem you are facing?

    Let’s try to answer the question: how to start approaching problem solving for any given task?

    Continue reading →
  • Placeholder.photo: An easy way to add mockup images to your UI and web development workflow

    When prototyping UI designs or code, we often need images to put in places when we have no finalized images in the design, or in order to test out different sizes and colors when only some are provided.

    I find myself needing to find an image to use when developing websites and apps often, and finding a mock image to upload is time consuming - not to mention leaves possibly unwanted files in your code or design.

    So what do we do?

    Enter: placeholder.photo.

    Continue reading →
  • Flutter Tutorial - Creating a Wheel Spinner Widget

    Flutter is an amazing framework for app development. It is fairly new, but gaining popularity every second. Being component and composition based, and with the fact that it includes many built-in widgets to work with, it’s really easy to create amazing widgets, either simple or complex. Today we’ll be learning how to create a real-world case widget for updating a numeric value - a spinner. Ah! But not just any spinner! We’ll make this one look like the pitch-bending knobs you can usually find in a studio. It will also support “flinging” the finger to keep rolling with the direction it was let go in, and using the velocity of the finger.

    Continue reading →
  • Simple Scaffold: Generating multiple files for faster coding

    As most people who have been working a lot in front-end development, I will acknowledge that no matter what framework, library set or tools you work with, you end up replicating a lot of files, especially with modern component-based frameworks, such as React, Angular and Vue.js.

    They usually grow to be very different, but they almost always start with the same some sort of base-skeleton, which gets built-upon later. A lot of pipeline code written, and time wasted.

    Continue reading →