Slides from a talk our iOS Product Manager, Nadav Wizman, gave at Advanced iOS Engineering event at The Junction (@thejunction32).
Read the blog post: http://blog.onavo.com/?p=443
Your questions answered - you have a great iPhone app idea and you are wondering what it would cost to build it. InfoBeans has mapped this out for you.
Church Apps: What to Know Before You BuyBluebridge
Creating a mobile app for your church is a big deal—one that you should think through carefully by weighing all the options. But where do you start?
Bluebridge founders and experts Santiago Jaramillo and Adam Weber explore the pros and not-so-nice cons of each option, including:
How much church apps cost
What quality level you can expect
How much work is involved on your part
How long it’s going to take
From freelance developers to do-it-yourself websites, we’ll give you the “dirt” on what you can expect.
Slides from a talk our iOS Product Manager, Nadav Wizman, gave at Advanced iOS Engineering event at The Junction (@thejunction32).
Read the blog post: http://blog.onavo.com/?p=443
Your questions answered - you have a great iPhone app idea and you are wondering what it would cost to build it. InfoBeans has mapped this out for you.
Church Apps: What to Know Before You BuyBluebridge
Creating a mobile app for your church is a big deal—one that you should think through carefully by weighing all the options. But where do you start?
Bluebridge founders and experts Santiago Jaramillo and Adam Weber explore the pros and not-so-nice cons of each option, including:
How much church apps cost
What quality level you can expect
How much work is involved on your part
How long it’s going to take
From freelance developers to do-it-yourself websites, we’ll give you the “dirt” on what you can expect.
Going Serverless with AWS Lambda, Google Cloud Functions and moreEl Mahdi Benzekri
Serverless computing is a cloud-computing execution model in which the cloud provider runs the server, and dynamically manages the allocation of machine resources. Pricing is based on the actual amount of resources consumed by an application, rather than on pre-purchased units of capacity.
The IT giants offers very rich and powerful solutions for serverless, from AWS Lambda to Google Cloud Fuctions with very small specificities.
Serverless usage is increasing in different fields, from automatic testing to e-commerce, MABL is one the innovating projects using Google's serverless architecture
Appafolio Tour - Create Your Own Custom iPad and iPhone Portfolio AppsBrent Brookler
This presentation shows users how to build their own Appafolio app for iPhone or iPad. You can download Appafolio at bit.ly/appafolio or visit our web site at appafolio.com to learn more.
A service for Western mobile app developers marketing in Japan, South Korea, Taiwan and Hong Kong, focusing on app store screenshot & app description localization, and the A/B testing of those aspects.
My presentation about using images for the web, the right way. Questions will answers:
- Which format is suitable for web?
- When and why to use a certain format?
- Web image with high resolution display?
Had a question from a client the other day, about what the difference between making something "accessible" on a modern smartphone vs "optimizing" it.
We put together this document, and thought that it might be helpful to share.
The mobile screen caps are all based on the iPhone iOS4, and are assumed to be reasonably compatible with BlackBerryOS6 (e.g. the fairly web friendly versions) and Androids.
Though apps are making inroads with emerging smartphones. But having a WAP portal is still a significant strategy for telecom operators. The WAP should be designed keeping customer experience in mind . The principles help in designing such portal and keeping it alive.
Using PhoneGap to develop incredible HTML5 hybrid mobile appsMonaca
PhoneGap is an awesome tool for building mobile apps. The barrier to entry is low and allows more flexibility and creativity. Still, attempting to build a successful mobile app with PhoneGap can be daunting. The various types of devices, platforms, and even platform versions can be confusing. And even though PhoneGap allows you to use HTML, CSS and JavaScript to program, JavaScript in particular can present challenges for beginners.
However, things are getting better. CSS and Javascript are becoming more mature than ever, and many modern JS frameworks are now more focused on creating mobile apps than websites. Being a developer myself, I know the struggles and frustrations that can arise from HTML5 hybrid app development. In my talk, I will cover the exact tips and tricks you need to quickly master PhoneGap development. I’ll focus on getting started, and building a better UX. You’ll find out how and why PhoneGap is such an awesome tool for building mobile apps.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
Going Serverless with AWS Lambda, Google Cloud Functions and moreEl Mahdi Benzekri
Serverless computing is a cloud-computing execution model in which the cloud provider runs the server, and dynamically manages the allocation of machine resources. Pricing is based on the actual amount of resources consumed by an application, rather than on pre-purchased units of capacity.
The IT giants offers very rich and powerful solutions for serverless, from AWS Lambda to Google Cloud Fuctions with very small specificities.
Serverless usage is increasing in different fields, from automatic testing to e-commerce, MABL is one the innovating projects using Google's serverless architecture
Appafolio Tour - Create Your Own Custom iPad and iPhone Portfolio AppsBrent Brookler
This presentation shows users how to build their own Appafolio app for iPhone or iPad. You can download Appafolio at bit.ly/appafolio or visit our web site at appafolio.com to learn more.
A service for Western mobile app developers marketing in Japan, South Korea, Taiwan and Hong Kong, focusing on app store screenshot & app description localization, and the A/B testing of those aspects.
My presentation about using images for the web, the right way. Questions will answers:
- Which format is suitable for web?
- When and why to use a certain format?
- Web image with high resolution display?
Had a question from a client the other day, about what the difference between making something "accessible" on a modern smartphone vs "optimizing" it.
We put together this document, and thought that it might be helpful to share.
The mobile screen caps are all based on the iPhone iOS4, and are assumed to be reasonably compatible with BlackBerryOS6 (e.g. the fairly web friendly versions) and Androids.
Though apps are making inroads with emerging smartphones. But having a WAP portal is still a significant strategy for telecom operators. The WAP should be designed keeping customer experience in mind . The principles help in designing such portal and keeping it alive.
Using PhoneGap to develop incredible HTML5 hybrid mobile appsMonaca
PhoneGap is an awesome tool for building mobile apps. The barrier to entry is low and allows more flexibility and creativity. Still, attempting to build a successful mobile app with PhoneGap can be daunting. The various types of devices, platforms, and even platform versions can be confusing. And even though PhoneGap allows you to use HTML, CSS and JavaScript to program, JavaScript in particular can present challenges for beginners.
However, things are getting better. CSS and Javascript are becoming more mature than ever, and many modern JS frameworks are now more focused on creating mobile apps than websites. Being a developer myself, I know the struggles and frustrations that can arise from HTML5 hybrid app development. In my talk, I will cover the exact tips and tricks you need to quickly master PhoneGap development. I’ll focus on getting started, and building a better UX. You’ll find out how and why PhoneGap is such an awesome tool for building mobile apps.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
Progressive web app may look like a buzz word around improved web standards and few mobile friendly web design patterns. But it brings positive impact on businesses and users. Let’s learn more about it here.
Building native apps with web componentsDenis Radin
In 2016 mobile web apps are still perceived as slow however performance is not a bottleneck anymore. UX is. Users are highly addicted to UI kits mobile ecosystem provide and it is amazingly hard to mimic native controls. But we can use native controls in our Web apps by placing custom tags <native-button>, <native-checkbox> etc. and still be able to use whole set of CSS to layout and wide subset to style app.
A progressive web app (PWA) delivers an app-like experience through your mobile phone’s browser but has the same flexibility and gestures as a native application. Because they are powered by mobile browsers, they are not particular to any one device, meaning developers no longer need to write separate code for Android and Apple devices.
Beyond Responsive Web Design - Moving your web agency to mobile development (...craigharmonic
My presentation from TiConf AU 2013 in Melbourne discussion some tips and techniques we used in moving from a web design studio into complete digital strategy by introducing mobile and Appcelerator's Titanium product.
This is the presentation on HTML5, the newer version of HTML.
I've discussed only the 5 new features of the HTML5 & they are
1.Canvas/SVG
2.Video
3.Geolocation
4.App cache & Database
5.Web Workers
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Ios7 - The good the bad & the changes
1. iOS7
The good, the bad & the changes
Chrissy Welsh
Lead UX - Backbase
@chrissywelsh
2. iOS7
The good, the bad & the changes
Chrissy Welsh
Lead UX - Backbase
@chrissywelsh
3. What we will cover
• Bugs to watch out for
• Design decisions for native apps
& websites + their workarounds
• Gestures
• The new look and feel
• New & removed features
4. Bugs to watch out for...
• Web SQL permissions to increase the default 5MB of
space for an app to the previously permitted 50MB limit no
longer work correctly, and require a workaround.
• “Save to Home Screen” apps are basically broken. Once
more than four apps are saved to home screen, the save
slots are recycled and sometimes duplicated, and the
phone has to be rebooted in order to clear itself.
• If your app uses AppCache and you are managing state via
hash or other mechanisms, the history object will never
update, disabling history.back.
5. Design decisions: Tints
Feature: Tints are selected based on the primary
background colour
Workaround: Select your background colours carefully
6. Design decisions: Navigation
Feature: Bottom navigation is
problematic, in this design it’s
disabled because of the new iOS7
Safari toolbar.
Workaround: 2 user taps will
activate the menu again - or rethink
the UX & navigation.
7. Design decisions: URL bar
Feature: No way to hide the URL bar with javascript, no full screen
mode. Problem if your app relies on absolute positioning.
Workaround: Swiping up will reset to full screen, or asking user to
add app to homescreen
8. Design decisions: Page titles
Feature: Safari now ignores page <title>
Workaround: It will show the URL, so make sure it
makes sense.
9. Design decisions: HTML5
Issue: Animating SVG
with Javascript is a bit hit
or miss with your
performance.
Workaround: Look at
your interactive elements
and slim them down if
possible.
10. Gestures: Up-swipe
Feature: iOS7 now has a control
center visible on a bottom up
swipe.
Workaround: Be careful with
your app or site to suggest an
upwards swipe gesture to the
user.
11. Gestures: left/right-swipe
Feature: Right and left
swipe gestures within
about 10 percent of
display edge are always
grabbed by iOS and
treated as a forward/back
request, and not passed
to the browser.
Workaround: None
12. The new look & feel
Feature: The new OS
icons are 5% bigger in
7.0 that 6.0
Workaround: Update
those bad boys
14. New feature: Sticky position
Feature: Sticky position is a new experimental feature that
allow us to fix an element to the viewport but only when it’s
off the visible area (usually after a scrolling action)
16. New features: Dynamic behaviour
Feature: Dynamic behaviors offer
a way to improve the user
experience of your app by
incorporating real-world behavior
and characteristics, such as
gravity, into your app’s animations.
17. New features: Speech synthesis
Feature: Speech Synthesis api
allows mobile safari to speak.
18. New features: Custom transitions
Feature: Allows you to set up the screen changes in
the UI the way you want it.
19. New features: Smile detection
Feature: If you have a camera
app - or use the camera there are
some playful things you can do.
20. New features: Image filters
Feature: There are now image
filters available as part of the OS.
• CILinearToSRGBToneCurve
• CIPhotoEffectChrome
• CIPhotoEffectFade
• CIPhotoEffectInstant
• CIPhotoEffectMono
• CIPhotoEffectNoir
• CIPhotoEffectProcess
• CIPhotoEffectTonal
• CIPhotoEffectTransfer
• CISRGBToneCurveToLinear
• CIVignetteEffect
21. New features: Motion effects (parallax)
Feature: Phone titling to see
more background, or provide
direction in games.
22. New features: QR code generator
Feature: For all your QR Code
needs. Available as part of the OS.
23. New feature: Touch iD
Feature: Touch iD as
identification - not available for
websites/apps ... yet.
24. New feature: Touch iD
http://www.youtube.com/watch?v=1OFW6Va1m5k
*Just remember to test all those cool new features!
25. What we covered
• Bugs to watch out for
• Design decisions for native apps & websites + their
workarounds
• Gestures
• The new look and feel
• New & removed features