Today in class we had to discuss about two different articles.

“All you need to know about mockups, wireframes, and prototypes”

The article explains with some level of detail the differences about these terminologies and why it is important to differentiate them.

Wireframes could be viewed as the skeleton of a project. Wireframes should be used by those who want to have a ‘big picture’ of the project right from the start, so they can properly plan right from the start, reducing risks and adding some extra value on future work.

The difference of wireframes and mockups is that wireframes mainly focus on the structure while mockups focus on the visuals. While some developers consider the mockups unnecessary, stakeholders are more likely to digest a project with visuals because wireframes require some level of imagination and mockups are closer to the final product.

“10 Most Common Web Developer Mistakes”

This article highlights what is important to have in mind while coding a website. Avoiding mistakes such as not testing the website on various browsers, creating code that should work in detriment of a robust and flexible one, designing unresponsively, or even further, not thinking about mobile first, will make a major difference on the quality of your website and the happiness of its users.

Every developer is susceptible to make mistakes, but by identifying common ones might mitigate frustrations on both development and production process, and create an environment much more pleasurable for everyone.

Wireframe on Twitter

The wireframe process can happen in a brainstorm session, highlighting the major features of a product with topics or with limited visual representations. Many users report different tools to help with the wireframe process such as www.sketchappsources.com (by @whimsyniche) and mockupflowapp (by @CherFeldman).

Injection Attack on Twitter

Although many users deliberately are willing to teach how to perform injection attacks on websites, there are plenty of ones that help you how to prevent and protect your websites of such attacks. Knowing how to perform them is important to know how to protect yourself from them. Using bad form and expecting users’ input to always be trusted can be painful for web developers. Twitter users like @hurricanelabs, @CyberHitchhiker and even YouTube channels like @computerphile can help you to further understand this issue.

Author’s personal footnotes

Information on how to prototype, mockup and wireframe a project is easily obtained on the internet. Many tools are available for each one. Personally, twitter users as @CooeeDesign and @designernerds, both dedicated twitter accounts for designing and prototyping, are very interesting for me because they focus on mobile applications. Also, @freeCodeCamp, a community of coders, can be useful when obtaining information that might help you recognize and mitigate your most common mistakes.