<div dir="ltr">Hey all,<br><br>Firstly I'd like to official say how happy I am to be working on Debian this<br>summer for GSoc with the great mentors matthieucan and orestis. <br>I don't think I've mentioned it in qa-debsources yet, so hello!<br><br>The purpose of this email is to go over research I've been doing on different<br>technologies for use on debsources.<br><br>Since the first goal is to make it look reasonable on mobile screens, <br>the first thing I'll go over is what I've learnt regarding "responsive"[1]<br>frameworks.<br><br>## Bootstrap [2]<br><br>Bootstrap is a hugely popular CSS framework built on normalize.css, created by<br>Twitter and licensed under The MIT License. Most people are familiar with<br>Bootstrap due to it's popularity.<br><br>### Pros<br><br>- Nicely tuned 12 column grid system<br>- Great documentation<br>- Huge community resources<br><br>### Cons<br><br>- Bootstrap is feature bloated and has many parts. However we can use a custom<br>  configuration [3] to take out the parts we don't need<br>- Uses a lot of preset visual styles. This makes many bootstrap web pages<br>  look similar, although this could be tuned by modifying the SASS variables<br>  See [3]<br><br>## PureCSS [4]<br><br>Pure CSS is another very popular CSS library, built by Yahoo and licensed<br>under the BSD license. It too is built on normalize.css.<br><br>### Pros<br><br>- Nice grid layout system<br>- Good documentation which is a little more technical than Bootstraps<br>- Very minimalistic. This is perhaps the best thing about Pure. It is very<br>  tiny and also very easy to overwrite styles.<br><br>### Cons<br><br>- Smaller community than bootstrap<br>- Grid system comes in different flavors, 5column and 24column. Personally<br>  I feel 5 columns are too little and 24 columns may be a bit overkill.<br>  This isn't a big deal really though.<br><br>I've researched other libraries too but they didn't seem good enough. I've<br>listed these here with reasons for my dismissal.<br><br>## Skeleton [5]<br><br>Skeleton is a nice looking small library built by dhg on Github. I liked how<br>minimalist it appeared to be. Licensed under MIT.<br><br>My primary issue with skeleton is that it's responsive layout system isn't<br>really that usable. You can't define widths based on screen size, instead<br>there is a single max width. Once the max width is reached, columns are layed<br>out singularly.<br><br>## Foundation [6]<br><br>Built by Zurb, foundation is an MIT Licensed CSS framework very similar to<br>Bootstrap. However it has the same cons as Bootstrap, it's quite bloated<br>and takes over the visual style on the page. It doesn't however have a<br>configuration feature like Bootstrap, which means we would be locking<br>ourselves into the full framework.<br><br>Okay so that's all I'll cover now, I'll send more technology updates soon.<br><br>The main things I'm looking into now are the client side JavaScript rendering<br>libraries like AngularJS or React as well as native mobile application<br>frameworks like PhoneGap.<br><br>If you have any suggestions on things to look into for these aspects of the<br>project please do provide input!<br><br>Cheers,<br><br>Aaron Delaney<br>~ devoxel<br><br>[1]: <a href="https://en.wikipedia.org/wiki/Responsive_web_design">https://en.wikipedia.org/wiki/Responsive_web_design</a><br>[2]: <a href="http://getbootstrap.com/">http://getbootstrap.com/</a><br>[3]: <a href="http://getbootstrap.com/customize/">http://getbootstrap.com/customize/</a><br>[4]: <a href="http://purecss.io/">http://purecss.io/</a><br>[5]: <a href="http://getskeleton.com/">http://getskeleton.com/</a><br>[6]: <a href="http://foundation.zurb.com/">http://foundation.zurb.com/</a><br><br></div>