Latest Posts

What is an Explainer Video?

An explainer video is a brief, entertaining, and informative video that is two to three minutes long, but could be longer, depending on the subject. For example, if you were creating an explainer video about a subject like how to perform a garage door repair, it might be longer than that of how to change a light bulb.

Explainer videos are also a great marketing tool to let everyone know about your company’s products and services. The thing about explainer videos is that it is not just a tool to just explain an idea. With an explainer video, you want to bring focus and attention on making your idea, your business, your concepts easy to understand. This should be your intention and your goal.

 

How to Create an Explainer Video

The thing you should first understand before you even begin is that the language of your explainer video should be have clear and concise language that is easy to understand. This means that while you might know what you are talking about, you have to realize that there are other folks who might have a clue what you are talking about. So, if you are speaking of garage door repairs, make sure that you explain any phrases or products thoroughly.

While you want your explainer video to be informative, you also want it to be entertaining. You don’t want to bore you audience. This translates to inputting exciting visuals to capture someone’s attention. Simply put, you want to attract attention. One of the advantages of using an explainer video is that learning through audio and visual is conducive to the human brain and how it is equipped to handle information. Your brain is geared to handle incoming information when one or more of your senses is activated.

If someone is watching your explainer video, which contains both remarkable audio and visual concepts, they are more likely to remember your business than if you just used bold text. Why do you think Youtube is so popular? Explainer videos can be created in a number of platforms, including GoAnimate.

goanimate

Benefits

An explainer video helps a consumer understand who you are, what you offer, and what you do a lot quicker. This translates to getting them to the next step, which is to contact you for service, much faster. This further translates into business and profit.

Back in the day, there was this concept known as an elevator pitch. This was when you should be able to explain who you are and what you do (your business) during the time of an elevator ride (around two minutes). Here the thing about this. With and elevator pitch, your pitch has to be one point every time. As a human being, you know this is highly unlikely to happen. You could be having a bad day or just feel like not talking. With an explainer video, you can be on point each and every time, regardless of how you feel.

What is a Task Runner?

Simply put, task runners make web designing much, much simpler. If you have used code, and if you are a web designer, I am guessing you have, you don’t want to keep doing the same task over and over again. Another way to think about this is that if you have to keep performing the same function over and over again, you want to find a way to do it more efficiently.

When you are starting a new project, you will find yourself performing the same thing repeatedly, like optimizing images and minifying code. The time you spend doing the same task over and over can add up with fast, especially when you are creating new files or changing old ones. Not only is this inefficient, it brings wear and tear on your fingers and keyboard. This is where a task runner comes in handy.

A task runner does exactly what the name suggests—it runs tasks. You specify what task you want done, and a task runner will do it. Previous to task runners coming into existence, if you wanted to assemble SASS, you had to complete each task separately. With a task runner, you specify the tasks you want done, and the task runner does them all at once, saving you time and headaches.gruntjs

Nowadays, there many task runners to choose from, such as Brunch.js, Grunt.js, Cake.js, and Broccoli.js, all built in Javascript. In my humble opinion, one of the top task runners is G
runt. It is wide supported and can be read using a Gruntfile that has your task configuration in a Javascript object. You just run a command in your terminal on which task you want to run; it is that simple. Your Gruntfile will be tough or simple, contingent on what tasks you are running.

Since plenty of web developers are choosing to use Javascript for the front and backend of their applications, this has brought a huge assortment of tools to the table, aka task runners. A good task runner will complete the tasks as swiftly as possible. Also, it will have a lot of plugins that makes it easier to complete tasks as well.

It is important to know that a task runner that uses a configuration style is harder to understand because it is operating under the hood, so to speak. A task runner that utilizes code instead of configuration is easier for you to know what is really happening. Another good fact to know about a task runner is its processing method. The file-based method, meaning the files is used as measurements of work. Temporary files are completely handled by the task runner during the process. The pipeline method is when files are joined together and managed in the computer’s memory during the process.

If you are a web designer or web developer, any task runner you choose will be a big help. Anything that will save you time, money, and keystrokes is an additional bonus to your projects.

What are Frameworks?

Frameworks are concepts and practices that are used to deal with common problems. In the web design world, a framework is a structure that consists of files and foldehtmlrs of standardized code, such as HTML, CSS, etc. This structure serves as the basis of creating your website. Most websites have a similar makeup. The goal of a framework is to provide a common framework so that web designers don’t have to start from scratch and can just use the code offered.

There are two diffphperent types of framework, front end and back end. The difference between the two is that one is for the application layer and one is for the presentation
layer. You must understand that frameworks are theoretical: a “ready-to-go” kit from which you can work. The concept of a framework can be applied to many different processes displayed on the web.


The programmer’s layer connects the database to the site content, utilizing PHP language.  There is also the designer’s layer which has to present the content in HTML, so it can be viewed in the browser.

 

Front End Frameworks

As I stated before, a front end framework is a package of files and folders of standardized code (HTML, CSS, etc.). Typically, a front end framework consists of:css-27192_1280

  • CSS source code to form a grid—this lets the developer position various elements that make up the site design easy
  • Typography style definitions
  • Solutions in case of browser incompatibility
  • Creation of standard CSS classes used to style advance components of the user interface

 

Choosing the Right Framework

I am going to be honest, choosing the right framework isn’t simple. You have to select the one that will work right for your website, since every site has specific characteristics. Using a complete framework for a single page site might give an adequate result, but you could be missing out on many resources.

When you are thinking about which framework to use, one point to keep in mind is the speed of installation. Some are very simple to install and easy to use. Others require a little time to figure out.

That brings me to my next point: ease of comprehension. There are frameworks that are complicated and you will have a time trying to come to grip with it. On the other hand, there are frameworks that are straightforward and you will find them easy to understand in no time at all. Furthermore, there are frameworks that are complicated and come with many different configuration features, such as widgets and interface options.

Therefore, there are many advantages and disadvantages in using frameworks. The advantages include: making your code clean and neat, as well as provide solutions to any CSS issues that arise. The disadvantage to using code is: it can combine content and presentation, as well as leaving you with leftover unused code.

In the end, it will be up to you to decide whether you want to use a framework or not. Frameworks can serve as a viable and useful tool for many web designers. However, this doesn’t mean that it will be useful for you.

The Difference between Sketch and Photoshop

photoshop logoFor those who have switched from using Photoshop to using Sketch, the main difference these individuals have noticed is that Sketch helps to improve their design flow. I decided to try Sketch myself, and I am hooked. It has not only assisted in making me more precise in my designing, but it makes me focus more on functionality. Here are a few more favorable attributes of Sketch.

 

100% Vector

If you are looking for a flexible design tool for retina displays and mobile devices, you have come to the right place. Sketch supports boundless zooming, 2x vector, and vector figures that are ideal for various resolutions. Reshaping or resizing rectangles no longer requires you to edit the shape points or copy the middle points. The only thing you need to be concern about is pixel dimensions and updating the image, which will be quite easy, thanks to Sketch.

 

Outstanding Export Feature

Let’s be honest…the export feature on Photoshop leaves much to be desired. The slicing tool is burdensome. You have to slice, set file types, and using save to the web. This forces you to have to pick each slice one at a time and then export. It was so out of touch that an application called Slicy (which by the way is wonderful) had to be created to handle that issue.

Sketch, on the other hand, handle the problem effortlessly. The first thing you will notice is that Sketch offers an Export All feature. Another thing you will notice, and love, is that since Sketch is vector-based, files can be exported in PDF, JPG, and PNG. Moreover, the UI that is used to manage your slices is magnificent.

(more…)