Slides from my talk at Mobilization 2014 conference in Łódź, Poland.
Brief introduction to new tool by jimu Labs, called Mirror. It allows quick preview of UI changes directly on devices.
This is the slide deck for Episode 2 of Just A/VR Show. In this presentation, I talk about the basics of VR development for the web, and how to get started with the WebVR API.
Episode 2 of Just A/VR Show:
https://channel9.msdn.com/blogs/misslivirose/Introduction-to-the-VR-Web
Responsive Design from problem to productionDavid Douglas
A Responsive Web Design talk for designers and developers given at the DECODED Conference held in Dublin on 6th May 2016.
This talk covers:
- the tooling issues facing responsive designers
- the pain points facing responsive web developers
- and the pitfalls in production.
Read more on 'Responsive Design from problem to production' on my dev blog:
http://j.mp/ResponsiveDesigners
Intro to Axure 7 - User Vision Breakfast BriefingStephen Denning
Axure 7 is the latest version of the successful prototyping software and offers some interesting new functionality. This presentation introduces the new version (in beta at the time of the presentation) and highlights some of the headline additions, including the "Repeater Widget" and "Adaptive Views".
"Designing for the Mobile Web" by Michael Dick (December 2010)Mike Brenner
Our December Refresh event was led by web and mobile designer Michael Dick who discussed how to extend the experience from the desktop to the mobile web, as well as tips & tricks you may utilize during the design & development of your mobile site.
More info at http://RefreshBmore.org
Responsive Design with Axure 7.0’s Adaptive ViewsSvetlin Denkov
Introducing creating Responsive Web Design with Axure 7.0' Adaptive Views feature. Presentation was originally given at DePaul University in front of the students of HCI 430 course during the 2015 Winter quarter.
Web VR is an emerging technology that enables the rendering of VR content in the web. The content can be targeted to different platforms using a simple API consisting of HTML, CSS and JavaScript.
The presentation covers how to get started with Web VR using A-Frame which enables you to create new content for Web VR with ease.
This is the slide deck for Episode 2 of Just A/VR Show. In this presentation, I talk about the basics of VR development for the web, and how to get started with the WebVR API.
Episode 2 of Just A/VR Show:
https://channel9.msdn.com/blogs/misslivirose/Introduction-to-the-VR-Web
Responsive Design from problem to productionDavid Douglas
A Responsive Web Design talk for designers and developers given at the DECODED Conference held in Dublin on 6th May 2016.
This talk covers:
- the tooling issues facing responsive designers
- the pain points facing responsive web developers
- and the pitfalls in production.
Read more on 'Responsive Design from problem to production' on my dev blog:
http://j.mp/ResponsiveDesigners
Intro to Axure 7 - User Vision Breakfast BriefingStephen Denning
Axure 7 is the latest version of the successful prototyping software and offers some interesting new functionality. This presentation introduces the new version (in beta at the time of the presentation) and highlights some of the headline additions, including the "Repeater Widget" and "Adaptive Views".
"Designing for the Mobile Web" by Michael Dick (December 2010)Mike Brenner
Our December Refresh event was led by web and mobile designer Michael Dick who discussed how to extend the experience from the desktop to the mobile web, as well as tips & tricks you may utilize during the design & development of your mobile site.
More info at http://RefreshBmore.org
Responsive Design with Axure 7.0’s Adaptive ViewsSvetlin Denkov
Introducing creating Responsive Web Design with Axure 7.0' Adaptive Views feature. Presentation was originally given at DePaul University in front of the students of HCI 430 course during the 2015 Winter quarter.
Web VR is an emerging technology that enables the rendering of VR content in the web. The content can be targeted to different platforms using a simple API consisting of HTML, CSS and JavaScript.
The presentation covers how to get started with Web VR using A-Frame which enables you to create new content for Web VR with ease.
SlickGrid Touch: Making complex JavaScript widgets work on mobile devicesreebalazs
The document discusses making the SlickGrid JavaScript table widget compatible with touch devices. It describes adding touch support by using the Hammer.js library to translate desktop events to touch events, and styling changes using Bootstrap to improve responsiveness. A demo application called "fastbreak" was modified to use these techniques, allowing complex data grids to work on mobile. While progress was made, the touch version of SlickGrid is still a work in progress with bugs remaining to be addressed.
The document discusses optimizations that Pokelabo has made to improve performance for webviews on Android. These include using HTML/CSS instead of canvas for static elements, avoiding image resizing, disabling hardware acceleration on older Android versions, managing garbage collection carefully during animations, splitting the header and footer into separate webviews, using lighter libraries like Zepto instead of jQuery, processing non-UI tasks separately from the UI thread, caching and bundling resources, and various optimizations for the CreateJS animation library like rounding decimals and reducing layers.
This document discusses automating the setup of development machines using Ansible. It proposes using Ansible playbooks run from a controller VM to quickly configure client VMs or laptops. This reduces the manual setup time from around one day to just ten minutes, improving developer productivity and ensuring consistent environments.
The document discusses gaps in mobile web development and how City Mouse Mobile addresses these gaps, including look and feel, fixed scrolling, vanilla features, and maps. It provides examples of tools like jqTouch and iScroll that can be used to improve the mobile web experience and discusses future developments like HTML5 that may continue closing remaining gaps. The document promotes City Mouse Mobile's services in developing mobile web applications that take advantage of these solutions.
Science Buddies Staff. (2014, April 21). Follow the Bouncing Ball: A Web Animation Project. Retrieved July 25, 2014 from http://www.sciencebuddies.org/science-fair-projects/project_ideas/CompSci_p012.shtml
This document discusses how to create VR content for mobile VR platforms like Samsung GearVR without needing extensive programming experience. It outlines how to use 3D modeling tools to create and animate 3D scenes and export them to the X3D file format. X3D scenes can then be imported into Android Studio and deployed to GearVR. Basic interactivity can be added through JavaScript, and developers are encouraged to leverage existing VR frameworks to speed up development. The goal is to empower 3D artists, web developers, and others to become VR content creators.
Build the Virtual Reality Web with A-FrameMozilla VR
A-Frame is a web framework from Mozilla that makes VR ridiculously easy. A-Frame brings 3D and VR to HTML and JavaScript, allowing us to use the languages, APIs, and tools we all know and love as web developers and designers. Brought to you by MozVR.
Presented
at Forward.js (http://forwardjs.com/)
by Kevin Ngo (https://twitter.com/ngokevin_)
on Wednesday, February 10
Source:
https://github.com/ngokevin/forwardjs-presentation/
The document lists various tools that would be needed to be a happy web developer including tools for mockups (Axure), desktop interfaces (Foundation), mobile interfaces (Material Design), prototyping (Pinegrow), coding (TypeScript, AngularJS), managing dependencies (Bower), scaffolding (Yeoman), automating (Grunt), testing (Protractor), mocking APIs (apimocker), versioning (Git), continuous integration (Jenkins), editing (sublime, WebStorm), and relaxing with wine at the end of the day.
This document discusses establishing performance contexts for websites by segmenting user experiences. It suggests that websites make assumptions about what users want that may not be accurate for all users and contexts. To build a more inclusive web, the document recommends asking users about their preferences and needs rather than guessing, through techniques like feature flags and a "hostel mode" to provide lighter experiences for constrained devices or network conditions. It cautions that segmenting user experiences still requires compromises and not overcomplicating development.
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...Autodesk
Michael Beale, Autodesk
If you are building a VR walkthrough like Google Street View, learn how you can use Forge to generate your stereo-panorama assets. A simple cube-map is all you need to display on your mobile device to experience depth and immersion. Using the API, you can learn how to extract alpha maps and depth maps to create parallax effects with camera translation, and blend in real 3D geometry into the scene.
This document provides an overview of SharePoint Designer and tips for its use. It discusses features like master pages, themes, custom pages, permissions, and workflows. It positions SharePoint Designer as a tool that can be used by both developers and end users, with the developer ensuring the right permissions and training the end user ("hero") to use it properly. Tips are provided for various features around knowing permissions, CSS, controls, and using features appropriately.
This document discusses game development using Sprite Kit, Apple's 2D game engine for iOS 7. It provides an overview of Sprite Kit basics like SKView, SKScene, SKNode, and SKAction. It also covers topics like game interaction using touches, gestures, and sensors as well as the Sprite Kit run cycle.
This presentation was given at the jQuery conference 2010 in Mountain View and featured the first public premiere of a sneak peek video of our upcoming JavaScript game engine.
The video preview can be found here: http://youtu.be/Ol3qQ4CEUTo
Enjoy and follow me at @pbakaus on Twitter!
This talk presents the HTML5 game development framework Phaser which focuses on Desktop and Mobile, shows common tools to improve the development workflow and to wrap the game into apps for the various mobile stores.
Learn about Cross Platform Mobile Game Development with CoronaSDK from Corona Labs. I discuss some of the benefits I've found with Corona and why I chose this platform for our game development.
Ionic is a great tool for building hybrid mobile apps and AngularJS is a great JavaScript framework that plays very nicely with Ionic. In this talk we'll go over the basics of getting started with AngularJS+Ionic. We'll look at some real code from each of the 2 libraries and see what all is involved in building a hybrid mobile application. We will finish our journey with a real-life Ionic app presentation powered by RESTFul services.
Target Audience: People that want to see where to start with AngularJS and how it fits into Ionic. This talk assumes no prior knowledge with either library. If you've built a PhoneGap mobile app but felt lost when adding MVC-style structure or Bootstrap-esque UI components, this is the talk for you.
Assumed Knowledge: Attendees should be comfortable with "modern JavaScript". A basic understanding of classes and objects and variable scopes will be helpful. Some basic prior exposure to PhoneGap/Cordova and a UI-framework such as Bootstrap will also be helpful.
Design4Drupal Boston 2013 - Bumps in the Road to ResponsiveSalem Ghoweri
This document discusses challenges of responsive web design and provides solutions. It addresses issues like designers thinking in pixels rather than percentages, page bloat from multiple image versions, and lack of ideal design tools. Suggested approaches include using a fluid grid, delivering optimized responsive images, modular CSS, and conditionally loading content. The document also recommends starting with a community theme like AdaptiveTheme, Omega or Zen to save time. Drupal 8 is advancing responsive features like mobile initiatives and conditional loading to improve front-end performance.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
SlickGrid Touch: Making complex JavaScript widgets work on mobile devicesreebalazs
The document discusses making the SlickGrid JavaScript table widget compatible with touch devices. It describes adding touch support by using the Hammer.js library to translate desktop events to touch events, and styling changes using Bootstrap to improve responsiveness. A demo application called "fastbreak" was modified to use these techniques, allowing complex data grids to work on mobile. While progress was made, the touch version of SlickGrid is still a work in progress with bugs remaining to be addressed.
The document discusses optimizations that Pokelabo has made to improve performance for webviews on Android. These include using HTML/CSS instead of canvas for static elements, avoiding image resizing, disabling hardware acceleration on older Android versions, managing garbage collection carefully during animations, splitting the header and footer into separate webviews, using lighter libraries like Zepto instead of jQuery, processing non-UI tasks separately from the UI thread, caching and bundling resources, and various optimizations for the CreateJS animation library like rounding decimals and reducing layers.
This document discusses automating the setup of development machines using Ansible. It proposes using Ansible playbooks run from a controller VM to quickly configure client VMs or laptops. This reduces the manual setup time from around one day to just ten minutes, improving developer productivity and ensuring consistent environments.
The document discusses gaps in mobile web development and how City Mouse Mobile addresses these gaps, including look and feel, fixed scrolling, vanilla features, and maps. It provides examples of tools like jqTouch and iScroll that can be used to improve the mobile web experience and discusses future developments like HTML5 that may continue closing remaining gaps. The document promotes City Mouse Mobile's services in developing mobile web applications that take advantage of these solutions.
Science Buddies Staff. (2014, April 21). Follow the Bouncing Ball: A Web Animation Project. Retrieved July 25, 2014 from http://www.sciencebuddies.org/science-fair-projects/project_ideas/CompSci_p012.shtml
This document discusses how to create VR content for mobile VR platforms like Samsung GearVR without needing extensive programming experience. It outlines how to use 3D modeling tools to create and animate 3D scenes and export them to the X3D file format. X3D scenes can then be imported into Android Studio and deployed to GearVR. Basic interactivity can be added through JavaScript, and developers are encouraged to leverage existing VR frameworks to speed up development. The goal is to empower 3D artists, web developers, and others to become VR content creators.
Build the Virtual Reality Web with A-FrameMozilla VR
A-Frame is a web framework from Mozilla that makes VR ridiculously easy. A-Frame brings 3D and VR to HTML and JavaScript, allowing us to use the languages, APIs, and tools we all know and love as web developers and designers. Brought to you by MozVR.
Presented
at Forward.js (http://forwardjs.com/)
by Kevin Ngo (https://twitter.com/ngokevin_)
on Wednesday, February 10
Source:
https://github.com/ngokevin/forwardjs-presentation/
The document lists various tools that would be needed to be a happy web developer including tools for mockups (Axure), desktop interfaces (Foundation), mobile interfaces (Material Design), prototyping (Pinegrow), coding (TypeScript, AngularJS), managing dependencies (Bower), scaffolding (Yeoman), automating (Grunt), testing (Protractor), mocking APIs (apimocker), versioning (Git), continuous integration (Jenkins), editing (sublime, WebStorm), and relaxing with wine at the end of the day.
This document discusses establishing performance contexts for websites by segmenting user experiences. It suggests that websites make assumptions about what users want that may not be accurate for all users and contexts. To build a more inclusive web, the document recommends asking users about their preferences and needs rather than guessing, through techniques like feature flags and a "hostel mode" to provide lighter experiences for constrained devices or network conditions. It cautions that segmenting user experiences still requires compromises and not overcomplicating development.
Forge - DevCon 2016: Creating your next VR Walkthrough with Cloud Rendered St...Autodesk
Michael Beale, Autodesk
If you are building a VR walkthrough like Google Street View, learn how you can use Forge to generate your stereo-panorama assets. A simple cube-map is all you need to display on your mobile device to experience depth and immersion. Using the API, you can learn how to extract alpha maps and depth maps to create parallax effects with camera translation, and blend in real 3D geometry into the scene.
This document provides an overview of SharePoint Designer and tips for its use. It discusses features like master pages, themes, custom pages, permissions, and workflows. It positions SharePoint Designer as a tool that can be used by both developers and end users, with the developer ensuring the right permissions and training the end user ("hero") to use it properly. Tips are provided for various features around knowing permissions, CSS, controls, and using features appropriately.
This document discusses game development using Sprite Kit, Apple's 2D game engine for iOS 7. It provides an overview of Sprite Kit basics like SKView, SKScene, SKNode, and SKAction. It also covers topics like game interaction using touches, gestures, and sensors as well as the Sprite Kit run cycle.
This presentation was given at the jQuery conference 2010 in Mountain View and featured the first public premiere of a sneak peek video of our upcoming JavaScript game engine.
The video preview can be found here: http://youtu.be/Ol3qQ4CEUTo
Enjoy and follow me at @pbakaus on Twitter!
This talk presents the HTML5 game development framework Phaser which focuses on Desktop and Mobile, shows common tools to improve the development workflow and to wrap the game into apps for the various mobile stores.
Learn about Cross Platform Mobile Game Development with CoronaSDK from Corona Labs. I discuss some of the benefits I've found with Corona and why I chose this platform for our game development.
Ionic is a great tool for building hybrid mobile apps and AngularJS is a great JavaScript framework that plays very nicely with Ionic. In this talk we'll go over the basics of getting started with AngularJS+Ionic. We'll look at some real code from each of the 2 libraries and see what all is involved in building a hybrid mobile application. We will finish our journey with a real-life Ionic app presentation powered by RESTFul services.
Target Audience: People that want to see where to start with AngularJS and how it fits into Ionic. This talk assumes no prior knowledge with either library. If you've built a PhoneGap mobile app but felt lost when adding MVC-style structure or Bootstrap-esque UI components, this is the talk for you.
Assumed Knowledge: Attendees should be comfortable with "modern JavaScript". A basic understanding of classes and objects and variable scopes will be helpful. Some basic prior exposure to PhoneGap/Cordova and a UI-framework such as Bootstrap will also be helpful.
Design4Drupal Boston 2013 - Bumps in the Road to ResponsiveSalem Ghoweri
This document discusses challenges of responsive web design and provides solutions. It addresses issues like designers thinking in pixels rather than percentages, page bloat from multiple image versions, and lack of ideal design tools. Suggested approaches include using a fluid grid, delivering optimized responsive images, modular CSS, and conditionally loading content. The document also recommends starting with a community theme like AdaptiveTheme, Omega or Zen to save time. Drupal 8 is advancing responsive features like mobile initiatives and conditional loading to improve front-end performance.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
The document provides an overview and lessons learned about developing applications with jQuery Mobile, a framework for building mobile websites and apps. It discusses jQuery Mobile concepts and architecture considerations, including using responsive design principles. It also covers challenges of testing on different devices and addressing device-specific issues like animations. The document provides code snippets and recommendations around areas like loading scripts on every page and leveraging grids.
Yeoman AngularJS and D3 - A solid stack for web appsclimboid
This was a course given in Bangalore India for JSChannel conf 2013. It encompases the use of angular js and d3 in a harmonious way and gives an overview over each of the frameworks / libraries.
Advice about the creation of a Windows 8 app using Javascript.
We created a content-based application template for the Joshfire Factory (http://factory.joshfire.com/)
Hey Android, Mirror Mirror all day long - Yossi Elkrief, TikalDroidConTLV
This document describes Mirror, an Android Studio plugin that allows developers to build and test user interfaces in real time on connected Android devices. It summarizes Mirror's key features, including live layout previews, sample data to populate views, and hot swapping of Java/Kotlin code to see changes immediately on devices. The document explains how Mirror works by maintaining a server that detects project changes and sends updates to the Mirror app running on devices, and highlights how it helps with tasks like rapid prototyping, collaborating with designers, learning Android development, and more.
The Hotstar web team attended JSFoo 2017 conference. Here are some of the key takeaways. Some of the technologies excited us and some we believe have a business impact.
Building AR and VR Experiences for Web Apps with JavaScriptFITC
AR/VR in JavaScript Apps discusses emerging technologies for building augmented and virtual reality experiences using web technologies. It introduces key concepts like AR, VR, and XR. It also outlines several JavaScript libraries and frameworks that can be used to create 3D content and immersive experiences, such as Three.js, WebXR, A-Frame, and React 360. The document recommends resources for continued learning and provides examples of how to get started with these technologies.
In agile software development world, we are dealing with many test tasks such as user story testing, exploratory testing, check-list based testing, regression testing, performance testing, security testing in each sprint. Besides these testing activities, one of the test types which is considerably getting crucial is visual regression testing.
Visual regression testing focuses on to check visual contents and animations, page layout, and responsive design of a website/app. Because of the limits of human vision, human-based visual regression testing is generally error-prone and cumbersome. Hence, automation is inevitable. It enables us to run the tests much more precisely in a short time period. Also, it saves us a significant amount of time to deal with other manual test activities in each sprint.
In this talk, we will walk through well-known open-source and commercial solutions for visual test automation. We will learn which technologies they use, what type of visual tests they are suitable for, and their major differences between each other. Besides this overview, we will also make a real-life visual test automation demo by using Selenium, ImageMagick, and AShot.
Slides showing how to use Unity to build Google Cardboard Virtual Reality applications. From a series of lectures given by Mark Billinghurst from the University of South Australia.
Adventures in cross platform ConnectJS / TiConnect 2014Jason Kneen
The document discusses strategies for cross-platform mobile app development. It recommends separating costs by function and platform, helping designers understand platform differences, testing on multiple real devices, creating flexible layouts, using Alloy for code organization, optimizing apps for performance, and delivering apps over-the-air to users. The document emphasizes testing apps thoroughly and improving the design process through communication with designers.
Knockout implementing mvvm in java script with knockoutAndoni Arroyo
This document discusses implementing the MVVM pattern in JavaScript using Knockout.js. It begins with an introduction to MVVM and the benefits of the pattern. It then provides an overview of Knockout.js and demonstrates how to connect views to view models, use computed observables and observable arrays, implement control flow bindings and interactive bindings, access external data with templates, and create custom bindings. The presentation includes examples of working with Knockout.js.
Several topics will be covered in this intro presentation including: How to create a Xamarin Forms solution, as well as emulator tips, navigation, images, event handlers, device form factors and list views. The end result will be a typical app with a Main navigation page, a list view page and a detail page that you can use as a template for building future apps!
Even though widget libraries for GWT exist, it’s sometimes necessary to create a widget on your own. Widget creation will confront you with challenges like GWT specifics or the way browsers work.
Participants will learn how to compose existing widgets as well as creating new ones based on DOM elements. As it is important to know how browsers behave, topics like DOM API, reflows and event propagation will be explained. But there are also GWT specific aspects, like important interfaces and classes or how to prevent code injection.
Philip Shurpik "Architecting React Native app"Fwdays
React Native становится все более зрелым фреймворком для создания кросс платформенных мобильных приложений. Доклад основан на нашем опыте создания production приложения - от архитектуры до тестирования и CI.
Рассмотрим вопрос переиспользования кода при разработке для разных платформ- что и сколько процентов можно переиспользовать и как этого достичь.
Поговорим о том, как можно очень просто сделать offline-first приложение для чтения и создания данных. И чем нам в этом могут помочь Redux и Redux persist.
Разберем, как максимально просто сделать навигацию в приложении.
И, конечно же, какое production приложение без тестирования и continuous integration? Рассмотрим компонентное тестирование с Enzyme и интеграционное с Appium. А также, как максимально приблизить процесс deploy к тому, чему мы привыкли в web, с помощью CodePush.
DroidCon TLV 2015 - Hey android, mirror mirror all day longYossi Elkrief
Android Has various UI Editor to work with but all comes to WYSIWYG and waiting for app to compile and install on the device.
Join me and we overview a great tool to save UI Build and Test time.
Deploy to multiple devices, Java/Kotlin Code Hot swap, Animation building and testing process is made easy.
Similar to Mirror - Android UI development on steroids (20)
Continous UI testing with Espresso and JenkinsSylwester Madej
Talk from Droidcon Zagreb 2015 about approach to Continous Integration and integration testing we are using in Outline.
In short: we use Jenkins CI on Intel NUC to build, analyse and test apps. To speed up tests we are using Spoon with some devices connected to our CI server via USB hub.
Android libs by Square - make your development a bit easierSylwester Madej
Presentation from Warsjawa workshop I led at 26-09-2014.
Workshop was concentrated on practical usage of Android open source libs created by Square.
Consisted of two parts:
- introduction to Square libs: ButterKnife, Retrofit, Picasso, Otto, ...
- app architechture in practice with Dagger and aforementioned libs.
In addition I showcased some Android Studio plugins.
Code for project:
https://github.com/smdremedy/pinafood
No more waiting for API - Android Stub ServerSylwester Madej
Presentation for FlashTalk I gave at MobileWarsaw meetup.
Describes new Open Source library AndroidStubServer, that we have released, which we use internaly @ byoutline.com, to minimize API dependency of our development process.
Link to source: https://github.com/byoutline/AndroidStubServer
Practical Android Course Part III - REST API with AQuery, Preferences, Androi...Sylwester Madej
Entire course: http://soldiersofmobile.com/android-course/
Introduction to:
- REST API
- AQuery lib (AJAX Calls)
- Shared Preferences
+ homework
Source code used can be found at:
https://github.com/smdremedy/kni-lunchtime
This is a third part of Practical Android Course conducted at Warsaw University of Technology.
2. ABOUT ME
SYLWESTER MADEJ
@smdremedy
sylwester.madej@byoutline.com
http://byoutline.com
http://soldiersofmobile.com
3. MY PROBLEMS (YOURS TOO?!)
1. UI REQUIRES LOTS OF WORK
2. TESING ON DEVICE / EMU IS PAIN
3. AS BUILD + DEPLOY IS SLOOOW (ONE THING ECLIPSE IS WINNING)
4. PREVIEW ON IS STATIC (WHEN IT WORKS)
5. F* WORD OF ANDROID (FRAGMENTATION)
4. BEHOLD MIRROR
“Mirror” = “no More compile-Install-Run to see youR UI changes On Real devices”
● http://jimulabs.com/
● AS plugin + server on desktop + client on device
● Save 20+ seconds per change, hours per day
● New way to iterate your design
● Paid $79
5. HOT SWAP YOUR RESOURCES
● Preview your Layout, Drawable, Animator, Styles, Assets, …
● Dynamic preview – test your animations, selectors, gestures
● Test your resources on multiple devices at once (VIDEO)
6. SAMPLE DATA FTW!
● Meta data in directory „mirror”
● Add some XML to preview your layout with „real” data (no more mock adapters)
●Works out-of-the-box with texts, images and basic attributes
● Fill your ListView, GridView with data, even different layouts per item
7. CUSTOM VIEWS - FINALLY
● Preview layouts with CustomViews
● Code is hot swapped on recompilation
● Use your custom attributes in sample data
8. MIRROR.JS (PREVIEW)
● Provide behaviour for your Mirror screens in JS
● Feels like Jquery
● Great way to prototype your animations
● Combine animations: together, sequence, delay
● OnClick – start animations, link screens...
● Export your prototype to APK!
9. LIVE DEMO
● https://github.com/jimulabs/mirror-samples