Preparing the web for a new era of displays.
How to Structure a SASS Project
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?
UX Design Process – Production
This is the last phase of the UX process and will continue till the product’s UX process lifecycle exists.
UX Design Process – Design
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.
UX Design Process – Analysis
You can do UX analysis in different ways and using different approaches.
and methods that vary in terms of formality and user participation.
UX Design Process – Research
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.
UX Design Process – Strategy
Before you start building any kind of digital or physical product, you will need to have a strategy first, a plan for your product to succeed.
UX Design Process – Discovery & Planning
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 …
Being a Full Stack Designer
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.
Creating Better Retina Images
Preparing the web for a new era of displays.
Getting Started with Grunt
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.
Node.js – Event Emitters
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 …
Homemade Thin Crust Pizza
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 …
Including JavaScript Libraries in Vue.js Projects
There are several correct methods to include JavaScript libraries in your Vue projects, and one very bad one.
Vue.js Gotchas and Use Cases
From the Vue.js guide, I’ve put together some things that I’ve struggled with in the past.
Vue.js Development Issues
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.
Vue.js and .net Core Templating
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 …
Understanding Buffers, Streams, and the Filesystem in Node
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 …
MEAN Web Development
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 …
MongoDB Reference
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 …
UX Design Process – Production
This is the last phase of the UX process and will continue till the product’s UX process lifecycle exists.
UX Design Process – Design
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.
UX Design Process – Analysis
You can do UX analysis in different ways and using different approaches.
and methods that vary in terms of formality and user participation.
UX Design Process – Research
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.
UX Design Process – Strategy
Before you start building any kind of digital or physical product, you will need to have a strategy first, a plan for your product to succeed.
UX Design Process – Discovery & Planning
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 …
Including JavaScript Libraries in Vue.js Projects
There are several correct methods to include JavaScript libraries in your Vue projects, and one very bad one.
Vue.js Gotchas and Use Cases
From the Vue.js guide, I’ve put together some things that I’ve struggled with in the past.
Vue.js Development Issues
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.
Understanding Buffers, Streams, and the Filesystem in Node
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
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 …
Structuring Your Application Folders for Angular/Express
Since the MEAN stack can be used to build all sorts of applications that vary in size and complexity, it is also possible to handle the project structure in various ways. Here are the two main project structures – horizontal and vertical.
MongoDB Reference
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 …
MEAN Web Development
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 …
Getting Started with Grunt
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.
Creating Better Retina Images
Preparing the web for a new era of displays.
How to Structure a SASS Project
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?
Vue.js and .net Core Templating
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 …