Design apps for your phone and browser at the same time

Web Apps

Date Title Views Comments

Date
Title
Views
Comments

AngularJS Material Design Autocomplete

1987 5

In this tutorial video we’ll get fancy with Autocomplete! We’ll look at some sweet little tricks that you can use when you’re working with small datasets. Both Local and Remote/Server side sets of data can be handled in a similar once the data is available to AngularJS.

AngularJS Material Design Tabs, Forms & Toasts

3741 8

We’ll pick this video up from the end of the AngularJS Material Design Toolbar Tips and Tricks and extend it out further to get working Tabs with external templates, and ui-router, we’ll also look at forms, and toasts.

Which JavaScript web framework should I use?

1152 4

Ever felt like: OMG! Which web framework should I use? How do I know if I’m picking the right one? WHY IS IT SO HARD!!

Material Design Web App Thinking + MeteorJS & AngularJS 2

1517 0

We go behind the scenes with early designs for a Material Design Web App that I’m working on, and some insight into the types of things that designers need to consider for UX that is created for a specific audience.

3 Tips for your Material Design Wireframes

1065 3

Here are 3 quick tips that will help you create beautiful Material Design Wire-frames, with templates, icons, and colour combinations.

Designing a new web app from scratch

935 0

I’ll show you my approach to web design, with my first sketches for a new project that I’m working on. A requirements sketch, and some first wonky wire frames.

AngularJS Material Design Toolbar Tips and Tricks

5433 0

We look through the AngularJS Material Design starter app, with tips and tricks for Toolbars: including, layout=”row”, layout=”column”, md-tall, tabs and themes.

AngularJS Material Design Side Project Sneak Peak

1552 3

I’ve been playing around with Angular Material a lot lately, and I’ve been really impressed with how easy it is to create pretty web apps, (once you get the hang of it).

There are so many cool things that I’d like to share, but I don’t know where to begin! So in this video, I’ll take you through my latest side project, and show you the types of things that are possible.

Design your Web Apps with Bootstrap Wireframes

594 0

In this video we’ll look at how you can quickly and easily create professional looking wireframes using Adobe Illustrator, and free bootstrap vector graphic templates and vector icons.

Get AngularJS Batarang Working in Chrome

809 4

Quick steps to show you how to remove your existing version of AngularJS Batarang, and how to install a ‘working’ version.
So you can see your Angular Scopes and Models again!

Set up a free MongoDB database using Compose.io

1220 2

Wondering how to set up a free MongoDB database online? This video goes through the quick steps to show you how to set up a Free MongoDB sandbox database using www.compose.io.

You’ll have your database ready in a couple of minutes!

Functional Interaction Design – Part 6

2279 2

An introduction to functional design. We’ll identify a subset of requirements and create an interaction flow. We’ll then look at each step in the interaction flow with: use cases, storyboards, wireframes and business rules.

Use cases and storyboards – Part 5

843 0

Once we’ve locked in a set of requirements, we can start designing! We’ll begin by creating a list of use cases, and storyboards (scenarios). Storyboards and wire-frames are often created in parallel, and changing one normally leads to changes in the other.

Behaviour Driven Requirements – Part 4

502 0

Behaviour driven tests are also a great way to make sure that the requirements aren’t forgotten about as the project progresses. There’s no better way to show progress than when you can easily show how many tests are passing at any point in time.

Business Goals, Feasibility and Fit Gap – Part 3

455 2

This approach is not too dissimilar from something that you might see in a business case. After all, the more we understand about the business drivers, the more we can reduce assumptions, and focus on the real, underlying problems.

Business Processes and Workflows – Part 2

596 0

A context diagram is a great place to start exploring. It lets us look at a problem from the outside, and peel away the layers until we get to the core. This is a great way to understand how a business interacts with the entities that live outside of it.

Analyse and Identify the Problem – Part 1

704 2

New customers are often referred to App-Makers by existing or previous customers (which is a great thing!). However, this can often mean that early interactions with a customer are recorded in Facebook chat, SMS messages, and emails with different members of the team.

Web App development: how do you build a web app?

1340 2

To help lift the veil of secrecy around where software comes from, and how to actually make it work for you and your business, lets go through a step by step approach of architecting, designing, and developing a web app.

When new technology is already obsolete

749 0

I’ve been using the MEAN stack for quite some time now (MEAN is a web app stack which consists of MongoDB, Express, Angular, Node). In the last few months, the stack, predominately the ‘A’ (Angular.js) part of the stack has gone through a process of transition. This has been a bit of an awkward time […]

What is GitHub? Open source tips and tricks

849 0

GitHub: has millions of public and private repositories, with thousands more being added everyday. GitHub repositories or ‘repos’, are used as a collaborative means of source control. Github allows a granular level of change control and code management. This means that code changes can be clearly identified, issues can be addressed, and new features can be requested, all in one place.