View Post

How to Structure a SASS Project

In CSS, LESS & SASS by blueflymedia

One of the most useful features of Sass is being able to separate your stylesheets into separate files. But how should you structure your Sass projects? Is there a standard way of separating out your CSS files?

See All CSS, LESS & SASS Posts
View Post

UX Design Process – Design

In UX by blueflymedia

Here comes the exciting part of our product development. After a lot of research and collecting valuable data for our team, now we can start thinking about designing the product itself.

View Post

UX Design Process – Research

In UX by blueflymedia

In the user research stage, we focus on understanding the product itself first, the user’s behavior with the product, their needs, their pains, and their motivations.

View Post

UX Design Process – Discovery & Planning

In UX by blueflymedia

Discovery and planning This is the first stage of the UX process where we first touch on/discuss the idea behind our product. It’s always a good approach to involve the client here immediately and introduce them to our UX team. Then, together, we can start defining the product scope. Discovery Phase We will start by listening to the client’s idea, putting their idea on …

View Post

Being a Full Stack Designer

In Design by blueflymedia

The difference between a regular designer and a full stack designer is the ability to think of the bigger picture, because a full stack designer will be involved in the UX Process, design patterns, critical thinking, coding techniques, and a lot of other tools that will help them to finish the project, while a regular designer is involved in a specific area of design only.

See All Design Posts
View Post

Getting Started with Grunt

In Developer Toolkit, Web Development by blueflymedia

Grunt is a task runner that can dramatically improve your front-end development workflow. With the use of a number of grunt plugins you can automate tasks such as compiling Sass and CoffeeScript, optimizing images and validating your JavaScript code with JSHint.

See All Developer Toolkit Posts

Node.js – Event Emitters

In Food & Drink Recipes by blueflymedia

Callbacks are emitted and bound to an event by using a consistent interface, which is provided by a class known as EventEmitter . In real life, EventEmitter can be likened to anything that triggers an event for anyone to listen to. EventEmitter implementation involves the following steps: Importing and loading the event modules by invoking the “require” directive. Creating the …

View Post

Homemade Thin Crust Pizza

In Food & Drink Recipes by blueflymedia

Makes 2 (10-inch) pizzas; serves 4 For the dough:3/4 cup lukewarm water1 teaspoon active-dry yeast2 cups unbleached all-purpose flour, plus more for dusting3/4 teaspoon salt2 teaspoons olive oil, divided For the toppings:1/2 cup sauce: classic red sauce or a white sauce Toppings: sautéed onions or mushrooms, sliced red peppers, pepperoni, cooked sausage, bacon, etc. Cheese: one or a combination of shredded mozzarella, provolone, Parmesan, fontina, romano, and asiago Arrange a rack in the bottom third of …

See All Food & Drink Recipes Posts
View Post

Vue.js Development Issues

In Vue.js Framework by blueflymedia

The case against window variables is a long one, but, specifically to this discussion, they don’t work with server rendering. When the app runs on the server the window object will be undefined and so attempting to access a property will end with an error.

View Post

Vue.js and .net Core Templating

In JavaScript, Web Development by blueflymedia

For a recent project, I need to integrate a front end framework with ASP.NET Core 2.0. After a bit of research on the ocean of JavaScript frameworks I landed on using Vue.js for the framework. It’s light, it’s easy to work with, and ramp up time should be minimal compared to something like Angular. It now appears that .net has …

See All JavaScript Posts

Understanding Buffers, Streams, and the Filesystem in Node

In MEAN Web Stack by blueflymedia

Buffer This is a chunk of memory where data is stored temporarily. This non-resizable memory is designed to handle raw binary data, and the integers in it are limited to values from 0 to 255 (2^8 1), with each integer representing one byte. Streams  Whenever you talk about reading data from a source and writing it to a destination, you’re referring to …

View Post

MEAN Web Development

In MEAN Web Stack by blueflymedia

Now let’s implement a folder structure so we can begin building out our application. Implementing the horizontal folder structure To begin structuring your first MEAN project, create a new project folder with the following folders inside it:  Once you created all the preceding folders, go back to the application’s root folder, and create a package.json file that contains the following …

See All MEAN Web Stack Posts
View Post

MongoDB Reference

In MongoDB by blueflymedia

The core components in the MongoDB package are: mongod – the core database process; mongos – the controller and query router for sharded clusters; and mongo the interactive MongoDB Shell. For more information http://docs.mongodb.org/manual/reference/program/ help – This will output a list of basic commands available in the MongoDB shell. For help with methods that operate on a database, you will use the db.help() method. Typing help into the MongoDB shell …

See All MongoDB Posts
View Post

UX Design Process – Design

In UX by blueflymedia

Here comes the exciting part of our product development. After a lot of research and collecting valuable data for our team, now we can start thinking about designing the product itself.

View Post

UX Design Process – Research

In UX by blueflymedia

In the user research stage, we focus on understanding the product itself first, the user’s behavior with the product, their needs, their pains, and their motivations.

View Post

UX Design Process – Discovery & Planning

In UX by blueflymedia

Discovery and planning This is the first stage of the UX process where we first touch on/discuss the idea behind our product. It’s always a good approach to involve the client here immediately and introduce them to our UX team. Then, together, we can start defining the product scope. Discovery Phase We will start by listening to the client’s idea, putting their idea on …

See All UX Posts
View Post

Vue.js Development Issues

In Vue.js Framework by blueflymedia

The case against window variables is a long one, but, specifically to this discussion, they don’t work with server rendering. When the app runs on the server the window object will be undefined and so attempting to access a property will end with an error.

See All Vue.js Framework Posts

Understanding Buffers, Streams, and the Filesystem in Node

In MEAN Web Stack by blueflymedia

Buffer This is a chunk of memory where data is stored temporarily. This non-resizable memory is designed to handle raw binary data, and the integers in it are limited to values from 0 to 255 (2^8 1), with each integer representing one byte. Streams  Whenever you talk about reading data from a source and writing it to a destination, you’re referring to …

Creating a Node Program

In Web Development by blueflymedia

Create a JavaScript file and name it hello.js . This can be done using the options in the File tab. Load the built-in http module by using the “require” directive and passing a constant variable ( http ) to it: const http = require (‘http’); Declare and initialize the hostname and port as constant variables using the following code: const …

View Post

MongoDB Reference

In MongoDB by blueflymedia

The core components in the MongoDB package are: mongod – the core database process; mongos – the controller and query router for sharded clusters; and mongo the interactive MongoDB Shell. For more information http://docs.mongodb.org/manual/reference/program/ help – This will output a list of basic commands available in the MongoDB shell. For help with methods that operate on a database, you will use the db.help() method. Typing help into the MongoDB shell …

View Post

MEAN Web Development

In MEAN Web Stack by blueflymedia

Now let’s implement a folder structure so we can begin building out our application. Implementing the horizontal folder structure To begin structuring your first MEAN project, create a new project folder with the following folders inside it:  Once you created all the preceding folders, go back to the application’s root folder, and create a package.json file that contains the following …

View Post

Getting Started with Grunt

In Developer Toolkit, Web Development by blueflymedia

Grunt is a task runner that can dramatically improve your front-end development workflow. With the use of a number of grunt plugins you can automate tasks such as compiling Sass and CoffeeScript, optimizing images and validating your JavaScript code with JSHint.

View Post

How to Structure a SASS Project

In CSS, LESS & SASS by blueflymedia

One of the most useful features of Sass is being able to separate your stylesheets into separate files. But how should you structure your Sass projects? Is there a standard way of separating out your CSS files?

View Post

Vue.js and .net Core Templating

In JavaScript, Web Development by blueflymedia

For a recent project, I need to integrate a front end framework with ASP.NET Core 2.0. After a bit of research on the ocean of JavaScript frameworks I landed on using Vue.js for the framework. It’s light, it’s easy to work with, and ramp up time should be minimal compared to something like Angular. It now appears that .net has …

See All Web Development Posts