Bar Camp Iphone Web Hackery

•Download as PPT, PDF•

1 like•608 views

This document summarizes techniques for building web applications for the iPhone, including: 1. Orientation detection tricks to determine portrait or landscape mode and handle layout changes. 2. Using CSS transforms and JavaScript animations to create zooming user interfaces. 3. Controlling the screen by hiding the URL bar or going full screen from a bookmark.

Technology News & Politics

iPhone Web-App Hackery Presented by Andy Edmonds @ BarCampAtl08

Building Blocks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Screen Control ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Fun Opportunity for Zooming UIs ,[object Object],[object Object],[object Object],[object Object]

iBlipper CSS Transforms ,[object Object],[object Object],[object Object]

Applying CSS Transforms with JS ,[object Object],[object Object]

Orientation Trick ,[object Object],[object Object],[object Object],[object Object],Ugly but functional hack to set up an interval to inspect the window width

Development and Debugging ,[object Object],[object Object]

Happy Hacking! ,[object Object],[object Object]

Axis (codename SearchX) has been a pure joy for our team to work on. It is one of the first projects at Yahoo! that runs on the new stack provided by the Cocktails infrastructure. Expanding Axis for iPad, iPhone and all four major desktop browsers from day one, and using the brand new Mojito Application Framework has been a unique experience and today we want to walk you through some of the architecture decisions and lessons learned while trying to choose between a variety of choices like Hybrid vs Native vs Web. The paths we chose to achieve the level of maintainability and scalability required for such a large scale project, some of the UI optimizations we did along the way.

Tools that help and speed up RWD dev

Matjaž Korošec

Responsive Design

Markus Tripp

Angular js mobile jsday 2014 - Verona 14 may

Luciano Amodio

Responsive web design & mobile web development - a technical and business app...Atos_Worldline

Skill Session - Web Multi Device

filirom1

Transmission2 25.11.2009Patrick Lauke

Responsive Enhancement

Sven Wolfermann

Rome　楽しいアプリ制作勉強会c-mitsuba

Webseiten für mobile Geräte - MobileTech Conference 2010 Mainz

Patrick Lauke

Internetnutzung auf Handys und mobilen Geräten ist in den letzten Jahren drastisch gestiegen. Und mit diesem Trend steigen auch die Erwartungen der Kunden – eine "mobile-optimised"-Version gehört bei vielen Webprojekten schon jetzt zum Standard – und der Endnutzer. Obwohl die Browser im mobilen Bereich schon recht gut mit "normalen" Webangeboten klar kommen, gibt es trotzdem neue Strategien und altbekannte Webdesign-/Web-Development-Methoden, um sicherzustellen, dass ihre Seiten auf allen Geräten – jenseits vom klassischen Desktoprechner – so gut wie möglich aussehen und funktionieren.

UI - Mobile and Tablet

Yoss Cohen

7 Customer Experience Tips for eCommerce : Qubit Bright Sparks : 29th April 2014

Ben Seymour

Experimentation at Scale

Andy Edmonds

Bar Camp Talk on Ubiquityguest5014a

Automated Testing Overviewantsh

MDN Development & Web Documentation

Jay Patel

2010 GTAC Crowd Source Testing Mozilla Style

Matt Evans

SeleniumAnil Babu

Bar Camp Ubiquity PresentationAndy Edmonds

Cross Platform Mobile Development with Xamarin

Puja Pramudya

What's hot

Handys und Tablets - Webentwicklung jenseits des Desktops - MobileTech Confer...Patrick Lauke

Смартфоны и планшетники - mobile-friendly веб-разработка помимо десктопа - RI...Patrick Lauke

BayJax: Expanding Yahoo! Axis across 3 screens

Caridy Patino

Tools that help and speed up RWD dev

Matjaž Korošec

Responsive Design

Markus Tripp

Angular js mobile jsday 2014 - Verona 14 may

Luciano Amodio

Responsive web design & mobile web development - a technical and business app...Atos_Worldline

Skill Session - Web Multi Device

filirom1

Transmission2 25.11.2009Patrick Lauke

Responsive Enhancement

Sven Wolfermann

Rome　楽しいアプリ制作勉強会c-mitsuba

Webseiten für mobile Geräte - MobileTech Conference 2010 Mainz

Patrick Lauke

UI - Mobile and Tablet

Yoss Cohen

7 Customer Experience Tips for eCommerce : Qubit Bright Sparks : 29th April 2014

Ben Seymour

What's hot (14)

Handys und Tablets - Webentwicklung jenseits des Desktops - MobileTech Confer...

Смартфоны и планшетники - mobile-friendly веб-разработка помимо десктопа - RI...

BayJax: Expanding Yahoo! Axis across 3 screens

Tools that help and speed up RWD dev

Responsive Design

Angular js mobile jsday 2014 - Verona 14 may

Responsive web design & mobile web development - a technical and business app...

Skill Session - Web Multi Device

Transmission2 25.11.2009

Responsive Enhancement

Rome　楽しいアプリ制作勉強会

Webseiten für mobile Geräte - MobileTech Conference 2010 Mainz

UI - Mobile and Tablet

7 Customer Experience Tips for eCommerce : Qubit Bright Sparks : 29th April 2014

Viewers also liked

Experimentation at Scale

Andy Edmonds

Bar Camp Talk on Ubiquityguest5014a

Automated Testing Overviewantsh

MDN Development & Web Documentation

Jay Patel

2010 GTAC Crowd Source Testing Mozilla Style

Matt Evans

SeleniumAnil Babu

Bar Camp Ubiquity PresentationAndy Edmonds

Viewers also liked (7)

Experimentation at Scale

Bar Camp Talk on Ubiquity

Automated Testing Overview

MDN Development & Web Documentation

2010 GTAC Crowd Source Testing Mozilla Style

Selenium

Bar Camp Ubiquity Presentation

Similar to Bar Camp Iphone Web Hackery

Cross Platform Mobile Development with Xamarin

Puja Pramudya

Open source javascript libraries for mobile web applications in 2012

Data Fok

12 reasons for building mobile app with ionic framework

OptiSol Business Solutions

TPR4tutorialsruby

T 0230 Google Wave Powered By Gwtsupertoy2015

Introduction to j query mobile framework

Shreerang Patwardhan

Christopher Allen's Presentation at eComm 2009eCommConf

Station Four: Web Redesign Presentation

colberding

Techniques For A Modern Web UI (With Notes)

patrick.t.joyce

Introduction to Flex Hero for Mobile Devices

Ryan Stewart

Eye candy for your iPhone

Brian Shim

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez

Programming iOS in C#

Frank Krueger

Video here: http://youtu.be/eeGvMkicAv4 Xamarin.iOS enables us to write native applications that take full advantage of iOS's large number of libraries - from the user interface to motion processing, graphics, audio, cameras, sensors, networking... This incredibly rich software platform runs all day long in the pockets of hundreds of millions of people. When you couple it to .NET, you have a programmer's dream environment. So let's learn to program iOS! In a little over an hour we will: • Browse through iOS's APIs to find interesting bits of functionality • Explore the architecture of UIKit - the user interface framework for iOS • Use Xamarin Studio to write and debug applications With this introduction you will have enough knowledge to write your first application that can use all the richness of iOS and all your favorite code written in .NET. Oh, and it will run on beautiful devices too.

Mobile for web developers

Jon Arne Sæterås

Use html5 to build what you want, where you want itKevin DeRudder

Cross Platform Mobile Apps with the Ionic Framework

Troy Miles

What happens when you combine Google's AngularJS, the super cool JavaScript MVC Framework with Apache Cordova, the cross platform mobile framework using web technology? You get the Ionic Framework, the super sexy love child of two great frameworks. With Ionic you build mobile apps using the web technology you already know and love. Think the apps will be slow and clunky? Think again, Ionic comes out of the box with well design CSS3 classes to make beautiful and fluid apps. Using Cordova and jQuery Mobile already? Well, with Ionic you will learn to love mobile development again. No more write-only spaghetti code, Ionic makes it easy to create clean, testable, logical mobile apps. Need to support tablet and phone in the same app? Ionic has you covered. You can create one app which will use responsive design to change its look based on the device's screen dimensions. In this talk, I will show how easy it is to create a mobile with Ionic by building a simple but feature full app live. We will start at the command line, with one command, Ionic creates the skeleton of our app. Then using a text editor and the Chrome browser we begin building out our app. We can get it all up and running without the need for a mobile device. We will use live reload so we see our changes as soon as we make them. Once we finish, a few commands deploys our app to a simulated device. Want to get started but heard what a pain it is to install a mobile development environment? Never fear, the Vagrant Ionic Box provides a complete Android development in a virtual environment for Windows, Mac OS X, and Linux. You will be up and coding in no time.

Responsive websites. Toolbox

Wojtek Zając

Fake it 'til you make it

Jonathan Snook

Jquery mobile

Predhin Sapru

Similar to Bar Camp Iphone Web Hackery (20)

Cross Platform Mobile Development with Xamarin

Open source javascript libraries for mobile web applications in 2012

12 reasons for building mobile app with ionic framework

TPR4

T 0230 Google Wave Powered By Gwt

Introduction to j query mobile framework

Christopher Allen's Presentation at eComm 2009

Station Four: Web Redesign Presentation

Techniques For A Modern Web UI (With Notes)

Introduction to Flex Hero for Mobile Devices

Eye candy for your iPhone

Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile

Programming iOS in C#

Mobile for web developers

Use html5 to build what you want, where you want it

Cross Platform Mobile Apps with the Ionic Framework

Responsive websites. Toolbox

Fake it 'til you make it

Jquery mobile

Recently uploaded

UiPath Test Automation using UiPath Test Suite series, part 5

DianaGray10

By Design, not by Accident - Agile Venture Bolzano 2024

Pierluigi Pugliese

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Albert Hoitingh

Elevating Tactical DDD Patterns Through Object Calisthenics

Dorra 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!

FIDO Alliance Osaka Seminar: Overview.pdf

FIDO Alliance

Securing your Kubernetes cluster_ a step-by-step guide to success !

KatiaHIMEUR1

Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster. However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks. In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.

20240605 QFM017 Machine Intelligence Reading List May 2024

Matthew Sinclair

DevOps and Testing slides at DASA Connect

Kari Kakkonen

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

FIDO Alliance

A tale of scale & speed: How the US Navy is enabling software delivery from l...

sonjaschweigert1

Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved: - Reduction in onboarding time from 5 weeks to 1 day - Improved developer experience and productivity through actionable findings and reduction of false positives - Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO) Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production. We will cover: - How to remove silos in DevSecOps - How to build efficient development pipeline roles and component templates - How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence) - How to streamline operations with automated policy checks on container images

UiPath Test Automation using UiPath Test Suite series, part 4

DianaGray10

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

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

Recently uploaded (20)

UiPath Test Automation using UiPath Test Suite series, part 5

By Design, not by Accident - Agile Venture Bolzano 2024

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Elevating Tactical DDD Patterns Through Object Calisthenics

FIDO Alliance Osaka Seminar: Overview.pdf

Securing your Kubernetes cluster_ a step-by-step guide to success !

20240605 QFM017 Machine Intelligence Reading List May 2024

DevOps and Testing slides at DASA Connect

Essentials of Automations: The Art of Triggers and Actions in FME

Microsoft - Power Platform_G.Aspiotis.pdf

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

Video Streaming: Then, Now, and in the Future

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

Pushing the limits of ePRTC: 100ns holdover for 100 days

PCI PIN Basics Webinar from the Controlcase Team

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf

A tale of scale & speed: How the US Navy is enabling software delivery from l...

UiPath Test Automation using UiPath Test Suite series, part 4

PHP Frameworks: I want to break free (IPC Berlin 2024)