HTML5 apps for iOS (and probably beyond)

Theming with Zen. My Presentation fro Drupal Camp Manila. 2014 Summary: Why Theme? Why Zen? How to Zen? It also goes through the installation process and touches a bit on scss capabilities.

The document provides guidance on optimizing a website for search engine optimization (SEO). It includes recommendations for optimizing titles, meta descriptions, keywords, images, links, headings and content with keywords. It also recommends submitting the site to Google Search Console, creating an XML sitemap and robots.txt file, checking for duplicate and broken content, and monitoring the site health through Search Console.

jQuery Mobile has been integrated in APEX since version 4.2 and building a mobile web application with APEX seems magically easy ever since. Once you start a mobile project you will be confronted with a number of challenges related to the jQuery Mobile frameworks mechanisms. This session tends to explain the fundamentals that are important to know for APEX developers and how to deal with these in APEX development. When creating a mobile web application with APEX, knowledge of how jQuery Mobile works and how it is different from what we are used to as APEX developers is essential, I learned this during projects. This session will explain the important jQuery Mobile framework mechanisms and how to deal with these in APEX: Page loading and submitting data; customizing the user interface elements; debugging, testing and inspecting on actual mobile devices.

This document provides an overview of WordPress templates and how they work. It explains that templates contain PHP code and CSS that retrieve content from the WordPress database and style it for display. Common templates include index.php, style.css, header.php, footer.php and others. Template tags in the PHP code allow content to be selectively displayed. The document provides examples of how different pages and post types are displayed using these templates and tags.

WordPress multisite allows users to create multiple websites from one WordPress installation, sharing themes, plugins, and users. It provides an unlimited number of sites with one installation. Key steps to set up multisite include enabling it in wp-config.php, running the network setup, editing .htaccess, and adding folders to wp-content. Multisite introduces new user roles like super admins and administrators. Recommended plugins include Domain Mapping and Sitewide Tags for aggregating content across sites.

The document discusses overengineering a meme generator by utilizing various modern web technologies including Webpack, ES2016, SCSS, linters, tests, the Picture element, Web Speech API, MediaDevices API, IndexedDB, Service Workers, the Web Manifest, and more to add features like spellchecking, downloading, better image support, text-to-speech, video/audio recording, offline support, notifications, and turning the project into a native-like PWA. The goal is to experiment with cutting-edge web capabilities and push the limits of what can be done on the client-side alone.

In this session, Aaron Gustafson will explain the ins and outs of crafting rich Web experiences that adapt to the capabilities and peculiarities of our customers and their devices, while maintaining your sanity in the process. You will learn: * An understanding of the challenges (and possibilities) presented by the wide range of browsers and devices being used to access the web * A fresh perspective on interface design, grounded in the progressive enhancement philosophy * Ideas around how to tailor experiences based on device capabilities; * Solid strategies for determining how common UI components can be re-imagined in an adaptive fashion * A practical knowledge of how HTML, CSS, and JavaScript can be deployed in the service of adaptive user interfaces

This document provides information on creating a website for a small business, including the website production cycle, components of a website like content, design, and traffic, and tips for promoting a site. It discusses content management systems, template options, search engine optimization, analytics, and domain names. The goal is to guide businesses through the process of developing a professional website.

Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting your user’s needs is. Responsive design is not an end in itself… it’s just the beginning. Embracing the heterogenous nature of the web—the myriad web-enabled devices with vastly different dimensions, screen sizes, networks, and capabilities in use by countless individuals, each with their own special needs—allows you to craft experiences that will work anywhere at any time. It also helps you build robust systems that adapt in ways far beyond aesthetics. This talk will cover a number of considerations that you should be aware of, beyond screen size and pixel density, and provide examples of how to adapt your interfaces so they rise to meet your users’ needs.

The document discusses migrating content from a source SharePoint farm to a target SharePoint Online site using PowerShell and Azure storage. It outlines the steps to export content from a source, convert it to a targeted migration package, upload it to Azure storage, and submit a migration job to import the content to the target. The last section discusses migrating a large list instead of the entire site content.

The document outlines Chris Bell's senior project to become a half-Iron Man by swimming 2.4 miles, biking 112 miles, and running 26.2 miles, including discussing nutrition, equipment, training areas of focus, and adopted training regimen. It also details his experience in the Waikiki Roughwater Swim, Around-Oahu Bike Race, and Honolulu Marathon, noting difficulties with biking and cramping but ultimately finding success in completing the races.

The document discusses strategies for physicians to increase revenue through outsourcing medical billing and claims processing. It notes that doctors currently spend much time on paperwork instead of patients. Outsourcing can reduce insurance claim rejection rates to as low as 2% while lowering billing costs by up to 50%. The solution involves scanning patient data into a HIPAA-compliant system, submitting claims within 24 hours, and having payments sent directly to doctors. Outsourcing coding can also increase reimbursements by 30% by ensuring proper coding. It also addresses improving patient collections by setting up automatic monthly payments without sending invoices.

The document discusses strategies for physicians to increase revenue through outsourcing medical billing and claims processing. It notes that doctors currently spend much time on paperwork instead of patients. Outsourcing can reduce insurance claim rejection rates to as low as 2% while lowering billing costs by up to 50%. The solution involves scanning patient data into a HIPAA-compliant system, submitting claims within 24 hours, and having payments sent directly to doctors. Outsourcing coding can also increase reimbursements by 30% by ensuring proper coding. It also addresses improving patient collections by setting up automatic monthly payments without sending invoices.

This document discusses responsive web design techniques including: - Using viewports and media queries to adapt layouts for different screen sizes. - Sizing images fluidly using max-width: 100% so they are responsive. - Design patterns for responsive tables, hiding/showing content, and converting menus to dropdowns. - Tools like Modernizr, Respond.js, and frameworks like LESS to support responsive design goals. - Tips like using relative units (ems/percentages) over fixed pixels and transitions for visual changes.

This document provides an overview of how to create responsive website designs using Bootstrap 3. It discusses how Bootstrap is a popular framework for responsive, mobile-first projects. It then covers the basics of getting started with Bootstrap, including downloading Bootstrap, including the necessary files, and using Bootstrap's grid system and other components to create responsive designs.

This document discusses techniques to make a WordPress site resemble a native iPhone app, including hiding the browser address bar, scaling the window properly, customizing the home screen icon and splash screen, and putting the site into full-screen mode. While not a substitute for a responsive design, these tricks can provide a better mobile experience and make the site look more like a true app. Examples are provided of the code needed and the impact on a sample site.

Doris Chen is a senior developer evangelist at Microsoft who focuses on web technologies like JavaScript and HTML5. Her presentation covers optimizing Cordova app performance, including measuring startup cost and memory usage, using CSS for gradients instead of images, animating with translate3d instead of left/top, and handling events through bubbling instead of individual listeners. She provides tips like keeping the DOM simple, batching layout changes, and cleaning up unused objects to prevent memory leaks.

This document discusses best practices for mobile web development. It begins by noting limitations of mobile devices like less CPU/memory and smaller screens. It then provides tips for configuring the viewport, using media queries to separate styles, and detecting device properties in JavaScript. The document also covers HTML5 features like geolocation, media capture, and input types. It gives recommendations for images, gestures, and performance optimizations like minimizing redirects, requests, files sizes and using Gzip compression.

This document provides an overview of developing apps for the iPad using web technologies like HTML5, CSS3, and JavaScript compared to developing native apps. It discusses key differences like the APIs available, performance, costs, updating processes, and more. It then provides best practices for web design on iPads, including considerations for touch targets, orientations, animations, images, and more. It also covers specific technologies like HTML5, CSS3, JavaScript, and backend development approaches. The overall message is that web development for iPads is very capable with modern techniques.

Scott Jehl of Filament Group discussed building responsive and responsible websites. He advocated for a layered approach using progressive enhancement. This involves a basic mobile-first experience enhanced for newer browsers. Images and layout adapt to different screensizes using responsive design principles. Accessibility, performance, and usability were highlighted as key areas of responsibility.

This document discusses how to create mobile apps that feel native using only web technologies. It covers supporting features in Mobile Safari like local storage, CSS3 features, and geolocation. It recommends using web technologies over native due to quicker iteration times. Specific techniques covered include detecting browser type, adding home screen icons, startup images, going full screen, and viewport settings. The document also discusses frameworks like jQuery Mobile but notes native DOM APIs may be sufficient. It covers input features, touch vs click, animations, locking orientation, and performance tips. It acknowledges limitations of Android and webOS and recommends testing on actual devices. Finally, it discusses hybrid mobile frameworks like PhoneGap and Titanium that allow developing for multiple platforms using one code

Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques. I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.

This document provides an overview of HTML5 best practices for mobile design. It begins with introductions and outlines the session agenda. The presenter then discusses high-level principles like universal design and progressive enhancement. Specific techniques covered include viewport meta tags, media queries, scalable images, HTML5 tags, and touch-friendly guidelines. CSS topics include grids, backgrounds, gradients, and transitions. JavaScript behaviors like navigation, forms, and geolocation are also reviewed. Useful frameworks, polyfills, and testing tools are presented. The overall message is that mobile design requires an adaptive, user-centered approach through careful content structuring, responsive presentation, and unobtrusive behavior.

This document introduces responsive design for online help outputs. It defines responsive design as creating a single output that automatically adapts to different display devices. It discusses how responsive design works using relative size units, media queries, and fluid grids. It also provides examples of how to implement responsive design in Flare and RoboHelp without coding by using their built-in responsive features and outlines best practices for content design.