Matt Gifford Liz Myers
Matt Gifford couldn’t make it and Liz Myers was able to give a good introduction to some of the Adobe products and features as well as the use of PhoneGap on an sample app, mentioning RWD in some parts or the presentation.
My notes on what I could grasp…
New nifty things: https://www.adobe.com/uk/products/ink-and-slide.html
Pricing on CC photography cloud $9.99 (what’s included?)
CC Students $19.99/mo
Mobile apps that work with above are free
On Photoshop CC – Improved layer comps (check if is applicable for current files, sometimes you don’t want to apply down)
Check new features in:
- Premiere Pro
- Illustrator (better/smoother control with pencil tool, CSS extraction!!!)
- All the desktop apps in one place
The app she created, out of passion for “true gelato” (looking forward to final version!!!), show genuine gelato shops around major cities: @2ScoopsApp – (The best gelato in London, Paris, Rome, NY) – Liz used: Photoshop, Illustrator, Edge Animate, Edge Code and Edge Inspector.
Close Google Chrome and on terminal:
open -a Google\ Chrome --args --disable-web-security
Liz was ‘evangelised’ by Blackberry and she used 80x80px to create icons on Illustrator…
Free Icons – http://myersdesign.com/icons (which are 81x81px maybe I misheard? :))
She suggested jQuery mobile (JQM) – getting latest stable version.
jquery.mobile.structure-1.4.2.css file that comes with it has bare bones CSS, just enough to start with style from scratch (and “don’t look like jQuery mobile app”) but you don’t need to use the structure version if you don’t want to.
Go to demos – http://demos.jquerymobile.com/1.4.2 and explore the documentation together with examples of how they would look (1.4.2 was latest version at the time of writing); she mentioned the listview widget was used on the 2Scoops App. (Pro jQuery mobile book was also mentioned)
Opening Edge Code – Liz showed initial html declarations, highlight for ‘viewport’, then links to jQuery and CSS links…. there is a configure script that configure JQM – but she mentioned to me at the end of talk the use of ConfigGap to help with initial config file and it seems quite handy.
Live Reload – monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.
- Mobiles use fonts in
emfont sizes are relative to that base. Some
!importantdeclarations might be needed to override JQM code if your style is not shown on the app.
- RWD on the code using
em- JQM with responsive design built in. If you need to go for fully RWD then media queries for more’breakpoints’ and landscape/portrait views may be needed.
- Settings on PhoneGap allow defining devices, icons, splash screens, permissions and others.