A general overview of HTML5, CSS 3, CSS Meedia Queries, mobile, DAP.
You might find the organically-grown hand-selected list-of-links-o-rama™ at http://my.opera.com/ODIN/blog/over-the-air-2010-bruce-lawsons-web-developments-2-0-talk to be useful.
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
The document discusses web hosting and domain names. It defines terms like web space, hosting, web servers, and domain names. It describes different options for hosting a website, including renting shared server space, leasing a dedicated server, free hosting, and self-hosting. The document also introduces FTP (File Transfer Protocol) and demonstrates how to use the FTP client WinSCP to transfer files to a remote web server.
Now you see me... Adaptive Web Design and DevelopmentJonas Päckos
Progressive enhancement is still an important approach for building responsive websites and web applications. While JavaScript can now be assumed to be widely available, progressive enhancement avoids single points of failure and improves performance by loading critical content first before non-essential enhancements. The distinction between websites and applications is also blurred, so progressive techniques remain applicable to most digital experiences on the web.
collective.amberjack is a plone based tool to create interactive tutorial.
These are the slides presented during this talk: http://ploneconference2010.blip.tv/file/4317469/
This document introduces several WordPress projects - WordPress, WordPress MU, bbPress, BuddyPress, and BackPress. WordPress is an open source publishing platform, WordPress MU allows hosting multiple blogs from the same installation, bbPress is a forum plugin for WordPress, BuddyPress turns WordPress MU into a social network, and BackPress is a shared code library for WordPress and bbPress projects. URLs are provided for downloading and finding more information about each project.
This document introduces WordPress Multisite, which allows a single WordPress installation to host multiple sites. It can share plugins, themes, and updates across sites for easier maintenance. The document discusses who might use Multisite, examples of sites using it, and considerations for whether it is needed. It provides a brief overview of setting up Multisite, including enabling it, creating the network, and domain mapping. References for more information are also included.
The document introduces Dylan Jay as a Plone developer with 6 years of experience building Plone sites and running SyPy, an infrastructure company for website consolidation. It provides an overview of key Plone concepts like content types, viewlets, layers, and Dexterity for adding custom functionality. The document recommends resources for further reading on Plone development and themes Dylan's contact information for any questions about Plone development.
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
SEE 2009: Improving Mobile Web Developer ExperienceTasneem Sayeed
This talk will provide strategies to identify common developer pitfalls for web developers developing on a mobile platform. It will include code fragments for implementing AJAX requests for a social networking application and how to avoid frequent developer pitfalls when displaying the data retrieved on the mobile device. It will further provide coding strategies for improving performance and reducing footprint when developing on a mobile device utilizing Web technologies such as JavaScript, CSS and HTML.
This talk will conclude highlighting the activities of the Symbian Foundation including a roadmap of how the Symbian tools are being evolved to further improve and enhance the mobile Web developer experience.
S314011 - Developing Composite Applications for the Cloud with Apache TuscanyLuciano Resende
Today's cloud environments pose new challenges for application developers: hiding cloud infrastructure from business logic, assembling components on heterogeneous and distributed cloud environments, and optimizing the provisioning of the required cloud resources. This session will demonstrate how to use Apache Tuscany and the Service Component Architecture (SCA) to develop, build, and run an application composed of several service components in a distributed cloud environment. We'll illustrate how to encapsulate cloud infrastructure services as SCA components to simplify the construction and assembly of the application and how to move components around and rewire the application to adjust to new business and cloud deployment conditions.
This document discusses using AngularJS to build Chrome extensions. It covers hosted applications, packaged applications, and extensions. Extensions can access Chrome APIs and have permissions like modifying context menus. AngularJS is well-suited for extensions because data binding makes sharing data between pages easy and its templates work within the Content Security Policy restrictions of extensions. The document demonstrates binding extension data to the $rootScope to synchronize with LocalStorage, and using $apply to update the scope from asynchronous Chrome API callbacks.
This document discusses techniques for responsive images on the web. It begins by explaining how to use browser width, screen resolution, and bandwidth detection to serve appropriately sized images. It then discusses .htaccess and JavaScript solutions like Filament Group's responsive images and HiSRC. It argues that CSS media queries are best for layout, while these techniques focus on images. Background-size, SVG, and Modernizr checks are presented as workarounds. Overall, the document provides an overview of different responsive image implementation strategies.
This document provides an overview of building a Python content management system (CMS) using Plone. It discusses Plone's content types, installation options, quality assurance, content editing and sharing features, customization options using Python packages and add-ons, integration with databases using different adapters, and considerations for choosing Plone as a CMS platform. The document encourages trying Plone by creating a free website on Ploud.com to experience the Plone CMS capabilities.
This document provides an overview of Chrome extensions, including what they are, how they are structured, and how to develop them. Some key points:
- Chrome extensions are applications that run within the Chrome browser and provide additional functionality or customize the browser experience. They are written using HTML, JavaScript, and CSS and integrate with Chrome using the chrome.* API.
- Extensions are composed of files bundled into a compressed .crx file, including a required manifest.json file and optional HTML/CSS, JavaScript, and static files. The manifest provides important metadata about the extension.
- Extensions utilize various browser components like browser actions, page actions, content scripts, and a background page to add capabilities to pages
This document discusses HTML5 capabilities and their implementation in Google Chrome. It describes new HTML5 features like <canvas>, <video>, local storage, and workers. It notes that these features allow web applications to have capabilities that previously required native apps. The document demonstrates several new HTML5 features and discusses ongoing work to further expand web application capabilities in areas like geolocation, 3D graphics, and additional APIs. It positions Google Chrome as a browser that provides native support for emerging HTML5 capabilities.
Build your own Chrome Extension with AngularJSflrent
What are Chrome Extensions?
What can you do?
Explanation of Content scripts, Background pages and Popup
Use Angular with CSP mode
Build and distribute your app
The document discusses web accessibility and why it is important. It provides examples of disabilities like visual, hearing, motor, and cognitive impairments and how web accessibility benefits those groups. It outlines best practices for web accessibility such as using proper alternative text, link text, form labels, tab order, ARIA roles and states, and live regions. It recommends starting with semantic HTML, logical DOM ordering, managing focus, and using tools to evaluate accessibility.
Forensic Tools for In-Depth Performance InvestigationsNicholas Jansma
Boomerang is a JavaScript library that gathers performance metrics of page loads. When a customer saw periods where nothing progressed on their site, forensic tools were used to investigate. WebPageTest reproduced the issue, and tcpdump, Wireshark, and Chrome Tracing helped dive deeper. Tests showed the problem was not related to Boomerang. Other scenarios involved issues with ready state changes and prematurely expiring CSRF tokens. Various tools like the browser dev tools, Fiddler, and Node.js were used to reproduce problems and validate fixes.
The document discusses emerging web technologies for page layout, including multi-column layout, flexbox, grid layout, extended floats, regions, and templates. It provides examples and specifications for each technology. It encourages the reader to buy the author's book on CSS3 for more information.
HTML5 is an umbrella term for new HTML elements and JavaScript APIs that provide richer semantics and interactions on the web. Some key features of HTML5 include new elements like <video>, <audio>, and <canvas>, offline application caching, local storage, and geolocation. HTML5 aims to make the web more app-like without plugins by standardizing media playback, graphics, offline support, and other capabilities in a way that works across browsers. The specification is developed through the joint efforts of browser vendors to provide a common set of features that work consistently on different browsers without needing plugins.
In this presentation, part of Multiplicity's ongoing speaker series about Launching and Growing: Your First 100 Customers, AskingCanadians Vice President Raj Manocha focuses on how insights can help companies better understand their customers and what’s important to them. The presentation highlights the role insights can play in innovation, cost effective ways for start-ups to collect insights and how research can make you a thought leader.
This document compares native applications, web applications, and widgets for mobile devices. Native applications have direct access to device features but must be developed for each platform. Web applications can be written once and deployed anywhere but run inside the browser without direct device access. Widgets combine the cross-platform capabilities of web applications with the ability to access device features and run standalone like native applications.
Au coeur des applications Web riches, de HTML5 ou des applications Web mobiles, JavaScript est désormais incontournable. Sa communauté très dynamique a contribué à créer un écosystème complet pour répondre aux problématiques courantes de test, qualité du code ou intégration continue comme l'a fait avant elle la communauté Java il y a pas loin de dix ans... Parmi les projets les plus observés du moment, c'est curieusement côté serveur que JavaScript fait le plus parler de lui avec Node.js, un environnement de développement Web qui cultive sa différence.
Téléchargement du Coding Kata :
Open Annotation Collaboration BriefingTimothy Cole
The document summarizes a meeting of the Open Annotation Collaboration (OAC) project team. The OAC aims to develop an interoperable annotation model and specification to facilitate sharing annotations across systems. In phase 1, the OAC will analyze existing annotation practices, develop a data model and specification, integrate annotation tools into Zotero, and create a proof-of-concept implementation.
Making your site mobile-friendly / RIT++Patrick Lauke
Expanded version of my "Making your site mobile-friendly" speed talk, delivered via Skype for the Russian Internet Technology (RIT) conference, Moscow, 12 April 2010
This document provides an overview of HTML5 and XHTML2. It discusses the history of each standard, including periods where work took place outside the W3C. Key differences are that HTML5 focuses on evolving the existing web incrementally to support applications, while XHTML2 aimed to switch to a more declarative XML-based approach. HTML5 is natively supported in browsers, while XHTML2 likely remains most useful for server-side authoring.
HTML5 APIs - native multimedia support and beyond - University of Leeds 05.05...Patrick Lauke
This document provides an overview of various HTML5 APIs for multimedia, including native <video> and <audio> elements, the <canvas> element for scriptable graphics, and geolocation APIs. It discusses key considerations around supporting different media formats in <video> and <audio> and controlling media playback via JavaScript. The document also briefly introduces other HTML5 APIs for offline applications, local storage, and databases. It emphasizes the importance of feature detection over browser sniffing for progressive enhancement.
Standards Talk - Opera Uni Tour IndonesiaZi Bin Cheah
This document appears to be a presentation about web standards given by Zibin Cheah on December 8, 2009. The presentation discusses the history and development of web standards including HTML, CSS, and SVG. It provides examples of how Opera browser supports these standards and highlights some of its features like Opera Unite and Turbo which allow file sharing and faster page loading. The presentation concludes by thanking the audience and providing contact information for further details.
Patrick Lauke gives an overview of new web technologies available in HTML5, including canvas, video, geolocation, offline support, storage and more. He discusses the history and development of HTML5, how it standardizes current browser behavior, and new powerful form and semantic elements. Patrick provides demonstrations of canvas, video, geolocation and other features, noting their importance for building applications without plugins. He encourages developers to start using these technologies today.
My presentation about the HTML5 canvas element at the Standards.Next Meetup in London, 27 June 2009. Current and future implementations of canvas in games, applications, and video.
1. Open web standards democratize the web by making it accessible to people with disabilities or without the latest hardware, and reduce reliance on any single vendor.
2. Adaptive content and responsive design allow a single website to work well on any device through techniques like CSS media queries.
3. The browser is emerging as a platform for applications through standards like HTML5, widgets, and JavaScript APIs that programmatically access device capabilities like contacts and cameras.
The document discusses the origins and development of HTML5. It describes how in 2004, the W3C was focused on XHTML 2.0 but browser developers grew concerned about single-vendor solutions filling gaps without standards. Opera submitted a paper to the W3C proposing a unified web applications standard with principles like backwards compatibility and avoiding device-specific profiling. This led to the WHATWG forming in 2004 to develop new web standards, producing HTML5. The document outlines key HTML5 design principles and new features like SVG, CSS, geolocation and forms.
The document discusses the future of web technologies, focusing on three main areas:
1. New web standards like HTML5 that provide more capabilities without plugins through elements, forms, canvas and video. CSS3 media queries also allow adaptive content for different devices.
2. Adaptive content through media queries and responsive design can make sites work across devices that vary in screen size, input, and capabilities.
3. The browser is emerging as a platform through widgets, JavaScript APIs and the browser runtime, allowing development across devices without writing for each platform natively. Standards will make the browser a ubiquitous platform.
Making your site mobile-friendly - DevCSI Reading 21.07.2010Patrick Lauke
Extended version of my "Making your site mobile-friendly" talk, including a short look at native applications vs web apps, for the UKOLN DevCSI event "Developing for Mobile Applications in Education" in Reading http://www.ukoln.ac.uk/events/devcsi/mobile_applications/
Handys und Tablets - Webentwicklung jenseits des Desktops - MobileTech Confer...Patrick Lauke
This document discusses approaches to developing websites that are accessible across desktop and mobile devices. It describes three main approaches: 1) Doing nothing and relying on modern mobile browsers to handle desktop sites, 2) Creating a separate mobile site, or 3) Using a single adaptive design that responds to different screen sizes through fluid layouts, responsive design, and CSS media queries. The document advocates the third approach of a single adaptive site as the best way to build sites that provide a good user experience across all devices.
The document discusses emerging web technologies including:
1. New web standards like HTML5, canvas, and video that provide richer content without plugins.
2. Adaptive content approaches like CSS media queries that allow content to respond to different device capabilities.
3. Using the browser as a platform for applications through widgets and Opera Unite, which leverage web standards and APIs to create cross-device apps without native software.
Making your site mobile-friendly - Standards-Next 12.06.2010Patrick Lauke
The document discusses making websites mobile-friendly by either doing nothing and relying on mobile browsers, creating a separate mobile site, or using a single adaptive site with fluid layouts, progressive enhancement, and CSS media queries to dynamically adjust the design for different screen sizes. It provides tips for optimizing sites for mobile such as minimizing data and server requests through image compression, JavaScript minification, and CSS combining.
According to the International Telecommunication Union, at the end of 2011 there were more than 1 billion mobile‐broadband subscriptions worldwide! With more of your library users using mobile devices to access information they will assume that your library can be available from anywhere, at any time, and on most any device. Now is the time to be ready for this demand.
In this webinar:
- Explore some innovative library mobile website designs and see how they were built.
- Understand how HTML, CSS, and JavaScript work together to build mobile websites.
- Learn what a mobile framework is and why they are used.
- Provide some existing mobile services/apps that can be included in library-created mobile websites.
- Acquire best practices in mobile Web development from start to finish.
A talk I was asked to give on the various options for building mobile applications / getting content onto mobile devices.
I chose to organize it as gradient surveying the spectrum from web to native, all the stuff in between. Unfortunately for native I've only had experience with iOS so I couldn't really speak towards the other platforms.
I do think that non native solutions can take care of 95% of the use cases, and this gap will only narrow as time goes on - I'm thinking back to early 2010 when cross platform SDKs like Appcelerator Titanium came onto the scene and how much has changed.
Андрій Вандакуров
Team Lead та Senior Developer у ELEKS
Наскільки круто бути фронтенд розробником і які задачі вже можна вирішувати знаючи тільки JavaScript, HTML и CSS.
Тулзи, підходи і технічки; можливості сучасного фронтенда (клієнський та серверний код, роботи та візуалізація данних).
The document provides an overview of various web technologies including:
- Fundamental technologies that formed the foundation of the early web such as HTML, URIs, and HTTP.
- Real-time communication technologies like WebSockets and WebRTC that enable features like video chatting.
- Client-side storage options including LocalStorage, IndexedDB, and PouchDB.
- APIs that enable richer user experiences such as the Full Screen API, Page Visibility API, and Vibration API.
- Styling techniques like CSS shapes, blend modes, and 3D transforms.
- Web component specifications like Custom Elements and Shadow DOM.
- Options for building different types of applications including desktop apps, TV apps,
The document discusses the evolution of using the web as a real application platform. It outlines key technologies like HTML5, JavaScript, and WebGL that have advanced the capabilities of web applications. The document also notes shortcomings in earlier versions of the web around user interaction, performance, and compatibility issues. However, new technologies and browser improvements have helped address many of these issues. The document concludes that the web is becoming a viable platform for developing full-featured applications that combine the benefits of installed software and web-based applications.
The document discusses Opera Education and provides information about university seminars, student representatives, web standards curriculum, and summer internships offered by Opera. It also provides details on how to learn more through email or their education website, which has information on internships, student programs, and forums.
A new interface between smart device and web using html5 web socket and qr codeMatthew Chang
This document proposes a new interface between smart devices and the web using HTML5 WebSocket and QR codes. The author developed a remote soccer game demo where users can control gameplay on their smart devices and view it through a web browser on their laptop or desktop. HTML5 WebSockets allow for two-way communication between the server and clients, enabling real-time updates between the game and controllers. The author used technologies like Node.js, Socket.io and QR codes to link smart devices to the game interface on the web.
My Slides for my Talk about being Always On is a lie and how developers could add improvements to their web site to deliver a great experience even when the network is flaky!
Mobile web development is important because over 6.8 billion people in the world use mobile devices. There are currently over 3.4 billion people with mobile phones, making mobile the 7th mass media. When developing for mobile, it is best to target WebKit-based browsers like those used on Android and iOS devices to ensure compatibility with newer HTML5 features. Websites should be optimized for mobile with a responsive design or separate mobile sites at m.domain.com to provide the best experience for touchscreen smartphones and limited feature phones.
This document provides guidance on building a mobile-friendly site with Drupal, including developing responsive designs, using media queries, mobile modules, jQuery plugins, and testing tools. It discusses options like creating a separate mobile theme or using a responsive approach, and covers topics like setting the viewport, home screen icons, caching, storage, and theming for mobile.
Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino
Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.
This document discusses various topics related to developing web apps, including HTML5, responsive design, touch events, offline capabilities, and debugging tools. It provides links to resources on HTML5 features like media queries, SVG, web workers, and the page visibility API. It also covers techniques for adapting content like responsive web design, progressive enhancement, and server-side adaptation. Mobile browser stats and popular devices on Douban are mentioned. Frameworks like Bootstrap and tools like Weinre for debugging mobile apps are referenced.
This document discusses various techniques for making web applications work offline and with unreliable network connections, including:
- The application cache manifest which allows specifying cached resources to work offline
- Issues with the current manifest specification and potential enhancements
- The window.applicationCache API for caching resources and monitoring cache status
- Detecting online/offline status using the navigator.onLine property
In 3 sentences or less, it summarizes approaches for offline web applications using the application cache manifest, applicationCache API, and navigator.onLine property.
Bruce Lawson: Progressive Web Apps: the future of Appsbrucelawson
Native Apps, like Flash, are a bridging technology. Progressive Web Apps are a new suite of technologies that combine the user experience of native, with the immediacy and reach of the web. Learn why we have them, and how to make them.
You too can be a bedwetting antfucker: Bruce Lawson, Opera, Fronteers 2011brucelawson
What new semantics does HTML5 bring us? Why? Are they enough? What more could we do with? Do semantics matter any more (tl;dr:) yes.
Video and transcript at http://fronteers.nl/congres/2011/sessions/html5-semantics-bruce-lawson
A brief rollerskate along HTML5 multimedia beach, in which we pop into the soda shop of subtitling and the ice-cream parlour of synchronised media, before we incongruously pop into the igloo of JavaScript access to the camera (because I pulled in from slides from another presso after we talked about it in an earlier presentation).
HTML5 Multimedia: where we are, where we're goingbrucelawson
A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding <audio> and <video> into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!
We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.
---
Edited version of my Web Directions London talk on 26 May 2011. Slides that don't make sense out of context are removed.
Web Anywhere: Mobile Optimisation With HTML5, CSS3, JavaScriptbrucelawson
Bruce Lawson's South By Southwest 2011 talk: philosophy, 3 methodologies and optimisation tips and tricks for making web sites that work across devices.
W3C Widgets: Apps made with Web Standardsbrucelawson
W3C Widgets are applications developed with web standards that can run across different mobile platforms using the browser engine. A widget consists of an index.html file, assets, and a config.xml file packaged into a .wgt file. Widgets take advantage of HTML5 features like the Application Cache, WebSQL storage, and local storage. They can run on browser runtimes including Opera Mobile, Widgeon, Windows Mobile 6.5, Nokia Qt Web Runtime, and Apache Wookie. The W3C is working to define JavaScript APIs for contacts, calendar, media capture, and messaging to provide more capabilities to widgets.
HTML5 includes many built-in accessibility features through native semantics, reducing but not eliminating the need for WAI-ARIA. WAI-ARIA remains useful for supplementing features not natively supported by HTML5 and for legacy content, but where HTML5 provides equivalent accessibility, its native features should be used rather than WAI-ARIA. While many ARIA roles and states are now implied in HTML5, not all are covered, and screen readers may not fully support implied semantics.
Bruce Lawson gave a presentation on HTML5 and why it was created. Some key points:
- HTML5 was created to better support web applications as existing technologies like HTML 4 were not adequately serving this area.
- It provides new semantic elements, rich forms, video/audio elements, and JavaScript APIs to build powerful web applications without Flash/Silverlight.
- It aims to balance backwards compatibility, new features, interoperability, and accessibility.
HTML5 is an umbrella term for new elements, JavaScript APIs, and other technologies that help make the web more app-like. It includes new semantic elements like <article>, <header>, and <footer>, built-in form validation, the <video> and <canvas> elements for embedded media, and an API for scripting media with JavaScript. While not replacing HTML 4, HTML5 aims to improve support for web applications by standardizing elements like forms that were previously done with third-party plugins. The <canvas> element allows drawing via JavaScript, mixing with external graphics, and accessing pixel data to enable new visual effects.
Bruce Lawson HTML5 South By SouthWest presentationbrucelawson
"Tales from the development trenches": my talk about development of HTML5 and developing with HTML5, including new intelligent forms, canvas and open video.
Practical Tips for Mobile Widget developmentbrucelawson
A talk on 11 February 2010 at OpenMIC Bath on developing mobile phone and cross-device applications with HTML, CSS, JavaScript, SVG and W3C widgets,
Also general advice on designing "mobile-friendly" web sites.
(Note: I deleted some of the "eye-candy" graphics to reduce the file size to the 1Meg upload limit)
Standards.next: HTML - Are you mything the point?brucelawson
The document provides an overview of new features in HTML5 such as structural elements, canvas graphics, improved forms, and video embedding. It notes that some structural elements and graphics capabilities can be used now, while video support varies across browsers. The document encourages checking out examples of the new features and links to additional resources on HTML5.
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfNeo4j
Presented at Gartner Data & Analytics, London Maty 2024. BT Group has used the Neo4j Graph Database to enable impressive digital transformation programs over the last 6 years. By re-imagining their operational support systems to adopt self-serve and data lead principles they have substantially reduced the number of applications and complexity of their operations. The result has been a substantial reduction in risk and costs while improving time to value, innovation, and process automation. Join this session to hear their story, the lessons they learned along the way and how their future innovation plans include the exploration of uses of EKG + Generative AI.
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc
Six months into 2024, and it is clear the privacy ecosystem takes no days off!! Regulators continue to implement and enforce new regulations, businesses strive to meet requirements, and technology advances like AI have privacy professionals scratching their heads about managing risk.
What can we learn about the first six months of data privacy trends and events in 2024? How should this inform your privacy program management for the rest of the year?
Join TrustArc, Goodwin, and Snyk privacy experts as they discuss the changes we’ve seen in the first half of 2024 and gain insight into the concrete, actionable steps you can take to up-level your privacy program in the second half of the year.
This webinar will review:
- Key changes to privacy regulations in 2024
- Key themes in privacy and data governance in 2024
- How to maximize your privacy program in the second half of 2024
Details of description part II: Describing images in practice - Tech Forum 2024BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and transcript: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsMydbops
This presentation, delivered at the Postgres Bangalore (PGBLR) Meetup-2 on June 29th, 2024, dives deep into connection pooling for PostgreSQL databases. Aakash M, a PostgreSQL Tech Lead at Mydbops, explores the challenges of managing numerous connections and explains how connection pooling optimizes performance and resource utilization.
Key Takeaways:
* Understand why connection pooling is essential for high-traffic applications
* Explore various connection poolers available for PostgreSQL, including pgbouncer
* Learn the configuration options and functionalities of pgbouncer
* Discover best practices for monitoring and troubleshooting connection pooling setups
* Gain insights into real-world use cases and considerations for production environments
This presentation is ideal for:
* Database administrators (DBAs)
* Developers working with PostgreSQL
* DevOps engineers
* Anyone interested in optimizing PostgreSQL performance
Contact info@mydbops.com for PostgreSQL Managed, Consulting and Remote DBA Services
Measuring the Impact of Network Latency at TwitterScyllaDB
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
7 Most Powerful Solar Storms in the History of Earth.pdfEnterprise Wired
Solar Storms (Geo Magnetic Storms) are the motion of accelerated charged particles in the solar environment with high velocities due to the coronal mass ejection (CME).
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionBert Blevins
Cybersecurity is a major concern in today's connected digital world. Threats to organizations are constantly evolving and have the potential to compromise sensitive information, disrupt operations, and lead to significant financial losses. Traditional cybersecurity techniques often fall short against modern attackers. Therefore, advanced techniques for cyber security analysis and anomaly detection are essential for protecting digital assets. This blog explores these cutting-edge methods, providing a comprehensive overview of their application and importance.
Quantum Communications Q&A with Gemini LLM. These are based on Shannon's Noisy channel Theorem and offers how the classical theory applies to the quantum world.
Coordinate Systems in FME 101 - Webinar SlidesSafe Software
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
5. "Our goal is to take the one true Web and
make it available to people on their terms."
Jon S. von Tetzchner, Opera Co-founder
"All I ask is access to the full Web, for everyone, everywhere.
And some more beer."
Me
7. 1. new web standards
2. adaptive content
3. browser as platform
8. 1. new web standards
2. adaptive content
3. browser as platform
11. -moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
16. “...extending the language to better support Web
applications, since that is one of the directions the Web is
going in and is one of the areas least well served by HTML
so far. This puts HTML in direct competition with other
technologies intended for applications deployed over the
Web, in particular Flash and Silverlight.”
Ian Hickson, Editor of HTML5
http://lists.w3.org/Archives/Public/public-html/2009Jan/0215.html
26. Scalable Vector Graphics:
● Supported in 4 modern browsers, and IE9
● Vector graphics, therefore infinitely scalable
● XML so text-based - can be made accessible
● Keeps a DOM
● Can author with Adobe Illustrator or Inkscape
30. video format debates – Free formats vs MP4
<video controls autoplay poster=… width=… height=…>
<source src=movie.mp4 type=video/mp4>
<source src=movie.webm type=video/webm>
<!-- fallback content -->
</video>
still include fallback for old browsers
http://camendesign.com/code/video_for_everybody
31. video as native object...why is it important?
● “play nice” with rest of the page
● keyboard accessibility built-in
● API for controls
Demonstration of video in Opera,
scripted controls
33. find out your location via JavaScript
navigator.geolocation.getCurrentPosition(success, error);
function success(position) {
/* where's Waldo? */
var lat = position.coords.latitude;
var long = position.coords.longitude;
...
}
43. Opera Mini: 29.6 billion pages were served
and 4.1 petabytes of operator data were
compressed for Opera Mini users.
Unique users increased 114%.
July 2009 – July 2010
http://www.opera.com/smw/2010/07/
44. “One Web means making, as far as is reasonable, the
same information and services available to users
irrespective of the device they are using. However, it does
not mean that exactly the same information is available in
exactly the same representation across all devices.”
W3C Mobile Web Best Practices http://www.w3.org/TR/mobile-bp/#OneWeb
56. Tips for optimising for mobile/ devices:
● Use CSS3 Media Queries
● Define size of images in HTML
● Put JavaScript as far down as you can
● Reduce HTTP requests
57. CSS 3 Media Queries:
@media screen and
(max-device-width: 480px) {
// insert CSS rules here
}
http://www.w3.org/TR/css3-mediaqueries/
Demonstration of Media Queries
58. Images:
●
Images take a long time to load, so tell the browser
to leave a space for them
● If you don't, when the image finally loads, the
browser will redraw the page to fit the image in,
perhaps scrolling off screen
● Redrawing the screen wastes processor time (and
battery life)
● Some turn off images; design for accessibility
59. Put JS as far down the source as possible:
●
Browsers wait for JS to load. If they're at the top,
rendering pauses.
● If your JS is at the bottom of the page, the user can
read the content etc while she is waiting to interact
with the page.
60. Minimise HTTP requests:
●
Combine JS into one file. Same with CSS.
● Use CSS sprites to combine decorative images
● Consider encoding images directly in your page as
data URLs
● Use SVG or <canvas> for images
61. 1. new web standards
2. adaptive content
3. browser as platform
63. “…the browser run-time is perfect…you’re out
of writing for Windows Mobile, Android, S60, each
of which require testing...we want to abstract
that.
All the cool innovation is happening inside the
browser – you don’t need to write to the native
operating system anymore.”
Mobile Entertainment Market, June, 2009
64. W3C Widgets – application development filled
with web standards goodness,
using browser engine as platform
65. Anatomy of a widget
index.html, assets + config.xml,
zipped and renamed .wgt