a-blog cms 勉強会 NAGOYA 20110718
•Download as KEY, PDF•
2 likes•762 views
The document discusses jQuery Mobile, a mobile web framework, and provides links to blog posts and articles about its features, configuration, and updates. Specifically, it mentions jQuery Mobile's beta 1 release, upgrading to the new version, removing rounded corners, configuring default settings, using pages and transitions between pages with data attributes, and debugging with tools like Firebug. It also references cross-site scripting security and using the loadPage method.
Report
Share
Report
Share
Recommended
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
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.
Wulin kungfu final
My topic on RubyConfChina2012, introduces wulin_master gem which is used for building enterprise application with ruby.
Designing and Implementing a Multiuser Apps Platform
The document discusses the design and implementation of Usergrid, a multi-tenant, multi-server application platform built using Java, Spring, Jersey, Jackson, and Cassandra to provide user management, data storage, analytics and other features through a RESTful API in a scalable way that allows multiple teams and applications to easily build and deploy mobile and web apps. The document outlines some of the challenges in building such a platform and how Usergrid addresses issues like consistency, API design, permissions, built-in logic and operations.
multiple views and routing
UI routing in AngularJS allows defining application states and nested views. Key steps include:
1. Include the angular-ui-router.js file and inject the ui.router module.
2. Configure states using $stateProvider and child states for nested views.
3. Link to states with ui-sref and display views with ui-view.
States define the URL, template, and controller for sections of the app. Child states enable nested views within a state. The example app defines routes for two users with nested lists.
モバイル検索とアプリ
密接な関係が深まってきたモバイル検索とアプリの現状について解説。Faber Companyでの社内勉強会で使用したスライド。
キーフレーズは「モバイルからPCへ、ウェブからアプリへ」
トピックは次のとおり。
・GoogleがApp Indexingを導入した背景
・App Indexingの機能と特徴、メリット
・App Indexingの実装方法
・App Indexingを利用した新たなサービス
・App Indexing以外のアプリとの連携機能
Beginning jQuery Mobile
The document provides an introduction to jQuery Mobile, covering what topics will and won't be covered. It discusses the basics of jQuery Mobile including page structure, dynamic DOM manipulation, HTML5 pseudo-attributes, form elements, lists, multi-page apps, and events. It also offers tips on debugging, performance, and links to additional resources for learning jQuery Mobile.
はじめてのWKInterfaceController
This document provides an overview of WKInterfaceController in WatchKit, the framework for developing Apple Watch applications. It describes the different types of screens like WatchKit App, Notification, and Glance. It also explains the user interface elements available in WatchKit like labels, buttons, and tables. The document outlines how to layout screens and transition between interfaces using modal, hierarchical, and page-based navigation styles. It provides details on how to pass data between controllers using the context parameter. While WatchKit currently has limitations, it is still maturing as a framework.
Start IoT with jQueryMobile - 기초1
jQuery Mobile is a touch-optimized HTML5 framework that makes responsive web sites and apps accessible across all devices. It works across popular mobile, tablet, and desktop platforms using responsive design principles and HTML markup. Sample jQuery Mobile sites can be found at JQMGallery.com, and there are many compatible third-party plugins that utilize jQuery Mobile's theming, initialization, and configuration features.
Recommended
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
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.
Wulin kungfu final
My topic on RubyConfChina2012, introduces wulin_master gem which is used for building enterprise application with ruby.
Designing and Implementing a Multiuser Apps Platform
The document discusses the design and implementation of Usergrid, a multi-tenant, multi-server application platform built using Java, Spring, Jersey, Jackson, and Cassandra to provide user management, data storage, analytics and other features through a RESTful API in a scalable way that allows multiple teams and applications to easily build and deploy mobile and web apps. The document outlines some of the challenges in building such a platform and how Usergrid addresses issues like consistency, API design, permissions, built-in logic and operations.
multiple views and routing
UI routing in AngularJS allows defining application states and nested views. Key steps include:
1. Include the angular-ui-router.js file and inject the ui.router module.
2. Configure states using $stateProvider and child states for nested views.
3. Link to states with ui-sref and display views with ui-view.
States define the URL, template, and controller for sections of the app. Child states enable nested views within a state. The example app defines routes for two users with nested lists.
モバイル検索とアプリ
密接な関係が深まってきたモバイル検索とアプリの現状について解説。Faber Companyでの社内勉強会で使用したスライド。
キーフレーズは「モバイルからPCへ、ウェブからアプリへ」
トピックは次のとおり。
・GoogleがApp Indexingを導入した背景
・App Indexingの機能と特徴、メリット
・App Indexingの実装方法
・App Indexingを利用した新たなサービス
・App Indexing以外のアプリとの連携機能
Beginning jQuery Mobile
The document provides an introduction to jQuery Mobile, covering what topics will and won't be covered. It discusses the basics of jQuery Mobile including page structure, dynamic DOM manipulation, HTML5 pseudo-attributes, form elements, lists, multi-page apps, and events. It also offers tips on debugging, performance, and links to additional resources for learning jQuery Mobile.
はじめてのWKInterfaceController
This document provides an overview of WKInterfaceController in WatchKit, the framework for developing Apple Watch applications. It describes the different types of screens like WatchKit App, Notification, and Glance. It also explains the user interface elements available in WatchKit like labels, buttons, and tables. The document outlines how to layout screens and transition between interfaces using modal, hierarchical, and page-based navigation styles. It provides details on how to pass data between controllers using the context parameter. While WatchKit currently has limitations, it is still maturing as a framework.
Start IoT with jQueryMobile - 기초1
jQuery Mobile is a touch-optimized HTML5 framework that makes responsive web sites and apps accessible across all devices. It works across popular mobile, tablet, and desktop platforms using responsive design principles and HTML markup. Sample jQuery Mobile sites can be found at JQMGallery.com, and there are many compatible third-party plugins that utilize jQuery Mobile's theming, initialization, and configuration features.
Mobile Software Engineering Crash Course - C01 Intro
This document provides an introduction to mobile software engineering. It discusses why mobile apps are important, differences between web and native apps, major mobile platforms like Android and iOS, core hardware components, market share trends, programming languages and frameworks used to develop mobile apps like HTML5, JavaScript, XML, and frameworks like jQuery Mobile and PhoneGap. It also covers new features of Android 4.1 Jelly Bean like enhanced accessibility and notifications. The document recommends references for learning more about developing for Android.
Ruby on Rails + AngularJS + Twitter Bootstrap
This document provides an overview of setting up a Ruby on Rails application that integrates AngularJS and Twitter Bootstrap. It discusses why these technologies are used together and how to set them up, including installing necessary gems, modifying files, and adding AngularJS controllers. Code examples are provided to demonstrate basic CRUD functionality using Rails and AngularJS. The document concludes by describing the presenters' consulting company and providing contact information.
Using Angular with Rails
The document discusses using Angular with Rails for single page web applications. It covers building an API with Rails, defining JSON views, adding Angular, creating Angular controllers and services, handling errors, authentication, and SEO issues. Key points include bypassing traditional Rails flows, separating HTML and API controllers, using RABL for JSON views, following Angular best practices for code structure, and ensuring server-side authentication is still enforced.
Jquery Cheatsheet
This document is a cheat sheet for jQuery Mobile that provides an overview of how to install and use various jQuery Mobile components. It includes sections on how to create basic pages, link between pages, add buttons, lists, toolbars, and special fields like sliders. It also includes some example code snippets and links to additional jQuery Mobile resources.
Web application using c# Lab - Web Configuration file
The document describes creating a web configuration file called Web.config for a web application created in C#. The Web.config file contains configuration settings for compilation and runtime, as well as application settings defined for course fees and names. A Course.aspx.cs file uses the configuration settings values from Web.config to display course name and fee labels based on a dropdown selection.
Rails-3-app-auto-generator-20100817
The document discusses using generators to automate common tasks in Rails applications. It recommends modularizing and gemifying reusable code to create generators. The benefits of generators include consistency across projects, reduced copying/pasting of code, and time savings. The document provides examples of generating gems, updating applications to Rails 3, and customizing generator templates. It also discusses best practices like keeping Gemfile.lock up to date and using files instead of git branches.
Webworks
WebWorks allows developers to easily create both online and offline mobile applications for BlackBerry devices using common web technologies like HTML, CSS, and JavaScript. Only a few tools are required to get started, including the Ripple emulator, WebWorks Packager, and a code editor. Applications can access device features and be tested on Ripple before being packaged and run on actual BlackBerry devices.
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
This document discusses AngularJS, a client-side JavaScript MVC framework. It makes use of directives, dependency injection, and data binding to provide "reasonable magic". The document then demonstrates how to integrate AngularJS into a Rails application by adding the angularjs-rails gem, adding AngularJS to the asset pipeline, and creating AngularJS controllers, modules, and views. It also shows how to test AngularJS code with Jasmine and Teaspoon.
Create and Deploy Ember in 5 Minutes with Middleman
1) Middleman is a static site generator that allows developers to build Ember apps locally and deploy them to Heroku in 5 minutes.
2) Middleman uses modern web tools and asset pipelines to compile HTML, CSS, JavaScript and other assets for deployment.
3) Apps built with Middleman can be deployed to Heroku using a custom Middleman buildpack which will build the Middleman site and deploy it.
Mobile ASP.Net Web Forms - Making the impossible possible | FalafelCON 2014
In this session, I will show you how to take your bland ASP.Net web application and make it available in a form factor for mobile browsers without re-writing your entire application. I will also show you how to scale your application for tablets, and handle all of the functionality in a DRY manner.
Key take-aways from this session will include:
-Ability to adapt your existing application to handle phone and tablet screen sizes
-Ability to re-use logic in your current application in new form factors
-Knowledge and comfort around testing your web application for various device screen sizes
Understanding angular js $rootscope and $scope
$rootScope is the top-most scope in AngularJS apps and is shared among all components. $scope binds a view to a controller's model and functions. Scopes are hierarchical, with $rootScope at the top and all other scopes as its children. The example demonstrates defining values on $rootScope and $scope, and how they can be accessed within and outside controllers depending on the scope.
Angular - Beginner
AngularJS is a framework for building dynamic web applications. It uses HTML as the template language and allows you to extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection allows it to connect data and logic to the DOM and update the DOM when data changes. The core aspects of AngularJS covered in the document include directives, modules, scopes, controllers, templates and data binding. Key points are that directives attach behavior to DOM elements, modules allow partitioning of an app into logical blocks, scopes provide separation of model and view, and controllers extend scopes to handle logic and expose properties.
Cassandra summit - Big Data Apps on the cloud
The document discusses the evolution of cloud management platforms and the importance of application portability. It describes how early platforms focused on automatically starting VMs, installing applications, and basic monitoring and repair. Modern platforms now aim to fully orchestrate applications, install and configure components, ensure high availability, and allow applications to automatically scale and burst resources as needed. The key is providing a way for applications to define their own "recipe" for deployment and management across different cloud infrastructures through a common API.
Activity
The document discusses configuring an Android application manifest file (AndroidManifest.xml) and layout file (activity_record.xml). It describes adding elements like activities, application attributes, strings, and layout components like text views, edit texts and buttons. It also covers finding view instances, setting on click listeners, and getting input from edit texts to display in text views.
Single Page WebApp Architecture
This document discusses single-page web application architecture. It begins by comparing traditional web pages that require full page reloads on navigation to single-page apps that use client-side routing and rendering with no page reloads. It then discusses how to build single-page apps using client-side routing to handle navigation, client-side rendering of views, and an event system to decouple modules. The document also emphasizes the importance of performance in single-page apps and provides techniques for fast loading, execution and caching of assets.
The next step is... Bootstrap by Omar Qunsul
This document provides an introduction and overview of how to use Bootstrap, a CSS and JavaScript framework, to style a Rails application. It demonstrates how to include Bootstrap, add navigation, style tables and buttons, create forms and form elements, and use Bootstrap themes. The document recommends reviewing the Bootstrap documentation for more details and CSS components.
How fast are we going now?
The document discusses the speed of the modern web. It summarizes key metrics around connection speeds, browser speeds, page weights, adoption of best practices, and page load times based on data from various sources. While some metrics like connection speeds and page load times are improving, pages overall are getting heavier and adoption of best practices is flat. The document advocates watching video growth, developing better performance metrics, promoting best practices more widely, utilizing multiple CPUs, and improving caching.
Learn how to start cooking with Chef!
So you are wondering what Chef is? In this session, learn how to get started with Chef and start using it to automate deployment of Azure Virtual Machines. Chef is a configuration management tool and uses a pure Ruby DSL for writing configuration recipes. Chef is used to streamline the task of configuring and maintaining a company's servers and can integrate with Microsoft Azure to automatically provision and configure new machines.
Organized web app development using backbone.js
This document provides an overview of using Backbone.js for web application development. It discusses problems with jQuery-only applications, such as tightly coupling data with the DOM. Backbone.js is presented as a solution by decoupling data from the UI using an MVC architecture with Models, Collections, Views, and Routers. Key components of Backbone.js like Models for data, Collections for lists of models, Views for DOM manipulation, and Routers for mapping URLs are described at a high level. Tips discussed include using Require.js for module loading and extensions/plugins for additional functionality.
Creating Container View Controllers
The document discusses view controller containment in iOS. It provides an overview of view controllers and their responsibilities in iOS apps. It describes issues with creating custom container view controllers before iOS 5 and how the iOS 5 containment API addresses these by allowing view controllers to add and remove child view controllers and properly manage view controller lifecycles. It demonstrates how to implement common container view controller behaviors like pushing and popping view controllers using the containment API and discusses best practices to avoid common mistakes with container view controllers.
Verses from the bible
The document provides several passages from the Bible discussing a variety of topics: denying God, family divisions, Moses freeing Hebrew slaves, laws regarding slaves and property damage, punishing false prophets and idolatry, inheritance rights, rebellious sons, dealing with enemy cities, banning mediums and necromancers, and the treatment of female Midianite captives.
Daron Akira Hall, Tapastic – Startup Pitch, WarmGun 2013
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
More Related Content
What's hot
Mobile Software Engineering Crash Course - C01 Intro
This document provides an introduction to mobile software engineering. It discusses why mobile apps are important, differences between web and native apps, major mobile platforms like Android and iOS, core hardware components, market share trends, programming languages and frameworks used to develop mobile apps like HTML5, JavaScript, XML, and frameworks like jQuery Mobile and PhoneGap. It also covers new features of Android 4.1 Jelly Bean like enhanced accessibility and notifications. The document recommends references for learning more about developing for Android.
Ruby on Rails + AngularJS + Twitter Bootstrap
This document provides an overview of setting up a Ruby on Rails application that integrates AngularJS and Twitter Bootstrap. It discusses why these technologies are used together and how to set them up, including installing necessary gems, modifying files, and adding AngularJS controllers. Code examples are provided to demonstrate basic CRUD functionality using Rails and AngularJS. The document concludes by describing the presenters' consulting company and providing contact information.
Using Angular with Rails
The document discusses using Angular with Rails for single page web applications. It covers building an API with Rails, defining JSON views, adding Angular, creating Angular controllers and services, handling errors, authentication, and SEO issues. Key points include bypassing traditional Rails flows, separating HTML and API controllers, using RABL for JSON views, following Angular best practices for code structure, and ensuring server-side authentication is still enforced.
Jquery Cheatsheet
This document is a cheat sheet for jQuery Mobile that provides an overview of how to install and use various jQuery Mobile components. It includes sections on how to create basic pages, link between pages, add buttons, lists, toolbars, and special fields like sliders. It also includes some example code snippets and links to additional jQuery Mobile resources.
Web application using c# Lab - Web Configuration file
The document describes creating a web configuration file called Web.config for a web application created in C#. The Web.config file contains configuration settings for compilation and runtime, as well as application settings defined for course fees and names. A Course.aspx.cs file uses the configuration settings values from Web.config to display course name and fee labels based on a dropdown selection.
Rails-3-app-auto-generator-20100817
The document discusses using generators to automate common tasks in Rails applications. It recommends modularizing and gemifying reusable code to create generators. The benefits of generators include consistency across projects, reduced copying/pasting of code, and time savings. The document provides examples of generating gems, updating applications to Rails 3, and customizing generator templates. It also discusses best practices like keeping Gemfile.lock up to date and using files instead of git branches.
Webworks
WebWorks allows developers to easily create both online and offline mobile applications for BlackBerry devices using common web technologies like HTML, CSS, and JavaScript. Only a few tools are required to get started, including the Ripple emulator, WebWorks Packager, and a code editor. Applications can access device features and be tested on Ripple before being packaged and run on actual BlackBerry devices.
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
This document discusses AngularJS, a client-side JavaScript MVC framework. It makes use of directives, dependency injection, and data binding to provide "reasonable magic". The document then demonstrates how to integrate AngularJS into a Rails application by adding the angularjs-rails gem, adding AngularJS to the asset pipeline, and creating AngularJS controllers, modules, and views. It also shows how to test AngularJS code with Jasmine and Teaspoon.
Create and Deploy Ember in 5 Minutes with Middleman
1) Middleman is a static site generator that allows developers to build Ember apps locally and deploy them to Heroku in 5 minutes.
2) Middleman uses modern web tools and asset pipelines to compile HTML, CSS, JavaScript and other assets for deployment.
3) Apps built with Middleman can be deployed to Heroku using a custom Middleman buildpack which will build the Middleman site and deploy it.
Mobile ASP.Net Web Forms - Making the impossible possible | FalafelCON 2014
In this session, I will show you how to take your bland ASP.Net web application and make it available in a form factor for mobile browsers without re-writing your entire application. I will also show you how to scale your application for tablets, and handle all of the functionality in a DRY manner.
Key take-aways from this session will include:
-Ability to adapt your existing application to handle phone and tablet screen sizes
-Ability to re-use logic in your current application in new form factors
-Knowledge and comfort around testing your web application for various device screen sizes
Understanding angular js $rootscope and $scope
$rootScope is the top-most scope in AngularJS apps and is shared among all components. $scope binds a view to a controller's model and functions. Scopes are hierarchical, with $rootScope at the top and all other scopes as its children. The example demonstrates defining values on $rootScope and $scope, and how they can be accessed within and outside controllers depending on the scope.
Angular - Beginner
AngularJS is a framework for building dynamic web applications. It uses HTML as the template language and allows you to extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection allows it to connect data and logic to the DOM and update the DOM when data changes. The core aspects of AngularJS covered in the document include directives, modules, scopes, controllers, templates and data binding. Key points are that directives attach behavior to DOM elements, modules allow partitioning of an app into logical blocks, scopes provide separation of model and view, and controllers extend scopes to handle logic and expose properties.
Cassandra summit - Big Data Apps on the cloud
The document discusses the evolution of cloud management platforms and the importance of application portability. It describes how early platforms focused on automatically starting VMs, installing applications, and basic monitoring and repair. Modern platforms now aim to fully orchestrate applications, install and configure components, ensure high availability, and allow applications to automatically scale and burst resources as needed. The key is providing a way for applications to define their own "recipe" for deployment and management across different cloud infrastructures through a common API.
Activity
The document discusses configuring an Android application manifest file (AndroidManifest.xml) and layout file (activity_record.xml). It describes adding elements like activities, application attributes, strings, and layout components like text views, edit texts and buttons. It also covers finding view instances, setting on click listeners, and getting input from edit texts to display in text views.
Single Page WebApp Architecture
This document discusses single-page web application architecture. It begins by comparing traditional web pages that require full page reloads on navigation to single-page apps that use client-side routing and rendering with no page reloads. It then discusses how to build single-page apps using client-side routing to handle navigation, client-side rendering of views, and an event system to decouple modules. The document also emphasizes the importance of performance in single-page apps and provides techniques for fast loading, execution and caching of assets.
The next step is... Bootstrap by Omar Qunsul
This document provides an introduction and overview of how to use Bootstrap, a CSS and JavaScript framework, to style a Rails application. It demonstrates how to include Bootstrap, add navigation, style tables and buttons, create forms and form elements, and use Bootstrap themes. The document recommends reviewing the Bootstrap documentation for more details and CSS components.
How fast are we going now?
The document discusses the speed of the modern web. It summarizes key metrics around connection speeds, browser speeds, page weights, adoption of best practices, and page load times based on data from various sources. While some metrics like connection speeds and page load times are improving, pages overall are getting heavier and adoption of best practices is flat. The document advocates watching video growth, developing better performance metrics, promoting best practices more widely, utilizing multiple CPUs, and improving caching.
Learn how to start cooking with Chef!
So you are wondering what Chef is? In this session, learn how to get started with Chef and start using it to automate deployment of Azure Virtual Machines. Chef is a configuration management tool and uses a pure Ruby DSL for writing configuration recipes. Chef is used to streamline the task of configuring and maintaining a company's servers and can integrate with Microsoft Azure to automatically provision and configure new machines.
Organized web app development using backbone.js
This document provides an overview of using Backbone.js for web application development. It discusses problems with jQuery-only applications, such as tightly coupling data with the DOM. Backbone.js is presented as a solution by decoupling data from the UI using an MVC architecture with Models, Collections, Views, and Routers. Key components of Backbone.js like Models for data, Collections for lists of models, Views for DOM manipulation, and Routers for mapping URLs are described at a high level. Tips discussed include using Require.js for module loading and extensions/plugins for additional functionality.
Creating Container View Controllers
The document discusses view controller containment in iOS. It provides an overview of view controllers and their responsibilities in iOS apps. It describes issues with creating custom container view controllers before iOS 5 and how the iOS 5 containment API addresses these by allowing view controllers to add and remove child view controllers and properly manage view controller lifecycles. It demonstrates how to implement common container view controller behaviors like pushing and popping view controllers using the containment API and discusses best practices to avoid common mistakes with container view controllers.
What's hot (20)
Mobile Software Engineering Crash Course - C01 Intro
Mobile Software Engineering Crash Course - C01 Intro
Web application using c# Lab - Web Configuration file
Web application using c# Lab - Web Configuration file
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Create and Deploy Ember in 5 Minutes with Middleman
Create and Deploy Ember in 5 Minutes with Middleman
Mobile ASP.Net Web Forms - Making the impossible possible | FalafelCON 2014
Mobile ASP.Net Web Forms - Making the impossible possible | FalafelCON 2014
Viewers also liked
Verses from the bible
The document provides several passages from the Bible discussing a variety of topics: denying God, family divisions, Moses freeing Hebrew slaves, laws regarding slaves and property damage, punishing false prophets and idolatry, inheritance rights, rebellious sons, dealing with enemy cities, banning mediums and necromancers, and the treatment of female Midianite captives.
Daron Akira Hall, Tapastic – Startup Pitch, WarmGun 2013
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms.
unSEXY Conf 2013: Mark Thomas, Reesio
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive functioning. Exercise causes chemical changes in the brain that may help boost feelings of calmness, happiness and focus.
Theoretical Considerations in Online Unit Design
This document discusses theories that can be applied to online course design, including Zone of Proximal Development, Bloom's Taxonomy, and scaffolding. It explains that Zone of Proximal Development refers to the difference between what students can do independently and with assistance. Bloom's Taxonomy organizes learning objectives from lower to higher order thinking skills. Scaffolding involves providing supports to help students progress from assisted to independent learning. The document advocates applying these theories to course design by assessing student skills, setting learning objectives, and providing online tools and content at different levels of support.
#acmscamp Keynote
This document summarizes an a-blog cms Power User Training Camp in 2010. It discusses topics that will be covered including HTML, FTP, web versioning, CMS versioning, WYSIWYG editors, performance, Javascript, jQuery, .htaccess, and scalability. The document concludes by thanking several photographers for the use of their Flickr photos under a CC attribution license.
Viewers also liked (7)
Daron Akira Hall, Tapastic – Startup Pitch, WarmGun 2013
Daron Akira Hall, Tapastic – Startup Pitch, WarmGun 2013
Similar to a-blog cms 勉強会 NAGOYA 20110718
Overview on jQuery mobile
This is very basic presentation focused on jQuery mobile, where it highlighted why people will choose it, and how easily anybody can start on it. It was developed for our in house presentation.
Toutch Jquery Mobile
This document summarizes the history and features of jQuery Mobile, a mobile web framework. It discusses the versions released from October 2010 to November 2011. Key features include being cross-device, cross-platform, cross-browser, using HTML5, having a touch-optimized interface, and being based on jQuery. The document also describes the various UI components in jQuery Mobile like pages, dialogs, headers, forms, lists and more. It provides links to the jQuery Mobile website for examples.
jQuery Mobile: Progressive Enhancement with HTML5
This document provides an overview of jQuery Mobile, a JavaScript framework for building mobile web sites and apps. It discusses how jQuery Mobile uses progressive enhancement with HTML5 to provide cross-platform support and a native look-and-feel on mobile devices. Key aspects covered include jQuery Mobile's use of progressive enhancement to enhance content, presentation, and behavior; its reliance on HTML5 data attributes for markup; support for various widgets like pages, buttons, forms and lists; and options for native deployment using technologies like PhoneGap.
Jquery mobile book review
Why jQuery Mobile is a better choice compared to other frameworks:
1. Create and style pages and dialogs
2. Use toolbars, theme en enhance them
3. and much more!
DrupalCamp NH
jQuery Mobile is a touch-optimized web framework for building mobile websites and apps using HTML5. It provides a unified user interface system across all popular mobile operating systems using lightweight code built with progressive enhancement. The framework includes default styling for common form elements and lists. It can be integrated with content management systems like Drupal using mobile themes and helper modules. The document demonstrates jQuery Mobile and discusses how to customize and extend its capabilities.
Taking your Web App for a walk
What strategies can you take to bring a web application to a mobile device? Six steps from pure HTML/CSS all the way to almost native applications.
Going Mobile
Stephen Gilboy presented on creating web-based mobile apps with ASP.NET, HTML5, and jQuery Mobile. He discussed how jQuery Mobile simplifies creating mobile web apps that work across platforms by handling page transitions and responsive design. He demonstrated consuming JSON data with jQuery templating to populate pages, theming apps from the web.config, and going native with PhoneGap. The presentation provided an overview of building robust mobile apps using existing web development skills.
Mume JQueryMobile Intro
This document discusses jQuery Mobile, a mobile web framework built on jQuery and jQuery UI. It is optimized for touch interactions and uses progressive enhancement to provide a good experience across different mobile device capabilities. Key features highlighted include support for mobile events like tap and swipe, navigation between pages within a single HTML document, and transition effects between pages. The document provides code examples and resources for further learning jQuery Mobile.
20111014 mu me_j_querymobile
This document discusses jQuery Mobile, a framework for building mobile web sites and apps. It is built on jQuery and jQuery UI and optimized for touch interactions. Key features highlighted include support for mobile events like tap and swipe, progressive enhancement to provide graceful degradation across devices, and animated page transitions using Ajax. jQuery Mobile uses a multi-page template structure and supports transition effects between pages. The document provides examples of jQuery Mobile markup and methods for selecting and manipulating page elements with jQuery. Resources for learning more about jQuery Mobile are also listed.
JQuery mobile
jQuery Mobile is a JavaScript framework that makes it easier to develop mobile web sites and apps. It allows developers to use standard HTML and CSS to build interfaces that work across various mobile device platforms. Some key features include automatically adapting layouts for different screens, supporting touch and mouse events, and providing common mobile widgets like sliders and flip switches. Navigation between pages is handled using internal links, and jQuery Mobile can fetch and integrate external pages using AJAX to provide a native-like experience.
Inside jQuery (2011)
The document discusses jQuery and its selector engine Sizzle, providing an overview of how Sizzle breaks selectors down into arrays and then matches elements by going through the arrays from left to right and testing elements against a set of regular expressions defined in its match object. It also touches on how different JavaScript libraries approach selector matching differently in terms of direction and use of the browser's native querySelectorAll method.
jQuery Mobile Overview - Boston
jQuery Mobile presentation by Todd Parker of Filament Group. Most of the talk was in the demos so this is pretty short:
http://jquerymobile.com/demos/1.0a1/
Desenvolvimento web com jQuery Mobile
Palestra sobre desenvolvimento mobile com JQuery Mobile apresentada na semana de tecnologia 2012 da Universidade Estácio de Sá
Multi screen HTML5
Learn how to design responsive HTML5 websites and applications, and learn how to choose the right tool for the job.
Introduction to jQuery Mobile
jQuery Mobile is a touch-optimized web framework for building mobile websites and apps. It uses HTML5 to provide a responsive interface for all mobile device platforms. Key features include pages, navigation, buttons, forms, lists and themes. Developers add mobile-specific enhancements to HTML by using data attributes. Pages are defined with divs having the data-role of "page" and include sections for headers, content and footers. Navigation is achieved through anchor tags linking page div IDs.
Movable Type 5 Smartphone Option
This document summarizes updates to Movable Type 5.1 including support for EPUB, Facebook, and CSV exports. It discusses upcoming releases in June and July 2011 that will add features for iPhone, CSS3, and jQuery Mobile. Future releases are planned to improve support for Android, iOS, and Windows Phone mobile platforms.
Intro j query_mobile_mojo
The document introduces the jQuery Mobile framework. It discusses that jQuery Mobile is a touch-optimized web framework that allows writing code once and having it run on multiple mobile device platforms using HTML5. It provides a unified user interface system. The document then shows the basic structure of a jQuery Mobile project, including linking to the necessary jQuery Mobile files and adding data attributes to elements to define pages, headers, footers, and lists. It also mentions that jQuery Mobile is compatible with frameworks like PhoneGap that allow creating mobile apps using web technologies.
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
The document provides guidance and best practices for developing mobile apps. It discusses prioritizing platforms based on usage share, targeting the needs and behaviors of different user groups, and the advantages of native apps over HTML5 for user experience. It also covers tools for testing across browsers and devices, such as Ringmark, Modernizr, and network monitoring with ARO. Thorough testing on real networks is emphasized to ensure apps degrade gracefully on unstable connections.
jQuery Mobile Hour 4
This document discusses the jQuery Mobile framework. It covers the core files needed to use jQuery Mobile, including the jQuery library, jQuery Mobile library, and CSS stylesheet. It also explains how jQuery Mobile uses data attributes to define data roles and structure pages. Key aspects covered include creating pages, headers, content, and buttons using data attributes as well as themes and dialog boxes.
Mobile Apps with PhoneGap and jQuery Mobile
The Codeworks presentation on mobile front ends including PhoneGap, jQuery Mobile, CSS Shaders and Proto.
Similar to a-blog cms 勉強会 NAGOYA 20110718 (20)
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
Recently uploaded
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.Generative AI Deep Dive: Advancing from Proof of Concept to Production
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
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.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Building RAG with self-deployed Milvus vector database and Snowpark Container...
This talk will give hands-on advice on building RAG applications with an open-source Milvus database deployed as a docker container. We will also introduce the integration of Milvus with Snowpark Container Services.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
Artificial Intelligence for XMLDevelopment
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIVladimir Iglovikov, Ph.D.
Presented by Vladimir Iglovikov:
- https://www.linkedin.com/in/iglovikov/
- https://x.com/viglovikov
- https://www.instagram.com/ternaus/
This presentation delves into the journey of Albumentations.ai, a highly successful open-source library for data augmentation.
Created out of a necessity for superior performance in Kaggle competitions, Albumentations has grown to become a widely used tool among data scientists and machine learning practitioners.
This case study covers various aspects, including:
People: The contributors and community that have supported Albumentations.
Metrics: The success indicators such as downloads, daily active users, GitHub stars, and financial contributions.
Challenges: The hurdles in monetizing open-source projects and measuring user engagement.
Development Practices: Best practices for creating, maintaining, and scaling open-source libraries, including code hygiene, CI/CD, and fast iteration.
Community Building: Strategies for making adoption easy, iterating quickly, and fostering a vibrant, engaged community.
Marketing: Both online and offline marketing tactics, focusing on real, impactful interactions and collaborations.
Mental Health: Maintaining balance and not feeling pressured by user demands.
Key insights include the importance of automation, making the adoption process seamless, and leveraging offline interactions for marketing. The presentation also emphasizes the need for continuous small improvements and building a friendly, inclusive community that contributes to the project's growth.
Vladimir Iglovikov brings his extensive experience as a Kaggle Grandmaster, ex-Staff ML Engineer at Lyft, sharing valuable lessons and practical advice for anyone looking to enhance the adoption of their open-source projects.
Explore more about Albumentations and join the community at:
GitHub: https://github.com/albumentations-team/albumentations
Website: https://albumentations.ai/
LinkedIn: https://www.linkedin.com/company/100504475
Twitter: https://x.com/albumentationsMicrosoft - Power Platform_G.Aspiotis.pdf
Revolutionizing Application Development
with AI-powered low-code, presentation by George Aspiotis, Sr. Partner Development Manager, Microsoft
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications.
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Recently uploaded (20)
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Building RAG with self-deployed Milvus vector database and Snowpark Container...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
a-blog cms 勉強会 NAGOYA 20110718
- 3. jQuery Mobile iPhone HTML http://havelog.ayumusato.com/develop/javascript/e177-jquery-mobile-sample.html jQuery Mobile http://havelog.ayumusato.com/develop/javascript/e247-jqmobile_config_defaults.html jQuery Mobile http://havelog.ayumusato.com/develop/javascript/e252-jqm_remove_radius.html jQuery Mobile Beta1 http://havelog.ayumusato.com/develop/javascript/e266-jqm_beta1_changelog.html jQuery Mobile Beta1 http://havelog.ayumusato.com/develop/javascript/e267-jqm_beta1_upgrade.html
- 16. data-role=”page” data-role=”header” data-role=”content” data-role=”footer”
- 18. /pageA.html /pageB.html page page header header content content <a href=”/pageB.html” /> footer footer
- 19. /pageA.html /pageB.html page page header header content content <a href=”/pageB.html” /> a footer footer
- 32. page header • data-role=”page” HTML content • HTML a footer
- 45. • Firebug WebInspector jQuery Mobile HTML • HTML
- 47. • • JavaScript •
- 48. • Beta1 • JavaScript Driven •
- 49. jQuery Mobile Team update: Week of July 4th | jQuery Mobile http://jquerymobile.com/blog/2011/07/08/jquery-mobile-team-update-week-of-july-4th/ jQuery Mobile XSS http://subtech.g.hatena.ne.jp/mala/20110711/1310391177 jQuery Mobile loadPage https://gist.github.com/1073612 jQuery https://gist.github.com/1073591
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n