Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of web standards can be seen as a boon to creativity on the web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of web design and development, all while still adhering to the best practices of web standards.
Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
Slides from my talk discussing my experience rebuilding a video player I previously developed in Flash. I gave this talk on March 18th, at the Brisbane Web Design Meetup.
Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
Slides from my talk discussing my experience rebuilding a video player I previously developed in Flash. I gave this talk on March 18th, at the Brisbane Web Design Meetup.
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.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
Slides from an HTML5 overview session I presented at work...
This presentation has an accompanying sample webapp project: http://code.google.com/p/html5-playground
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Today’s designers when asked about HTML5 do hesitate to answer because of the lack of knowledge about HTML5.A Free Ebook On HTML 5 Step by Step Guide..
Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
This style guide outlines the principles and standards for the creation of mobile web pages for the BBC. It is intended to be used by designers, developers and producers. This document does not set out to constrain what sites should or should not be implemented, but aims instead to establish a consistent quality of treatment for fundamental elements across the BBC mobile web.
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.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors
Slides from an HTML5 overview session I presented at work...
This presentation has an accompanying sample webapp project: http://code.google.com/p/html5-playground
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Today’s designers when asked about HTML5 do hesitate to answer because of the lack of knowledge about HTML5.A Free Ebook On HTML 5 Step by Step Guide..
Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
This style guide outlines the principles and standards for the creation of mobile web pages for the BBC. It is intended to be used by designers, developers and producers. This document does not set out to constrain what sites should or should not be implemented, but aims instead to establish a consistent quality of treatment for fundamental elements across the BBC mobile web.
Web Standards: Fueling Innovation [Web Builder 2.0 - 2008]Aaron Gustafson
Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of Web standards can be seen as a boon to creativity on the Web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of Web design and development, all while still adhering to the best practices of Web standards.
Web Standards: Fueling Innovation [Web Design World - Seattle 2009]Aaron Gustafson
Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of web standards can be seen as a boon to creativity on the web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of web design and development, all while still adhering to the best practices of web standards.
My presentation at BarCamp Ghent 2 (nov 29, 2008), providing a quick overview of HTML 5. Includes two detailed cases, one about local storage APIs and one about the new video element. Check http://lensco.be for more.
Pubcon Las Vegas 2012 CSS and HTML codingTodd Keup
The panel of four discussed modern CSS and HTML techniques. Todd discussed HTML5 and JavaScript in detail, specifically in regards to browser feature detection rather than browser detection, how to start using HTML5 immediately today and the benefits associated with this type of setup, particularly mobile phones and tablets as well as the traditional computer display.
What happened to XHTML 2.0 and how did HTML5 come about? What kind of new features (many already supported in modern browsers) are driving HTML5 adoption? HTML5 is the flavor of html you will be writing for the next 10 years. Time to get started!
C# Corner Delhi Chapter announces its first monthly chapter meet for students.
On 20th September, prepare yourself for Industries, Interviews and Learn HTML5
http://www.c-sharpcorner.com/Events/104/delhi-students-day-prepare-yourself-for-industries-interv.aspx
I presented this as a seminar in the partial fulfillment of my B.Tech. degree program at College of Technology, G B Pant University of Agriculture & Technology, Pantnagar, India.
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
Early on, Internet access was considered a luxury. Those times have passed and the Internet, especially the Web, has become a necessity. Whether your users are trying to access their money, gather health information, attend class, apply for assistance, or any of the other hundreds (if not thousands) of critical tasks people do on the web, your site needs to be prepared to meet their needs. And it needs to work, no matter what.
In this session, I discuss the many challenges to delivering critical information and services as well as the steps you can take to overcome those challenges. He’ll explore ways to make sure you can meet users on a variety of devices—and not the just the latest and greatest high end ones folks are talking about; how to make it accessible to people with disabilities; and how to load—and load quickly—on limited- bandwidth connections.
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
For the last three years, our industry has been coming to terms with Progressive Web Apps (PWAs) and what they mean for the work we do every day. Scores of articles, reams of documentation, and dozens of white papers touting the successes and failures in this space can really get your head spinning. It’s easy to get lost in the complexities of service workers, manifests, and oh so many JavaScript frameworks and toolkits. Aaron believes it’s time to take a step back and refocus our attention on what really matters: building great web experiences. In this session, you’ll learn how to apply modern web design and development best practices to your web projects. You’ll learn how to grow a project from a core, universally-accessible experience to a sophisticated Progressive Web App that ensures users will be able to access your product, no matter what.
Our industry is abuzz with talk about Progressive Web Apps (PWAs) and with good reason: they are a great way to improve the experiences our users have on our sites, especially when it comes to performance. Using Service Workers—a key component of PWAs—we can manage network requests and the cache to an incredibly granular degree. We can also totally abuse the privilege Service Workers grant us when it comes to writing files to disk.
In this session, Aaron Gustafson will discuss some of the potential pitfalls in implementing Service Workers, especially when it comes to managing heavy files like images and video. He’ll provide guidance on current best practices in cache management. And he’ll offer a few simple recipes you can put to use right away to deliver amazing experiences for your users that respect their data usage and disk space.
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different, and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, writing more appropriate copy, and (of course) building accessible experience. But experience is about more than just interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
In this session, you'll learn how to apply modern best practices to grow your Progressive Web Apps fluidly from mobile devices all the way to large screen desktop environments. You’ll even learn how to lay the groundwork for reaching users of future form factors and “headless” UIs. We'll focus on design patterns that set you up for success on every device and across platforms and guarantee your users will be able to access your product, no matter what. Additional topics will include a primer on how your PWA can integrate more tightly with Windows 10—including how to distribute your PWA via the Store—and how to incorporate accessibility from the very beginning.
Designing the Conversation [Concatenate 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
We, as an industry, tend to have a pretty myopic view of experience. Those of us who work day-to-day in accessibility probably have a broader perspective than most, but I would argue that even we all fall short now and again when it comes to seeing the Web as others do.
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
Aaron Gustafson
Author, Adaptive Web Design
Performance as User Experience
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
Design is problem solving. Each and every day, we are tasked with finding ways to reduce the friction our users experience on the Web. That means streamlining flows, reducing cognitive load, and writing more appropriate copy, but user experience goes far beyond the interface. Our users’ experiences begin with their first request to our servers. In this intensely practical session, Aaron will explore the ins and outs of page load performance by showing how he made the web site of the 10K Apart meet its own contest rules, by having a site that was functional and attractive even without JavaScript, and was less than ten kilobytes at initial load. You’ll walk away with a better understanding of the page load process as well as numerous ways you can improve the projects you are working on right now.
Over time, your users will become more accustomed to and interacting with their computers on the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website.
So how do you design a "headless" UI? That's easy: You design the conversation.
Conversation is at the root of every interaction we have, be it with another human being, a game, or with a website. This session will discuss how to design and implement a web application that will allow you to create a web page that will allow you to create HTML documents.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
2. “I cannot help fearing
that men may reach a
point where they
look on every new
theory as a danger,
every innovation as a
toilsome trouble,
every social advance
as a rst step toward
revolution, and that
they may absolutely
refuse to move at all.
- Alexis de Tocqueville
Photo credit: Lachlan Hardy
4. “Art is good when it springs from necessity.
This kind of origin is the guarantee of its
value; there is no other.
- Angela Carter
Photo credit: Doblonaut
5. WEB STANDARDS: FUELING INNOVATION
Progress
elements
attributes
100
75
50
25
0
HTML 1 HTML 2 HTML 3 HTML 3.2 HTML 4 HTML 5
HTML 4.01
XHTML 1
WEB DESIGN WORLD 10
6. WEB STANDARDS: FUELING INNOVATION
Progress?
elements
attributes
100
HTML 5
HTML 3
75
HTML 4
XHTML 1
HTML 4.01
50
HTML 3.2
HTML 2
HTML 1
25
0
1995 2000 2005 Future
WEB DESIGN WORLD 12
7. WEB STANDARDS: FUELING INNOVATION
Progress?
100
75
50
25
0
-25
-50
1995 2000 2005 Future
HTML 1
HTML 2
HTML 3
HTML 4
XHTML 1
HTML 5
HTML 3.2
HTML 4.01
Today
WEB DESIGN WORLD 13
12. “The trick.... is to make sure that each
limited mechanical part of the Web, each
application, is within itself composed of
simple parts that will never get too
powerful.
- Tim Berners-Lee
Photo credit: tricky™
13.
14. XFN:
<a href=quot;http://easy-designs.netquot;
rel=quot;friend met co-worker
colleague co-resident
spouse muse
sweetheartquot;>Kelly McCarthy</a>
Photo credit: Kelly McCarthy
15. XFN:
<a href=quot;http://easy-designs.netquot;
rel=quot;mequot;>Aaron</a>
Photo credit: Kelly McCarthy
16. XFN:
<a href=quot;http://duoh.comquot;
rel=quot;friend met
colleaguequot;>Veerle Pieters</a>
Photo credit: Kelly McCarthy
17. XFN:
<a href=quot;http://duoh.comquot;
rel=quot;friend met
colleaguequot;>Geert Leyseele</a>
Photo credit: Kelly McCarthy
21. Scaleability
As time goes by, people's expectations change, and
more will be demanded of HTML. One manifestation of
this is the pressure to add yet more tags. HTML 3.0
introduces a means for subclassing elements in an
open-ended way.
...
This ability to make fresh distinctions can be exploited
to impart distinct rendering styles or to support richer
search mechanisms, without further complicating the
HTML document format itself.
- HTML 3.0 Draft
22. CLASS
This a space separated list of SGML NAME tokens and is
used to subclass tag names.
...
The CLASS attribute is most commonly used to attach a
di erent style to some element, but it is recommended
that where practical class names should be picked on
the basis of the element's semantics, as this will permit
other uses, such as restricting search through
documents by matching on element class names.
- HTML 3.0 Draft
23. “Microformats are carefully designed
(X)HTML class names that extend the
semantics of (X)HTML and enable
authors to publish higher semantic
delity content such as people, events,
reviews, etc.
- Tantek Çelik
27. HTML 3:
<fig src=quot;photo.jpgquot;>
<caption><em>Figure 1:</em>
The “Faces of the Fallen”
exhibit at Arlington
National Cemetary
</caption>
<credit>Aaron Gustafson
</credit> Photo by Aaron Gustafson
Figure 1: The “Faces of the Fallen” exhibit
</fig> at Arlington National Cemetery
28. microformats:
<div class=quot;figurequot;>
<img src=quot;fa.jpgquot; alt=quot;quot; />
<p class=quot;credit vcardquot;>
<abbr class=quot;typequot;
title=quot;Photographquot;>Photo
</abbr> by <cite
class=quot;fnquot;>Aaron Gustafson
</cite></p> Photo by Aaron Gustafson
Figure 1: The “Faces of the Fallen” exhibit
<p class=quot;captionquot;><em at Arlington National Cemetery
class=quot;legendquot;>Figure 1</em>
The <span class=quot;subjectquot;>
“Faces of the Fallen”
exhibit</span> at Arlington
National Cemetery.</p>
</div>
29. HTML 5:
<figure>
<img src=quot;fa.jpgquot; alt=quot;quot; />
<legend>Figure 1</legend>
<p>Photo by <cite>Aaron
Gustafson</cite></p>
<p>The “Faces of the Fallen”
exhibit at Arlington
National Cemetery.</p> Photo by Aaron Gustafson
Figure 1: The “Faces of the Fallen” exhibit
</figure> at Arlington National Cemetery
31. Why the need for XHTML?
Document developers and user agent designers are
constantly discovering new ways to express their ideas
through new markup.
...
The XHTML family is designed to accommodate these
extensions through XHTML modules
...
These modules will permit the combination of existing
and new feature sets when developing content and
when designing new user agents.
- XHTML 1.0 Recommendation
32. WEB STANDARDS: FUELING INNOVATION
Customize an existing DTD
<!ELEMENT input EMPTY> <!-- form control -->
<!ATTLIST input
%attrs;
%focus;
type %InputType; quot;textquot;
name CDATA #REQUIRED
value CDATA #IMPLIED
checked (checked) #IMPLIED
disabled (disabled) #IMPLIED
readonly (readonly) #IMPLIED
required (required) #IMPLIED
size CDATA #IMPLIED
maxlength %Number; #IMPLIED
src %URI; #IMPLIED
alt CDATA #IMPLIED
usemap %URI; #IMPLIED
onselect %Script; #IMPLIED
onchange %Script; #IMPLIED
accept %ContentTypes; #IMPLIED
>
WEB DESIGN WORLD 31
33. WEB STANDARDS: FUELING INNOVATION
Complex custom attributes
<!ENTITY % VSchema
quot;(email | phone | address | postcode |
name | title |
alpha | numeric | alphanumeric |
date | range)quot;
>
<!--
Implementation of ValidateFor
To be used on text inputs, range takes the type of schema (VScema, above)
validation should be performed against:
validatefor=quot;namequot;
-->
<!ELEMENT input EMPTY> <!-- form control -->
<!ATTLIST input
...
usemap %URI; #IMPLIED
validatefor %VSchema; #IMPLIED
onselect %Script; #IMPLIED
onchange %Script; #IMPLIED
accept %ContentTypes; #IMPLIED
>
WEB DESIGN WORLD 32
34. WEB STANDARDS: FUELING INNOVATION
Or get Modular
<!ATTLIST %input.qname;
%FormValidation.pfx;limit CDATA #IMPLIED
%FormValidation.pfx;range CDATA #IMPLIED
%FormValidation.pfx;required (required) #IMPLIED
%FormValidation.pfx;match IDREF #IMPLIED
%FormValidation.pfx;maxlength %Number; #IMPLIED
%FormValidation.pfx;validatefor %VSchema; #IMPLIED
>
Tutorial on XHTML Modularization: http://tinyurl.com/52g2xc
WEB DESIGN WORLD 33
35. WEB STANDARDS: FUELING INNOVATION
Put your creation to work
<form action=quot;/path/to/actionquot; method=quot;postquot;>
<ol>
<li>
<label for=quot;emailquot;>Your Email</label>
<input type=quot;textquot; id=quot;emailquot; name=quot;emailquot; required=quot;requiredquot;
maxlength=quot;255quot; validatefor=quot;emailquot; />
</li>
<li>
<label for=quot;pw1quot;>Password</label>
<input type=quot;passwordquot; id=quot;pw1quot; name=quot;pw1quot; required=quot;requiredquot;
maxlength=quot;20quot; validatefor=quot;alphanumericquot; match=quot;pw2quot; />
</li>
<li>
<label for=quot;pw2quot;>Confirm Password</label>
<input type=quot;passwordquot; id=quot;pw2quot; name=quot;pw2quot; required=quot;requiredquot;
maxlength=quot;20quot; validatefor=quot;alphanumericquot; match=quot;pw1quot; />
</li>
<li><button type=quot;submitquot;>Register</button></li>
</ol>
</form>
WEB DESIGN WORLD 34
36. 4.1.2.1 Vendor-speci c extensions
In CSS, identi ers may begin with '-' (dash) or
'_' (underscore). Keywords and property names
beginning with -' or '_' are reserved for vendor-speci c
extensions.
- CSS 2.1 Speci cation
37. WEB STANDARDS: FUELING INNOVATION
Currently used by browsers
div {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #444;
border: 3px solid #222;
color: #fff;
opacity: .9;
padding: 6px;
}
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate.
WEB DESIGN WORLD 36
43. WEB STANDARDS: FUELING INNOVATION
Crufty
<h1>Pumpkin Pie</h1>
<div class=quot;containerquot;>
<div class=quot;sectionquot;>
<h2>Overview</h2>
<img src=quot;pie.jpgquot; alt=quot;quot;>
<p>Whether you're hosting a festive party or a casual get-together with
friends, our Pumpkin Pie will make entertaining easy!</p>
...
</div>
...
<ul class=quot;tabsquot;>
<li><a href=quot;#quot;>Overview</a></li>
<li><a href=quot;#quot;>Ingredients</a></li>
<li><a href=quot;#quot;>Directions</a></li>
<li><a href=quot;#quot;>Nutrition</a></li>
</ul>
</div>
WEB DESIGN WORLD 42
44. WEB STANDARDS: FUELING INNOVATION
Classy
<h1>Pumpkin Pie</h1>
<div class=quot;tabbedquot;>
<h2>Overview</h2>
<img src=quot;pie.jpgquot; alt=quot;quot; />
<p>Whether you're hosting a festive party or a casual get-together with
friends, our Pumpkin Pie will make entertaining easy!</p>
...
<h2>Ingredients</h2>
<ul>
<li>1 (9<abbr title=quot;inchquot;>in</abbr>) unbaked deep dish pie crust</li>
<li>! cup white sugar</li>
<li>1 <abbr title=quot;teaspoonquot;>tsp</abbr> ground cinnamon</li>
...
</ul>
<h2>Directions</h2>
...
</div>
WEB DESIGN WORLD 43
45. WEB STANDARDS: FUELING INNOVATION
Classy
Using Prototype:
document.observe(quot;dom:loadedquot;, function(){
var cabinet = [];
$$('.tabbed').each( function( item, i ){
cabinet.push( new TabInterface( item, i ) );
});
});
TabInterface: http://tinyurl.com/3paywu
WEB DESIGN WORLD 44
46. JavaScript:
good at
looking for
things to do
Photo credit: Messiah Divine
55. Slides available at
http://slideshare.net/AaronGustafson
This presentation is licensed under
Creative Commons
Attribution-Noncommercial-Share Alike 3.0
flickr Photo Credits
“One Step at a Time” by Lachlan Hardy
“solid foundation” by nuanc
“Rocas del fuego y del agua” by Doblonaut
“Pinkstone” by Matt Carman
“reflecting_building_633_dark-sky_01” by wvs
“I love my toolbox 15 July Scavenger Hunt” by Sa!anna
“Look like dead, but they're alive!” by iosonofabio
“Simple” by tricky™
“Kelly, Aaron, Geert & Veerle” by Kelly McCarthy
“3/365 ~ Just because you are lost, doesn't mean that people can't find you...” by {Psychic Noise}
“The Sun Sets on Château de Chillon” by Pear Biter
“112 Classification of Knowledge” by jasonvance
“#256 Exchanging change with exchange” by assbach
“Legospective” by Guillermquot;
“crawfordmarketcarrotman” by Rigmarole
“70:365 Happyface vs. Sadface” by kayepants
“Monkey Grooming” by Messiah Divine
“Wanna go for a ride?” by Erica_Marshall