Data Attributes

So I spent a lot of the class trying to get a border to simply work but anyway I started working on an app that allows a list to be deleted. I think I need to read up on data roles though because my lists are not working properly. I found a few links, one of which talked specifically about lists on mobile devices. It seems really weird and I think I have been implementing my lists wrong but this website has a lot of examples.

More Design

I changed the look of the app again, I really thought I had to center the content in the middle but I now realize that is probably unnecessary. The app now looks more like their examples of list items which are very pretty, each list item has this subtle line to separate each which I want to try and make. I'm currently using <h2> and <hr> but I'll replace the <hr> eventually. You can also read about jQuery Mobile Data Attributes here.

Ubuntu Font and Centering

I tried to center my list of answers today. I don't know why I had so much trouble with this and in the end I only centered the top left corner of the list so that needs to be fixed. I also tried to use the Ubuntu font which you can get off of Google fonts. I think I am importing the downloaded font wrong and I am assuming that you can't use the URL from google fonts to import because I am not using the font on a website. You can see the google font here and how they suggest to use it(like 30ish pt font for header and 12ish pt for content).

Question App

First of all if you ever make a new app you have to put in your name and your email in the maintainer field. I was actually unable to run my code at one point because I didn't have a valid maintainer name(I just had the default "MainterName" set) so I changed it to Aki Nicholakos <aki42197@gmail.com> and the error went away. I suppose this is required so that if you make your app public people can contact the creator for whatever reason.

This is the current design of my question. I think the questions need to be spaced out more and in the center because it would be uncomfortable for someone to stretch their finger to the far left corner. I need to mess around with the CSS quite a bit and in the picture the list had a small margin which removed some of the divider and the list items won't be ordered since it's a question.

Ubuntu App Design Guides

Design Tips

• One important tip when designing is to make the content the center of attention but allow the user to quickly access other features like checking the tool bar or header at the edges of the screen.
• Therefore users can swipe at the edges of a screen to view the header or toolbar, etc
• The scroll bar is hidden until used.
• Use bold sparingly, for strong emphasis of one or two words.
• Don’t use italics.
• Use underlining only for hyperlinks.

Core(Horizontal) & Full screen(Vertical)

• Core is like a landscape layout and it includes a header, like a page title, and a divider under it where the content goes
• Full screen is very similar to Core except it is like a portrait view and I don't think it usually includes a divider
• Both include a toolbar which can have up to 5 icons such as a deletion tool, camera, etc

Content Views

• Grid View: This type of layout divides the content into different sections kind of like graph paper and it takes up most of the screen. This is usually used for things like photo galleries where you have a bunch of thumbnails of all the photos you have taken.
• List View: A list view is what it sounds like where you have a list of content and the different listed items can be grouped and styled different so contacts tend to use a list view where you have different people under different categories like Recently Contacted or Favorites.
• Full screen View: This view is actually just the Full screen layout that I mentioned above and I suppose you can also use a Core layout. So if you have a Grid View to see your thumbnails you could click a thumbnail to display the whole picture in a Full screen View.

Deleting Stuff

• Swipe: Swiping can be used to delete items but only if they are in a list view because you can swipe the content to the side and it will go away. When swiping you sometimes have to specify whether you want to delete the content permanently or just remove it from the screen so you won't be notified of it anymore.
• Tool Bar Button: A tool bar button can be used to delete content but this is generally used if there is a lot of content or the view is full screen. 

Java Set Up 2

Not much to report really, Finn set up some plug ins and the last thing we have to do is set up Git hub. I'll start learning Java by next week though when I get access to my Nova account.

Java Set up

Finn set up Java JDK (Java Development Kit) and IntelliJ on my laptop and hopefully I can start observing Finn work tomorrow.