Prototype UI Intro
0 likes789 views
The document summarizes a library of UI components called Prototype UI that provides reusable JavaScript components like windows, carousels, and menus. It is developed by a core team and community contributors. Components are highly customizable, skinnable, and have a consistent API. The document provides examples of creating windows that can be dragged and minimized to a desktop icon.
1 of 24
Downloaded 40 times
Recommended
Fabric.js @ Falsy Values
Fabric.js @ Falsy ValuesJuriy Zaytsev
?
Fabric.js is a JavaScript canvas library that simplifies canvas rendering and provides an interactive object model for canvas elements. It allows creating and manipulating canvas elements and objects in a more simplified way compared to using the native canvas API. The library provides features like animation, events, SVG parsing, text rendering, and supports multiple browsers. Future plans include reducing the library size, improving documentation, and adding touch support.Fabric.js ¡ª Building a Canvas Library
Fabric.js ¡ª Building a Canvas LibraryJuriy Zaytsev
?
Fabric.js is a JavaScript canvas library that makes it easy to work with HTML5 canvas. It provides an object model on top of the canvas element and allows creating and manipulating canvas objects like rectangles, circles, images and text. The library parses SVG paths and elements and allows rendering them on canvas. It uses prototypal inheritance and has a modular class-based structure.jQuery
jQueryJon Erickson
?
jQuery is a JavaScript framework that simplifies client-side scripting. It allows for selecting elements, traversing DOM structures, handling events, and developing animations and AJAX interactions. jQuery abstracts away cross-browser issues and its API is designed to reduce code for common tasks. It has a simple plug-in model for extending functionality and a large community that has built many plug-ins.Introduction to HTML5 Canvas
Introduction to HTML5 CanvasMindy McAdams
?
A university lecture for journalism students -- how to use the canvas element to add graphics and animation to Web pages. Updated April 2014. Basics for beginners. See also https://github.com/macloo/canvas jQuery1.2.cheatsheet.v1.0
jQuery1.2.cheatsheet.v1.0guest644d1d
?
This document provides a summary of jQuery selectors, manipulation methods, events, AJAX functions, and utilities in 3 sentences or less:
jQuery allows selecting elements using CSS selectors, traversing and manipulating the DOM, handling events, making AJAX requests, and extending functionality through plugins. Common tasks include selecting elements by id, class, or other attributes, changing HTML and text contents, binding event handlers for page interactions, and making asynchronous HTTP requests. The cheat sheet also covers animation effects, interactivity helpers, traversing methods for navigating the DOM tree, and various utility functions for working with arrays, objects, and strings.HTML5 Canvas - The Future of Graphics on the Web
HTML5 Canvas - The Future of Graphics on the WebRobin Hawkes
?
These are the slides from my presentation at Barcamp Bournemouth on HTML5 canvas and why I believe it is the future of graphics on the Web.jQuery Data Manipulate API - A source code dissecting journey
jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan
?
Represent major data manipulate API in jQuery 1.6; such as .data(), removeData(), index(), globalEval() and so no. Also, HTML5 data-* attributes. I will walk you through with diving into jQuery source code and find out the killing techniques used in jQuery.HTML5 Canvas
HTML5 CanvasRobyn Overstreet
?
- HTML5 Canvas allows for dynamic drawing and animating directly in HTML using JavaScript scripting. It can be used to draw shapes, images, text and respond to user input like mouse clicks.
- The canvas element creates a grid that allows positioning images and objects by x and y coordinates. Basic drawing functions include lines, rectangles, curves and filling areas with colors.
- Transformations like translation and rotation can change the orientation of drawings on the canvas. The drawing state can be saved and restored to return to previous settings.
- Images can be drawn and manipulated at the pixel level by accessing image data. Animation is achieved by redrawing the canvas repeatedly with small changes.
- Data from sources like JSON can becitigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...QuarterlyEarningsReports
?
This document provides a summary of jQuery selectors, methods for DOM manipulation, events, effects, AJAX functions and utilities. It includes:
- Core jQuery functions like jQuery(), selectors for id, class, element types, and attribute values.
- Methods for manipulating content, attributes, styles, inserting/removing elements, traversing the DOM, events, effects like show/hide/slide, and AJAX calls.
- Utilities for browser detection, array/object manipulation, string processing and more.
- Plugins can extend jQuery functionality and it can be used with other libraries through noConflict().jQuery
jQueryJay Poojara
?
JQuery is a JavaScript library that simplifies HTML document manipulation, event handling, animations, and Ajax interactions. It works across browsers and makes tasks like DOM traversal and manipulation, event handling, animation, and Ajax much simpler. JQuery's versatility, extensibility, and cross-browser compatibility have made it popular, with millions of developers using it to write JavaScript.Building mobile web apps with Mobello
Building mobile web apps with MobelloJeong-Geun Kim
?
The document introduces the Mobello mobile web app framework. It provides an overview of Mobello, describing it as a JavaScript framework for building richly interactive mobile web apps. It outlines key Mobello concepts like scene controllers, navigators, components for UI elements, theming capabilities, and the Mobello Studio IDE. The document also compares declarative vs programmatic approaches and shows code examples for key framework aspects like scenes, navigation, animation, and component creation.JavaScript Objects and OOP Programming with JavaScript
JavaScript Objects and OOP Programming with JavaScriptLaurence Svekis ?
?
Get this Course
https://www.udemy.com/javascript-objects-oop/?couponCode=SLIDESHARE
Use objects to create amazing things with JavaScript power up your applications OOP JavaScript codingYUI for control freaks - a presentation at The Ajax Experience
YUI for control freaks - a presentation at The Ajax ExperienceChristian Heilmann
?
Christian Heilmann discusses how the Yahoo! User Interface (YUI) library provides control for developers. YUI offers modular components that deal with specific tasks like DOM manipulation, events, animation, and debugging. It provides standards-based solutions with separation of concerns. YUI gives developers control through features like custom events, namespaces, validation, and debugging tools. It helps avoid issues across browsers and situations outside a developer's control.Writing Maintainable JavaScript
Writing Maintainable JavaScriptAndrew Dupont
?
Is your web app drowning in a sea of JavaScript? Has your client-side codebase grown from "a snippet here and there" to "more JavaScript than HTML"? Do you find yourself writing one-off snippets instead of generalized components? You're not the only one. Learn about a handful of strategies you can use to keep your JavaScript codebase lean, modular, and flexible. We'll cover all the major pain points ¡ª MVC, templates, persisting state, namespacing, graceful error handling, client/server communication, and separation of concerns. And we'll cover how to do all this incrementally so that you don't have to redo everything from scratch.this
this‚¥¸ñ ¸ß
?
The document discusses the keyword "this" in JavaScript and how its context depends on how functions are called. It provides various ways to avoid using "this", such as binding functions, using closures to access outer variables, and defining objects without "this". Avoiding "this" can make code clearer but uses more memory, while using "this" carefully enables features like inheritance. The overall message is to understand how "this" works and avoid it when possible or bind it when needed.Functional programming using underscorejs
Functional programming using underscorejs‚¥¸ñ ¸ß
?
This document provides an overview of functional programming using Underscore.js and Lo-Dash. It discusses key concepts of functional programming like pure functions, first class functions, and higher order functions. It then explains how Underscore.js and Lo-Dash support functional programming in JavaScript with functions like compose, map, reduce, filter, and utilities to work with functions as first class citizens. The document compares Underscore.js and Lo-Dash, noting Lo-Dash's better performance, larger feature set, and utilities like partial and result. It emphasizes applying functional concepts judiciously for benefits while avoiding rewriting all code to be purely functional.Javascript essential-pattern
Javascript essential-pattern‚¥¸ñ ¸ß
?
- JavaScript patterns like custom events, deferreds, and pub/sub can help manage asynchronous processes in the browser environment. Custom events allow defining and triggering custom events. Deferreds help manage callbacks and caching of asynchronous results. Pub/sub implements a publisher/subscriber pattern for loose coupling between modules. These patterns help modularize applications and decouple components.Kick start with j query
Kick start with j queryMd. Ziaul Haq
?
This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.Swipe 2011 - iOS Gems
Swipe 2011 - iOS GemsKevin O'Neill
?
This document provides an overview of some techniques for enhancing iOS development using blocks and categories. It discusses enhancing NSArray with enumeration, filtering, transformation and other methods implemented using blocks. It also covers sizing and laying out views by implementing sizeThatFits and layoutSubviews in a paired way. Handling gestures with blocks is described as providing a simpler approach than selector-based actions. The document encourages using these techniques to simplify code and make it easier to maintain.ES6 Overview
ES6 OverviewBruno Scopelliti
?
The document defines a LineChart class that extends the Chart class. The LineChart class constructor calls the parent constructor and draws the chart. The draw method builds a line chart from the series data using an SVG library, appends it to the canvas, and adds statistics for each data point by calling the parent addStats method. The getSerieData static method calculates max and average values for a data series. The class is exported for use in other code.Functionality Focused Code Organization
Functionality Focused Code OrganizationRebecca Murphey
?
The magic of jQuery's CSS-based selection makes it easy to think about our code in terms of the DOM, and sometimes that approach is exactly right. Other times, though, what we're trying to accomplish is only tangentially related to our nodes, and opting for an approach where we think in terms of functionality -- not how that functionality is manifested on our page -- can pay big dividends in terms of flexibility. In this talk, we'll look at a small sample application where the DOM takes a back seat to functionality-focused modules, and see how the approach can change the way we write and organize our code.Prototype UI
Prototype UIS¨¦bastien Gruhier
?
The document summarizes a library of UI components called Prototype UI that provides reusable JavaScript components like windows, carousels, and menus. It is created by a team including Samuel Lebeau, Juriy Zaytsev, and S¨¦bastien Gruhier. The components are highly customizable, skinnable, and have a coherent API. Examples are provided showing how to create windows that can be dragged and minimized to desktop icons using only a few lines of code. Future plans include adding more tests, documentation, demos, and new components like dialog boxes and portals.CSS3 Takes on the World
CSS3 Takes on the WorldJonathan Snook
?
Taking a look at the evolution of CSS and how it has increasingly taken over the tasks that we relied on JavaScript for.A test framework out of the box - Geb for Web and mobile
A test framework out of the box - Geb for Web and mobileGlobalLogic Ukraine
?
The presentation is devoted to the test framework GEB for testing WEB applications and Mobile. The report will be useful for those who want to know how fast to write tests in the programming language Groovy, and not think about framework, PageObject and initializing the WebDriver. Framework is difficult - no!
This presentation by Yaroslav Sviatkin (Senior Test Automation Engineer, Consultant, GlobalLogic, Kharkiv) was delivered at QA Fest 2017 (Kyiv) on September 22, 2017.Intro to HTML5
Intro to HTML5Jussi Pohjolainen
?
This document provides a short introduction to HTML5, including:
- HTML5 is the 5th version of the HTML standard by the W3C and is still under development but supported by many browsers.
- HTML5 introduces new semantic elements, video and audio tags, 2D/3D graphics using <canvas>, and new JavaScript APIs for features like geolocation, offline web apps, and drag and drop.
- The document provides examples of using new HTML5 features like video playback, semantic elements, geolocation API, and drawing on a canvas with JavaScript.Leaving Flatland: getting started with WebGL
Leaving Flatland: getting started with WebGLgerbille
?
WebGL is a JavaScript API for rendering interactive 3D graphics within any compatible web browser without the use of plug-ins. It can be used for data visualization, creative coding, 3D modeling, games, and more. WebGL works by using JavaScript to interface with the GPU through WebGL APIs to run GLSL shaders that render 3D scenes. To get started, one needs to choose a WebGL library like Three.js, add a <canvas> element, and get the WebGL context. Sample code is provided to render a 3D model by loading geometry, adding lights and materials, and animating the scene render.jQuery & 10,000 Global Functions: Working with Legacy JavaScript
jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse
?
Long ago, in the late days of the first Internet boom, before jQuery, before Underscore, before Angular, there was a web application built by a large corporation. This application was written as a server-side application using server-side technology like Java or PHP. A tiny seed of JavaScript was added to some of the pages of this application to give it a little sizzle.
Over the ages, this tiny bit of JavaScript grew like kudzu. Most of it was embedded in the HTML in Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com BackboneRafael Felix da Silva
?
This document provides an overview of Backbone.js and how it can be used to build dynamic web applications. It discusses the main Backbone components:
- Models represent single data objects and can be validated.
- Collections hold ordered sets of models and can fetch data from the server.
- Views handle the display and interaction of data from models and collections.
- Routers map URLs to functions that control the application flow.
The document then gives an example of using Backbone to build a simple shopping cart application with Products and Cart views, demonstrating how the components work together.jQuery in the [Aol.] Enterprise![jQuery in the [Aol.] Enterprise](https://cdn.slidesharecdn.com/ss_thumbnails/jquery-aol-enterprise-101017175311-phpapp01-thumbnail.jpg?width=560&fit=bounds)
jQuery in the [Aol.] EnterpriseDave Artz
?
Last year, AOL adopted a new content strategy and has positioned itself as a premier destination for original content. Core to this strategy is having reusable, highly efficient and optimized common code and experiences at scale, which is where jQuery comes in. Check in with Dave Artz to see how jQuery has helped his front-end standards team tackle unique challenges like optimizing 3rd party widget performance, overriding plugin functionality, and managing dependencies and updates across 100+ sites spanning multiple back-end platforms.HTML5 & The Open Web - at Nackademin
HTML5 & The Open Web - at NackademinRobert Nyman
?
The document discusses HTML5 and its new features such as video, canvas, geolocation, drag and drop, full screen, camera, battery status, vibration, and WebGL. It provides code examples for implementing these features and encourages trying new things with HTML5. The document is presented by Robert Nyman who works at Mozilla and advocates for open web standards and HTML5.More Related Content
What's hot (13)
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...QuarterlyEarningsReports
?
This document provides a summary of jQuery selectors, methods for DOM manipulation, events, effects, AJAX functions and utilities. It includes:
- Core jQuery functions like jQuery(), selectors for id, class, element types, and attribute values.
- Methods for manipulating content, attributes, styles, inserting/removing elements, traversing the DOM, events, effects like show/hide/slide, and AJAX calls.
- Utilities for browser detection, array/object manipulation, string processing and more.
- Plugins can extend jQuery functionality and it can be used with other libraries through noConflict().jQuery
jQueryJay Poojara
?
JQuery is a JavaScript library that simplifies HTML document manipulation, event handling, animations, and Ajax interactions. It works across browsers and makes tasks like DOM traversal and manipulation, event handling, animation, and Ajax much simpler. JQuery's versatility, extensibility, and cross-browser compatibility have made it popular, with millions of developers using it to write JavaScript.Building mobile web apps with Mobello
Building mobile web apps with MobelloJeong-Geun Kim
?
The document introduces the Mobello mobile web app framework. It provides an overview of Mobello, describing it as a JavaScript framework for building richly interactive mobile web apps. It outlines key Mobello concepts like scene controllers, navigators, components for UI elements, theming capabilities, and the Mobello Studio IDE. The document also compares declarative vs programmatic approaches and shows code examples for key framework aspects like scenes, navigation, animation, and component creation.JavaScript Objects and OOP Programming with JavaScript
JavaScript Objects and OOP Programming with JavaScriptLaurence Svekis ?
?
Get this Course
https://www.udemy.com/javascript-objects-oop/?couponCode=SLIDESHARE
Use objects to create amazing things with JavaScript power up your applications OOP JavaScript codingYUI for control freaks - a presentation at The Ajax Experience
YUI for control freaks - a presentation at The Ajax ExperienceChristian Heilmann
?
Christian Heilmann discusses how the Yahoo! User Interface (YUI) library provides control for developers. YUI offers modular components that deal with specific tasks like DOM manipulation, events, animation, and debugging. It provides standards-based solutions with separation of concerns. YUI gives developers control through features like custom events, namespaces, validation, and debugging tools. It helps avoid issues across browsers and situations outside a developer's control.Writing Maintainable JavaScript
Writing Maintainable JavaScriptAndrew Dupont
?
Is your web app drowning in a sea of JavaScript? Has your client-side codebase grown from "a snippet here and there" to "more JavaScript than HTML"? Do you find yourself writing one-off snippets instead of generalized components? You're not the only one. Learn about a handful of strategies you can use to keep your JavaScript codebase lean, modular, and flexible. We'll cover all the major pain points ¡ª MVC, templates, persisting state, namespacing, graceful error handling, client/server communication, and separation of concerns. And we'll cover how to do all this incrementally so that you don't have to redo everything from scratch.this
this‚¥¸ñ ¸ß
?
The document discusses the keyword "this" in JavaScript and how its context depends on how functions are called. It provides various ways to avoid using "this", such as binding functions, using closures to access outer variables, and defining objects without "this". Avoiding "this" can make code clearer but uses more memory, while using "this" carefully enables features like inheritance. The overall message is to understand how "this" works and avoid it when possible or bind it when needed.Functional programming using underscorejs
Functional programming using underscorejs‚¥¸ñ ¸ß
?
This document provides an overview of functional programming using Underscore.js and Lo-Dash. It discusses key concepts of functional programming like pure functions, first class functions, and higher order functions. It then explains how Underscore.js and Lo-Dash support functional programming in JavaScript with functions like compose, map, reduce, filter, and utilities to work with functions as first class citizens. The document compares Underscore.js and Lo-Dash, noting Lo-Dash's better performance, larger feature set, and utilities like partial and result. It emphasizes applying functional concepts judiciously for benefits while avoiding rewriting all code to be purely functional.Javascript essential-pattern
Javascript essential-pattern‚¥¸ñ ¸ß
?
- JavaScript patterns like custom events, deferreds, and pub/sub can help manage asynchronous processes in the browser environment. Custom events allow defining and triggering custom events. Deferreds help manage callbacks and caching of asynchronous results. Pub/sub implements a publisher/subscriber pattern for loose coupling between modules. These patterns help modularize applications and decouple components.Kick start with j query
Kick start with j queryMd. Ziaul Haq
?
This document provides an overview of jQuery, including what it is, its benefits, how to get started using it, common tasks like selecting elements and applying actions, and some example code. jQuery is a lightweight JavaScript library that simplifies HTML document traversing, event handling, animating, and Ajax interactions. It is small in size, works across browsers, and has a large community and ecosystem of plugins and resources.Swipe 2011 - iOS Gems
Swipe 2011 - iOS GemsKevin O'Neill
?
This document provides an overview of some techniques for enhancing iOS development using blocks and categories. It discusses enhancing NSArray with enumeration, filtering, transformation and other methods implemented using blocks. It also covers sizing and laying out views by implementing sizeThatFits and layoutSubviews in a paired way. Handling gestures with blocks is described as providing a simpler approach than selector-based actions. The document encourages using these techniques to simplify code and make it easier to maintain.ES6 Overview
ES6 OverviewBruno Scopelliti
?
The document defines a LineChart class that extends the Chart class. The LineChart class constructor calls the parent constructor and draws the chart. The draw method builds a line chart from the series data using an SVG library, appends it to the canvas, and adds statistics for each data point by calling the parent addStats method. The getSerieData static method calculates max and average values for a data series. The class is exported for use in other code.Functionality Focused Code Organization
Functionality Focused Code OrganizationRebecca Murphey
?
The magic of jQuery's CSS-based selection makes it easy to think about our code in terms of the DOM, and sometimes that approach is exactly right. Other times, though, what we're trying to accomplish is only tangentially related to our nodes, and opting for an approach where we think in terms of functionality -- not how that functionality is manifested on our page -- can pay big dividends in terms of flexibility. In this talk, we'll look at a small sample application where the DOM takes a back seat to functionality-focused modules, and see how the approach can change the way we write and organize our code.citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...
citigroup January 13, 2006 - Reformatted Quarterly Financial Data Supplement...QuarterlyEarningsReports
?
Similar to Prototype UI Intro (20)
Prototype UI
Prototype UIS¨¦bastien Gruhier
?
The document summarizes a library of UI components called Prototype UI that provides reusable JavaScript components like windows, carousels, and menus. It is created by a team including Samuel Lebeau, Juriy Zaytsev, and S¨¦bastien Gruhier. The components are highly customizable, skinnable, and have a coherent API. Examples are provided showing how to create windows that can be dragged and minimized to desktop icons using only a few lines of code. Future plans include adding more tests, documentation, demos, and new components like dialog boxes and portals.CSS3 Takes on the World
CSS3 Takes on the WorldJonathan Snook
?
Taking a look at the evolution of CSS and how it has increasingly taken over the tasks that we relied on JavaScript for.A test framework out of the box - Geb for Web and mobile
A test framework out of the box - Geb for Web and mobileGlobalLogic Ukraine
?
The presentation is devoted to the test framework GEB for testing WEB applications and Mobile. The report will be useful for those who want to know how fast to write tests in the programming language Groovy, and not think about framework, PageObject and initializing the WebDriver. Framework is difficult - no!
This presentation by Yaroslav Sviatkin (Senior Test Automation Engineer, Consultant, GlobalLogic, Kharkiv) was delivered at QA Fest 2017 (Kyiv) on September 22, 2017.Intro to HTML5
Intro to HTML5Jussi Pohjolainen
?
This document provides a short introduction to HTML5, including:
- HTML5 is the 5th version of the HTML standard by the W3C and is still under development but supported by many browsers.
- HTML5 introduces new semantic elements, video and audio tags, 2D/3D graphics using <canvas>, and new JavaScript APIs for features like geolocation, offline web apps, and drag and drop.
- The document provides examples of using new HTML5 features like video playback, semantic elements, geolocation API, and drawing on a canvas with JavaScript.Leaving Flatland: getting started with WebGL
Leaving Flatland: getting started with WebGLgerbille
?
WebGL is a JavaScript API for rendering interactive 3D graphics within any compatible web browser without the use of plug-ins. It can be used for data visualization, creative coding, 3D modeling, games, and more. WebGL works by using JavaScript to interface with the GPU through WebGL APIs to run GLSL shaders that render 3D scenes. To get started, one needs to choose a WebGL library like Three.js, add a <canvas> element, and get the WebGL context. Sample code is provided to render a 3D model by loading geometry, adding lights and materials, and animating the scene render.jQuery & 10,000 Global Functions: Working with Legacy JavaScript
jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse
?
Long ago, in the late days of the first Internet boom, before jQuery, before Underscore, before Angular, there was a web application built by a large corporation. This application was written as a server-side application using server-side technology like Java or PHP. A tiny seed of JavaScript was added to some of the pages of this application to give it a little sizzle.
Over the ages, this tiny bit of JavaScript grew like kudzu. Most of it was embedded in the HTML in Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com BackboneRafael Felix da Silva
?
This document provides an overview of Backbone.js and how it can be used to build dynamic web applications. It discusses the main Backbone components:
- Models represent single data objects and can be validated.
- Collections hold ordered sets of models and can fetch data from the server.
- Views handle the display and interaction of data from models and collections.
- Routers map URLs to functions that control the application flow.
The document then gives an example of using Backbone to build a simple shopping cart application with Products and Cart views, demonstrating how the components work together.jQuery in the [Aol.] Enterprise
jQuery in the [Aol.] EnterpriseDave Artz
?
Last year, AOL adopted a new content strategy and has positioned itself as a premier destination for original content. Core to this strategy is having reusable, highly efficient and optimized common code and experiences at scale, which is where jQuery comes in. Check in with Dave Artz to see how jQuery has helped his front-end standards team tackle unique challenges like optimizing 3rd party widget performance, overriding plugin functionality, and managing dependencies and updates across 100+ sites spanning multiple back-end platforms.HTML5 & The Open Web - at Nackademin
HTML5 & The Open Web - at NackademinRobert Nyman
?
The document discusses HTML5 and its new features such as video, canvas, geolocation, drag and drop, full screen, camera, battery status, vibration, and WebGL. It provides code examples for implementing these features and encourages trying new things with HTML5. The document is presented by Robert Nyman who works at Mozilla and advocates for open web standards and HTML5.Webgl para JavaScripters
Webgl para JavaScriptersgerbille
?
WebGL is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. It can be used for data visualization, creative coding, art, 3D design environments, music videos, mathematical function graphing, 3D modeling, texture creation, physics simulations, and more. WebGL works by using JavaScript to interface with the GPU through WebGL API calls. Common libraries like Three.js simplify the use of WebGL. The basics of a WebGL app include setting up a 3D scene, camera, and rendering loop. Sample code is provided to load a 3D model and texture and allow interactive rotation. Resources listed for learning more include tutorials on PhilSingle page webapps & javascript-testing
Single page webapps & javascript-testingsmontanari
?
This document discusses testing single page web applications built with AngularJS. It covers using fixtures to stub HTTP responses during functional testing. Static fixtures can return pre-defined responses from files, while dynamic fixtures allow generating responses programmatically. The jasmine.test.SinonFakeServer wrapper facilitates advanced dynamic fixtures by intercepting AJAX requests and returning fake responses, simulating network delays. This allows testing the application without changing code to use stubbed responses during tests.A More Flash Like Web?
A More Flash Like Web?Murat Can ALPAY
?
This document provides an overview of HTML5 and its capabilities for building interactive web applications. It discusses the history and development of HTML5, including the roles of the WHATWG and W3C. It also summarizes key HTML5 features such as JavaScript, Canvas, WebSockets, storage options, and emerging 3D capabilities. Throughout, it provides examples of how these features can be used to create games, multimedia experiences, and real-time applications on the modern web.Developing Context-sensitive Help for Web-based Applications - Scott DeLoach,...
Developing Context-sensitive Help for Web-based Applications - Scott DeLoach,...Scott DeLoach
?
How to create context-sensitive help for a web-based application, based on an approach I created in 1997.Ç°¶ËMVC ¶¹°ê˵
Ç°¶ËMVC ¶¹°ê˵Ting Lv
?
The document describes the Backbone.js framework and how it can be used to build single page applications. It explains the core components of Backbone - Models, Collections, Views and Routers. It provides examples of initializing a Backbone application, defining models and collections, creating views to render data, and setting up routes and navigation. It also covers events, templating, and best practices for structuring Backbone code into separate JavaScript files for models, collections, views etc.Backbone js in drupal core
Backbone js in drupal coreMarcin Wosinek
?
This document discusses using the JavaScript framework Backbone.js in Drupal. It begins by explaining why JavaScript matters for modern web development. It then introduces Backbone and its key concepts like the model-view-controller (MVC) pattern. Specific Backbone components are demonstrated, like models, templates, collections, views, routing, and using the Underscore.js library. Ways to incorporate Backbone in a Drupal module are presented. The document concludes by mentioning additional Backbone resources and posing questions.J queryui
J queryuiInbal Geffen
?
jQuery UI is a JavaScript library that provides interactive user interface widgets and effects like draggable and resizable elements, as well as visual effects and animations. It contains widgets like autocomplete, datepicker, dialog and slider. To use jQuery UI, download the library files from their website, include the jQuery and jQuery UI JavaScript files in an HTML page, then call functions like .draggable() or .datepicker() on elements to add interactivity and visual effects.Backbone.js
Backbone.jsKnoldus Inc.
?
Backbone.js is a lightweight JavaScript framework that provides structure to client-side code through an MVC pattern. It connects a single-page application to a backend via RESTful JSON and allows fetching and saving data without full page refreshes. Backbone provides models to represent data, views to handle the UI, and collections to manage groups of models. Events allow views to update dynamically when models change. It aims to increase code organization and reuse while keeping the framework lightweight.Virtual Madness @ Etsy
Virtual Madness @ EtsyNishan Subedi
?
These are slides to my presentation on Virtual Madness - the virtual machine management platform at Etsy.How to use lekhoniya.pdf
How to use lekhoniya.pdfSubhamMandal40
?
This document provides documentation for a script that enhances web editing and browsing experiences. The script allows users to apply text formatting, fetch word definitions and translations, perform calculations, and view related images for selected text. It features a console for displaying messages, handles text selection, integrates APIs like Google Translate and Wikipedia, and is designed to work with other applications and brands by the same developer.Javascript Frameworks for Joomla
Javascript Frameworks for JoomlaLuke Summerfield
?
The document discusses how JavaScript frameworks like MooTools can be leveraged in Joomla sites to provide features like DOM manipulation, classes, event listeners, and effects. It describes how MooTools is the default framework used by Joomla and provides examples of its key capabilities. Additionally, it offers suggestions for optimizing framework usage, such as implementing the Google Loader API to decrease page load times.Recently uploaded (20)
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldSafe Software
?
Join us for an exclusive webinar featuring special guest speakers from Amazon, Amberside Energy, and Avineon-Tensing as we explore the power of Amazon Bedrock and FME in AI-driven geospatial workflows.
Discover how Avineon-Tensing is using AWS Bedrock to support Amberside Energy in automating image classification and streamlining site reporting. By integrating Bedrock¡¯s generative AI capabilities with FME, image processing and categorization become faster and more efficient, ensuring accurate and organized filing of site imagery. Learn how this approach reduces manual effort, standardizes reporting, and leverages AWS¡¯s secure AI tooling to optimize their workflows.
If you¡¯re looking to enhance geospatial workflows with AI, automate image processing, or simply explore the potential of FME and Bedrock, this webinar is for you!STRING FUNCTIONS IN JAVA BY N SARATH KUMAR
STRING FUNCTIONS IN JAVA BY N SARATH KUMARSarathkumar Narsupalli
?
STRINGS IN JAVA POWER POINT PRESENTATIONA General introduction to Ad ranking algorithms
A General introduction to Ad ranking algorithmsBuhwan Jeong
?
Details of AD ranking algorithms and beyondHHUG-04-2025-Close-more-deals-from-your-existing-pipeline-FOR SLIDESHARE.pptx
HHUG-04-2025-Close-more-deals-from-your-existing-pipeline-FOR SLIDESHARE.pptxHampshireHUG
?
Struggling to get real value from HubSpot Sales Hub? Learn 5 mighty methods to close more deals without more leads or headcount (even on Starter subscriptions)!
These slides accompanied a webinar run by Hampshire's HubSpot User Group (HUG) on 2nd April, 2025.
HubSpot subscribers can watch the recording here: https://events.hubspot.com/events/details/hubspot-hampshire-presents-5-ways-to-close-more-deals-from-your-existing-sales-pipeline/
ABOUT THE EVENT:
Unlock hidden revenue in your CRM with our practical HubSpot tactics
Are you struggling to get real value from your HubSpot Sales Hub?
If your HubSpot feels like more of an admin burden than a revenue enabler, you¡¯re not alone. Many sales leaders find that their team isn't updating records consistently, pipeline visibility is poor, and reporting doesn¡¯t deliver the insights they need to drive strategy.
The good news? You don¡¯t need to upgrade your HubSpot subscription to sort these issues.
Join us for this webinar to learn 5 mighty tactics that will help you streamline your sales process, improve pipeline visibility, and extract more revenue from your existing pipeline, without spending more on marketing or hiring extra sales reps.
What You¡¯ll Learn
? Customising Records ¨C Increase sales momentum with more useful CRM data for your salespeople
? Pipeline Rules ¨C Improve deal stage consistency and data accuracy for improved prioritisation and forecasting
? Team Permissions & Defaults ¨C Control access and streamline processes. Spend more time selling, less on admin
? Pipeline View Customisation ¨C Get clearer sales insights, faster, to deal with revenue leaks
? Simple Sales Reports ¨C Build actionable dashboards to drive strategy with data
? Bonus: Successful Sales Hub users will share their experiences and the revenue impact it has delivered for them.
Who is this webinar for?
Sales leaders using HubSpot Sales Hub Starter, or those new to HubSpot
Sales managers who need better CRM adoption from their team
Anyone struggling with pipeline visibility, reporting, or forecasting
Teams who want to close more deals without extra sales headcount Automated Engineering of Domain-Specific Metamorphic Testing Environments
Automated Engineering of Domain-Specific Metamorphic Testing EnvironmentsPablo G¨®mez Abajo
?
Context. Testing is essential to improve the correctness of software systems. Metamorphic testing (MT) is an approach especially suited when the system under test lacks oracles, or they are expensive to compute. However, building an MT environment for a particular domain (e.g., cloud simulation, model transformation, machine learning) requires substantial effort.
Objective. Our goal is to facilitate the construction of MT environments for specific domains.
Method. We propose a model-driven engineering approach to automate the construction of MT environments. Starting from a meta-model capturing the domain concepts, and a description of the domain execution environment, our approach produces an MT environment featuring comprehensive support for the MT process. This includes the definition of domain-specific metamorphic relations, their evaluation, detailed reporting of the testing results, and the automated search-based generation of follow-up test cases.
Results. Our method is supported by an extensible platform for Eclipse, called Gotten. We demonstrate its effectiveness by creating an MT environment for simulation-based testing of data centres and comparing with existing tools; its suitability to conduct MT processes by replicating previous experiments; and its generality by building another MT environment for video streaming APIs.
Conclusion. Gotten is the first platform targeted at reducing the development effort of domain-specific MT environments. The environments created with Gotten facilitate the specification of metamorphic relations, their evaluation, and the generation of new test cases.Columbia Weather Systems - Product Overview
Columbia Weather Systems - Product OverviewColumbia Weather Systems
?
Columbia Weather Systems offers professional weather stations in basically three configurations for industry and government agencies worldwide: Fixed-Base or Fixed-Mount Weather Stations, Portable Weather Stations, and Vehicle-Mounted Weather Stations.
Models include all-in-one sensor configurations as well as modular environmental monitoring systems. Real-time displays include hardware console, WeatherMaster? Software, and a Weather MicroServer? with industrial protocols, web and app monitoring options.
Innovative Weather Monitoring: Trusted by industry and government agencies worldwide. Professional, easy-to-use monitoring options. Customized sensor configurations. One-year warranty with personal technical support. Proven reliability, innovation, and brand recognition for over 45 years.When Platform Engineers meet SREs - The Birth of O11y-as-a-Service Superpowers
When Platform Engineers meet SREs - The Birth of O11y-as-a-Service SuperpowersEric D. Schabell
?
Monitoring the behavior of a system is essential to ensuring its long-term effectiveness. However, managing an end-to-end observability stack can feel like stepping into quicksand, without a clear plan you¡¯re risking sinking deeper into system complexities.
In this talk, we¡¯ll explore how combining two worlds¡ªdeveloper platforms and observability¡ªcan help tackle the feeling of being off the beaten cloud native path. We¡¯ll discuss how to build paved paths, ensuring that adopting new developer tooling feels as seamless as possible. Further, we¡¯ll show how to avoid getting lost in the sea of telemetry data generated by our systems. Implementing the right strategies and centralizing data on a platform ensures both developers and SREs stay on top of things. Practical examples are used to map out creating your very own Internal Developer Platform (IDP) with observability integrated from day 1.Rens van de Schoot - Mensen, machines en de zoektocht naar het laatste releva...
Rens van de Schoot - Mensen, machines en de zoektocht naar het laatste releva...voginip
?
Keynote bij de VOGIN-IP-lezing, 27 maart 2025, OBA AmsterdamRecruiting Tech: A Look at Why AI is Actually OG
Recruiting Tech: A Look at Why AI is Actually OGMatt Charney
?
A lot of recruiting technology vendors out there are talking about how they're offering the first ever (insert AI use case here), but turns out, everything they're selling as innovative or cutting edge has been around since Yahoo! and MySpace were category killers. Here's the receipts.How to manage technology risk and corporate growth
How to manage technology risk and corporate growthArlen Meyers, MD, MBA
?
Board v management roles, holes, and goals.
How to manage technology risk?
The Rise of AI Agents-From Automation to Autonomous Technology
The Rise of AI Agents-From Automation to Autonomous TechnologyImpelsys Inc.
?
AI agents are more than just a buzzword¡ªthey are transforming industries with real autonomy. Unlike traditional AI, they don¡¯t just follow commands; they think, adapt, and act independently. The future isn¡¯t just AI-enabled¡ªit¡¯s AI-powered. Scalable Multi-Agent AI with AutoGen by Udai
Scalable Multi-Agent AI with AutoGen by UdaiUdaiappa Ramachandran
?
This presentation, delivered at Boston Code Camp 38, explores scalable multi-agent AI systems using Microsoft's AutoGen framework. It covers core concepts of AI agents, the building blocks of modern AI architectures, and how to orchestrate multi-agent collaboration using LLMs, tools, and human-in-the-loop workflows. Includes real-world use cases and implementation patterns.Presentation Session 2 -Context Grounding.pdf
Presentation Session 2 -Context Grounding.pdfMukesh Kala
?
This series is your gateway to understanding the WHY, HOW, and WHAT of this revolutionary technology. Over six interesting sessions, we will learn about the amazing power of agentic automation. We will give you the information and skills you need to succeed in this new era.ºÝºÝߣs from Perth MuleSoft Meetup March 2025
ºÝºÝߣs from Perth MuleSoft Meetup March 2025Michael Price
?
Revolutionizing Healthcare Interoperability with MuleSoft
plus
MuleSoft Agentforce and GenAIGetting the Best of TrueDEM ¨C April News & Updates
Getting the Best of TrueDEM ¨C April News & Updatespanagenda
?
Webinar Recording: https://www.panagenda.com/webinars/getting-the-best-of-truedem-april-news-updates/
Boost your Microsoft 365 experience with OfficeExpert TrueDEM! Join the April webinar for a deep dive into recent and upcoming features and functionalities of OfficeExpert TrueDEM. We¡¯ll showcase what¡¯s new and use practical application examples and real-life scenarios, to demonstrate how to leverage TrueDEM to optimize your M365 environment, troubleshoot issues, improve user satisfaction and productivity, and ultimately make data-driven business decisions.
These sessions will be led by our team of product management and consultants, who interact with customers daily and possess in-depth product knowledge, providing valuable insights and expert guidance.
What you¡¯ll take away
- Updates & info about the latest and upcoming features of TrueDEM
- Practical and realistic applications & examples for troubelshooting or improving your Microsoft Teams & M365 environment
- Use cases and examples of how our customers use TrueDEMSugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025Sugarlab AI
?
The cost of an XXX AI porn generator in 2025 varies depending on factors like AI sophistication, subscription plans, and additional expenses. Whether you're looking for a free AI porn video generator or a premium adult AI image generator, pricing ranges from basic tools to enterprise-level solutions. This article breaks down the costs, features, and what to expect from AI-driven adult content platforms.Windows Client Privilege Escalation-Shared.pptx
Windows Client Privilege Escalation-Shared.pptxOddvar Moe
?
ºÝºÝߣs from the webinar "Windows Client Privilege Escalation"
https://youtu.be/EG2Mbw2DVnU?si=rlx-GG2QMQpIxQYiUiPath Agentic automation with Autopilot for everyone + new features/releases
UiPath Agentic automation with Autopilot for everyone + new features/releasesDianaGray10
?
Explore UiPath Agentic automation with Autopilot for everyone - from quick setup, admin settings to custom tools setup.SAP Business Data Cloud: Was die neue SAP-L?sung f¨¹r Unternehmen und ihre Dat...
SAP Business Data Cloud: Was die neue SAP-L?sung f¨¹r Unternehmen und ihre Dat...IBsolution GmbH
?
Inhalt:
Daten spielen f¨¹r jede Business-Transformation eine entscheidende Rolle. Mithilfe der SAP Business Data Cloud (BDC) sind Unternehmen in der Lage, s?mtliche Daten miteinander zu verbinden und zu harmonisieren. Die SAP BDC stellt eine Weiterentwicklung der bisherigen SAP-Datenstrategie dar - mit SAP Datasphere und der SAP Analytics Cloud (SAC) als elementaren S?ulen. Besonders hervorzuheben: Databricks ist als OEM-Produkt in die Architektur integriert. Die SAP BDC kombiniert neue und bestehende Technologien, um Anwendern angereicherte Datenprodukte, fortschrittliche Analyse-Funktionalit?ten und KI-gest¨¹tzte Insights-Anwendungen bereitzustellen. Kurz gesagt: Mit SAP BDC schaffen Unternehmen eine zentrale Drehscheibe f¨¹r ihre gesch?ftskritischen Daten und legen die Basis f¨¹r SAP Business AI.
In unserem Expertengespr?ch erl?utern Stefan Hoffmann (Head of Cross Solution Management SAP HANA & Analytics bei SAP) und Martin Eissing (Projektmanager bei IBsolution), was es mit der SAP Business Data Cloud genau auf sich hat und welche konkreten Vorteile mit dem neuen Angebot einhergehen. Au?erdem zeigen sie auf, wie das erste Feedback der Kunden zur SAP BDC ausf?llt und welche Wege Unternehmen zur SAP BDC f¨¹hren.
Zielgruppe:
- IT-Leiter/IT-Entscheider
- Data Analysts
- Datenarchitekten
- BI-Spezialisten
- Anwender in den Fachbereichen
Agenda:
1. Was ist die SAP Business Data Cloud (BDC)?
2. Einordnung in die SAP-Datenstrategie
3. Voraussetzungen und Mehrwerte der SAP BDC
4. Architektur der SAP BDC
5. Handlungsempfehlungen f¨¹r SAP BW-Kunden und SAP Datasphere-Kunden
6. Q&A