Summer of Code/2016/Redesign and recreate Sugar Labs webappearance: Difference between revisions
No edit summary Tag: visualeditor |
|||
| Line 44: | Line 44: | ||
** Collecting the URLs of the web-pages linked directly to the website | ** Collecting the URLs of the web-pages linked directly to the website | ||
* '''Phase 2''': Prototype development based on requirements | * '''Phase 2''': Prototype development based on requirements | ||
** Making the final mock-up, keeping requirement | ** Making the final mock-up, keeping requirement in mind | ||
** Sending design for review | ** Sending design for review | ||
** Making changes as required | ** Making changes as required | ||
| Line 59: | Line 59: | ||
I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why: | I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why: | ||
# Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app. | # Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app. | ||
# It is also light that is | # It is also light that is you do not need to insert (many) images into you code. | ||
# Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors. | # Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors. | ||
# It helps user focus more on the content. | # It helps user focus more on the content. | ||
| Line 109: | Line 109: | ||
<td>Bootstrap</td> | <td>Bootstrap</td> | ||
<td>CSS framework to make page responsive</td> | <td>CSS framework to make page responsive</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
===Milestones=== | ===Milestones=== | ||
| Line 266: | Line 264: | ||
=== Sugar Development Environment === | === Sugar Development Environment === | ||
It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time.After installing and running the installation, now I feel pretty comfortable with the development setup. | It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time. | ||
After installing and running the installation, now I feel pretty comfortable with the development setup. | |||