This document discusses how to use the bbUI.js and Alice.js frameworks to create native-looking mobile web applications for BlackBerry devices. BbUI.js is a JavaScript framework that provides UI elements and screen management to create applications that follow BlackBerry UX guidelines. Alice.js is a visual effects library that adds hardware-accelerated animations and transitions. The document demonstrates how to initialize and use bbUI.js screens, controls, and screen navigation, and how to apply effects from Alice.js with just one line of code. It also outlines the goals and future directions of the two frameworks.
Develop web applications using the Nokia Web Runtime (WRT) technology. Use standard web technology like HTML, JavaScript and CSS to create an app-like experience and also to access platform features like the camera or contacts.
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...SocialBiz UserGroup
At ConnectED 2015, Theo Heselmans (Xceed/Engage) presented BTE101: Yes, you can use those modern frameworks for mobile Domino development. The session is from the Beyond the Everyday track, which were some of the sexier sessions at the conference.
In this tip from that session, Theo introduces his definition of what a framework/library is and what requirements you need to work with one. He then goes in depth on Bootstrap and Ratchet frameworks, including examples, screenshots and HTML, and his analysis of the good and bad of each.
The full presentation is available in our ConnectED 2015 community. In the full slide deck, he also looks at the Backbone and Knockout frameworks and provides 6 key development resources.
This is a discussion about the User Interface patterns used by Nuxeo. There is additional information on HTML5 and future directions.
see www.data4USA.com for details
Develop web applications using the Nokia Web Runtime (WRT) technology. Use standard web technology like HTML, JavaScript and CSS to create an app-like experience and also to access platform features like the camera or contacts.
Tip from ConnectED 2015: Using Bootstrap and Ratchet frameworks in Domino mob...SocialBiz UserGroup
At ConnectED 2015, Theo Heselmans (Xceed/Engage) presented BTE101: Yes, you can use those modern frameworks for mobile Domino development. The session is from the Beyond the Everyday track, which were some of the sexier sessions at the conference.
In this tip from that session, Theo introduces his definition of what a framework/library is and what requirements you need to work with one. He then goes in depth on Bootstrap and Ratchet frameworks, including examples, screenshots and HTML, and his analysis of the good and bad of each.
The full presentation is available in our ConnectED 2015 community. In the full slide deck, he also looks at the Backbone and Knockout frameworks and provides 6 key development resources.
This is a discussion about the User Interface patterns used by Nuxeo. There is additional information on HTML5 and future directions.
see www.data4USA.com for details
онстантин часто выступает на конференциях с рассказами на совершенно разные и очень полезные Ruby-темы, но мы рады, что нам удалось сохранить изначальную тему выступления — Константин будет рассказывать именно о Sinatra: о истории, текущем состоянии и будущем фреймворка.
* История JRuby;
* Платформа JVM и ее возможности;
* Почему стоит попробовать JRuby;
* Как мы в Хот Спот используем JRuby для разработки;
* Сравнение с другими JVM языками.
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Frédéric Harper
You already created an HTML5 game, and you want to make it a Windows 8 game to get all the benefits of this new platform? The recipe is simple: take your HTML5 games, add some WinJS dressing, use Visual Studio to make these stick together, and get in the Windows Store oven to get a perfectly cooked app!
Building Native Experiences with ElectronBen Gotow
Listen to this talk! https://www.youtube.com/watch?v=JIRXVGVPzn8
Tips and tricks for creating Electron apps that look beautiful and work the way users expect.
JavaScript is indispensable for even moderate mobile web apps as only scripts enable user interaction and integrate on device capabilities like location, camera, onboard storage or database. But while the SDKs for Google™ Android™ or Apple™ iOS™ look like a single definition with the ability to adjust to different devices – reality is not that simple. The increasing importance of JavaScript adds a whole new layer of complexity to the yet excessive fragmentation in the mobile space.
In this presentation Netbiscuits shows its experiences with developing high end – and still multi device – mobile web apps providing rich user experience. We constantly enhance our cloud software service to enable rich user experience for mobile web apps cross-platform. Many of our lessons learned during the research for our rich mobile UX framework will be shared in this session.
Based on (code) examples attendees will get to learn about the power and limits of a framework, the pitfalls in architecture and design and the challenges of testing and QA in mobile. Furthermore, you will receive clear guidelines for deciding server- or client-side, which to use when.
This presentation also introduces Netbiscuits Tactile, a new HTML5 efficient design and development framework that utilizes today’s web standards to enable the seamless creation and delivery of engaging mobile web experiences.
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esdavrous
We'll see in this session how to create 3D HTML5 WebGL games for the desktop & mobile web. For that, I’ll show you our open-source Babylon.JS WebGL gaming engine available on GitHub. It has been recently used by Ubisoft for the Assassin’s Creed Pirates web experience. We’ll see how to cover the complete gaming pipeline from the 3D assets created & exported from Blender/3DS Max/Maya to BabylonJS, the various camera's types (touch, virtual joysticks, gamepad, etc.), the usage of the embedded physic engine. At last, of course, how to implement the game logic in JavaScript. We'll build a simple game to better understand how to use this free engine.
Android is fast becoming one of the biggest platforms for programmers today. There is a huge demand for skilled Android Developers all over the world. Most businesses across multiple domains are building Android Apps both for enterprise and retail products. Whether you are student or in the IT industry, possessing Android Development skills will help you take the next big leap in your career.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
MOPCON 2014 - Best software architecture in app developmentanistar sung
Talking about how to build smart design and architecture for app development. Let your app can easy develop and deploy components on your app. And more topic of version control and quality improvement.
BlackBerry10 apps with Adobe AIR & Apache Flex - BlackBerry JAM EuropeMariano Carrizo
Slides from my session JAM364 at BlackBerry JAM Europe. February 5th 2013, Amsterdam.
Session's video recording available at YouTube:
http://www.youtube.com/watch?v=CFIXdXZpFaU
онстантин часто выступает на конференциях с рассказами на совершенно разные и очень полезные Ruby-темы, но мы рады, что нам удалось сохранить изначальную тему выступления — Константин будет рассказывать именно о Sinatra: о истории, текущем состоянии и будущем фреймворка.
* История JRuby;
* Платформа JVM и ее возможности;
* Почему стоит попробовать JRuby;
* Как мы в Хот Спот используем JRuby для разработки;
* Сравнение с другими JVM языками.
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Frédéric Harper
You already created an HTML5 game, and you want to make it a Windows 8 game to get all the benefits of this new platform? The recipe is simple: take your HTML5 games, add some WinJS dressing, use Visual Studio to make these stick together, and get in the Windows Store oven to get a perfectly cooked app!
Building Native Experiences with ElectronBen Gotow
Listen to this talk! https://www.youtube.com/watch?v=JIRXVGVPzn8
Tips and tricks for creating Electron apps that look beautiful and work the way users expect.
JavaScript is indispensable for even moderate mobile web apps as only scripts enable user interaction and integrate on device capabilities like location, camera, onboard storage or database. But while the SDKs for Google™ Android™ or Apple™ iOS™ look like a single definition with the ability to adjust to different devices – reality is not that simple. The increasing importance of JavaScript adds a whole new layer of complexity to the yet excessive fragmentation in the mobile space.
In this presentation Netbiscuits shows its experiences with developing high end – and still multi device – mobile web apps providing rich user experience. We constantly enhance our cloud software service to enable rich user experience for mobile web apps cross-platform. Many of our lessons learned during the research for our rich mobile UX framework will be shared in this session.
Based on (code) examples attendees will get to learn about the power and limits of a framework, the pitfalls in architecture and design and the challenges of testing and QA in mobile. Furthermore, you will receive clear guidelines for deciding server- or client-side, which to use when.
This presentation also introduces Netbiscuits Tactile, a new HTML5 efficient design and development framework that utilizes today’s web standards to enable the seamless creation and delivery of engaging mobile web experiences.
Creating 3D Worlds with WebGL and Babylon.js - Codemotion.esdavrous
We'll see in this session how to create 3D HTML5 WebGL games for the desktop & mobile web. For that, I’ll show you our open-source Babylon.JS WebGL gaming engine available on GitHub. It has been recently used by Ubisoft for the Assassin’s Creed Pirates web experience. We’ll see how to cover the complete gaming pipeline from the 3D assets created & exported from Blender/3DS Max/Maya to BabylonJS, the various camera's types (touch, virtual joysticks, gamepad, etc.), the usage of the embedded physic engine. At last, of course, how to implement the game logic in JavaScript. We'll build a simple game to better understand how to use this free engine.
Android is fast becoming one of the biggest platforms for programmers today. There is a huge demand for skilled Android Developers all over the world. Most businesses across multiple domains are building Android Apps both for enterprise and retail products. Whether you are student or in the IT industry, possessing Android Development skills will help you take the next big leap in your career.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
MOPCON 2014 - Best software architecture in app developmentanistar sung
Talking about how to build smart design and architecture for app development. Let your app can easy develop and deploy components on your app. And more topic of version control and quality improvement.
BlackBerry10 apps with Adobe AIR & Apache Flex - BlackBerry JAM EuropeMariano Carrizo
Slides from my session JAM364 at BlackBerry JAM Europe. February 5th 2013, Amsterdam.
Session's video recording available at YouTube:
http://www.youtube.com/watch?v=CFIXdXZpFaU
지난 7월 29일, 개발자 여러분을 위해 준비한 "Windows 10 앱개발 100분 완성" 라이브 영상으로 Windows 10 UWP (Universal Windows Platform) 부터 IoT Core까지 Windows 10 과 관련된 전반적인 내용은 물론 개발에 필요한 핵심정보들을 전달해드립니다. 실시간으로 진행된 Q&A 와 Windows 10 앱개발 데모까지 On-demand 영상으로 확인하실 수 있습니다.
목차
1. UWP
2. XAML Controls
3. Networking
4. Linq
5. Adaptive UI
6. Data Binding
7. SQLite Local Database
8. Toast
Everything is Awesome - Cutting the Corners off the WebJames Rakich
The web is awesome despite it's detractors. But we can't forget our fundamentals when we're trying to forge ahead with new tech. This talk is about how to approach the building blocks of the web in a way that takes advantage of their strengths and avoids their weaknesses.
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
JSLab. Ингвар Степанян. "React в разработке нативных WinRT/Windows Phone прил...GeeksLab Odessa
28.03.15. Одесса. Impact Hub Odessa. Конференция JSLab.
Ингвар Степанян. "React в разработке нативных WinRT/Windows Phone приложений"
Недавно представленный React Native вызвал бурю положительных отзывов в React-сообществе и за его пределами, так как позволяет разрабатывать нативные приложения для iOS, используя чистый JavaScript. Однако, Windows платформа уже сама предоставляет возможности для разработки нативных приложений на JavaScript, и в рамках данного доклада я покажу, как подружить ES6+React+WinJS и использовать стандартные приемы веб-разработки в контексте нативных приложений.
Подробнее:
http://geekslab.co/
https://www.facebook.com/GeeksLab.co
https://www.youtube.com/user/GeeksLabVideo
Similar to Native look and feel bbui & alicejs (20)
Attributes Unwrapped: Lessons under the surface of active record.toster
Ведущий разработчик Ruby on Rails (Rails Core member) Джон Лейтон не так давно работал над совершенствованием реализации работы с атрибутами в Active Record. Он расскажет о своем опыте работы над важной для производительности областью Rails, даст советы и расскажет о техниках, которые могут быть применены к собственным приложениям слушателей.
Говоря о будущем, Джон также расскажет о своих идеях по изменению API работы с атрибутами в лучшую сторону; эти изменения могут появиться в Rails 4.0.
Код ядра Rails был существенно улучшен с выпуском Rails 3, в основном из-за использования эффективных паттернов проектирования. Мы разберем некоторые из ключевых изменений, которые привели к улучшению качества кода, и на их примере научимся применять такие техники к своему собственному коду.
Вот некоторые из таких техник:
Компилирование методов vs method_missing
Микроядерная архитектура
alias_method_chain vs super
ActiveSupport::Concern
Catch/Throw в Bundler
Слушатели намного улучшат свои знания о некоторых сложных паттернах проектирования в Ruby и станут лучше разбираться во внутренностях Rails 3.
Understanding the Rails web model and scalability options.toster
Rails стал отличным ответом на требования многих лет опыта использования классической процессной модели веб-запросов. Такая модель все еще является наиболее надежной и простой для понимания и контроля. Но новое поколение высокодинамичных и интерактивных веб приложений требует принципиально новых требований к масштабированию. Одним из ответов на такие требования может стать сервис Pusher.com, который, в числе прочих вариантов решений, будет рассмотрен в этом докладе
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Knowledge engineering: from people to machines and back
Native look and feel bbui & alicejs
1. How to get that native look & feel
using bbUI.js and Alice.js
@n_adam_stanley
May 25, 2012
2. Welcome
Adam Stanley
Mobile web specialist
BlackBerry Developer Relations
Follow me on Twitter:
@n_adam_stanley
Likes:
HTML5
Bacon
Ninjas 2
3. BlackBerry Web Platform
Driven by strong Web
standards support
Powered by WebKit http://html5test.com http://acid3.acidtests.org
HTML5 and CSS3
Flash 11 and WebGL
http://www.craftymind.com/guimark3/
4. BlackBerry 10
Next generation platform
HTML5 / WebWorks
Native NDK
Android
Adobe AIR
BlackBerry 10 Jam World Tour
Moscow: June 26, 2012
http://www.blackberryjamworldtour.com/
6. Framework Goals
BlackBerry Look and Feel
Common UI
Inline with BlackBerry UX guidelines
Screen Management
Performance and Memory optimization
Open and collaborative
6
7. Philosophy
Scales with the platform
Both capabilities and resolution/pixel density
Dynamic based on capabilities
Custom HTML “data-” attributes
Control based layout
Off-DOM manipulation
Performance Memory Usage
7
8. Current State
Now version 0.9.1 BETA
Supports BlackBerry OS v.5, 6, 7, PlayBook and BB10
BlackBerry OS 5 support needs a bit of work…
Open Source:
http://www.github.com/blackberry/bbUI.js
Still in the “incubating” phase
8
10. Configuration document
Config.xml:
<rim:navigation mode=“focus”/>
<feature id=“blackberry.system.event” />
<feature id=“blackbery.app” />
If using dropdowns on BlackBerry 5/6/7:
<feature id=“blackberry.ui.dialog” />
If using menus
<feature id=“blackberry.ui.menu”/>
<feature id=“blackberry.app.event”/>
10
11. Toolkit Initialization
Mandatory initialization using bb.init(myoptions)
Should be the first code you run on your main page
myoptions = {
onbackkey: null, // Custom handler for back key on BlackBerry 5/6/7 smartphones
onscreenready: null, // Manipulate your screen before it's inserted into the DOM
ondomready: null, // Manipulate your screen after it's inserted into the DOM
bb10ActionBarDark: false, // If set to true, the action bar will use the dark theme
bb10ControlsDark: false, // If set to true, the controls and screen will use the dark theme
bb10ForPlayBook: false, // If set to true, PlayBook will be considered a BB10 device
bb10AccentColor: '#2D566F', // An accent color to be used for title bars and other areas
bb10HighlightColor: '#00A8DF„ // A highlight color to use when a user selects an item
}
11
12. Screens
Each screen is an individual HTML fragment file
data-bb-type=“screen”
Transition effects
Title bar
Back button on PlayBook
Appears as an action bar back button on BlackBerry 10
12
13. Screen Code
<div data-bb-type="screen" data-bb-title="My Screen">
<div data-bb-type="title"
data-bb-caption="Title bar caption"
data-bb-back-caption="Back">
</div>
<p> Hello World ! </p>
</div>
14. Screen Management
App = Single page
bbui-0.9.1.js/css files loaded once into this single page
Screen = HTML fragment
Screens loaded via AJAX
Screen stack
bb.pushscreen(…), bb.popscreen()
bbUI.js traps HW “back” key to auto-close screens on BB5/6/7
bbUI.js automatically handles “back” if you specify a back button
on PlayBook or BlackBerry 10
14
17. Styling & Scripting
Screen specific CSS
Inline OR linked (relative to app root)
Dynamic resolution handling
Fonts
Images
Screen specific JS
Unload event fired if you need to do some clean-up
17
19. BlackBerry 10 Grid Lists
Current
Image data layouts
Items declared in groups and rows
Optional group headers
16:9 format
Images sized based on # items / row
Next
Allow “square” images
Allow removal of titles
19
20. BlackBerry 10 Action Bar
Current
Buttons and tabs
Actions are for everything
viewed on the screen
Built in “Back” button
>5 actions create slide in
action overflow menu
Next
Tab overflow menu
20
21. BlackBerry 10 Context Menu
Current
Press and hold context menu
Actions to perform on a
selection
peek() or Show()
Peek and then swipe gesture
Get selected menu item
Image list integration
Next
Integrate into Grid List
21
22. Image Lists
Seen in:
Options screens
Inbox
Contacts
Image, Title, Description,
Accent Text
Auto scaled
Headers
onclick events for items
22
23. Image List
<div data-bb-type="image-list">
<div data-bb-type="item”
data-bb-img="icon1.png”
data-bb-title="Input Controls">
Use native looking input controls
</div>
...
</div>
23
24. Buttons
Can be used anywhere
Buttons size to text
Can stretch
Onclick
Enable/Disable
24
28. Dropdowns
<select>
Can be used anywhere
size to largest item
Can stretch
onchange
setSelectedItem
28
29. Arrow Lists
Variation on the Image list
data-bb-type=
“text-arrow-list”
• Items are:
data-bb-type=“item”
29
30. BBM Bubbles
Great for BBM-
connected WebWorks
apps
Bubbles contain item(s)
Bubbles left/right justified
Items:
Image
Text description
30
31. Future
Goals:
Stabilize BlackBerry 5 support
Add more PlayBook elements
More core controls for BlackBerry 10
More transition effects
How can you help?
Become a contributor!
http://www.github.com/blackberry/bbUI.js
31
33. Framework Goals
Visual effects library
Hardware accelerated for fast animations and transitions
Adds randomization to effects so they never go stale
One line of code
Apply an effect to any HTML element
Open and collaborative
http://blackberry.github.com/Alice
Apache 2 license
33
34. AliceJS Philosophy
Simplicity
One line of code for any effect
CSS likeness
Easy to one day perhaps integrate in the standard
DOM-level animations
Not just for image galleries
Rich
Collection of effects
Organics
effects are always mysteriously slightly different