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.
These are the slides from a free workshop I gave of April 29, 2009 on using wordpress to manage your website. For more information visit http://downeastlearning.org/
How to Think Inside the Box: Programming Fixed Layout for E-Booksbisg
What's under the hood of a fixed-layout e-book? In this presentation, created by Dave Cramer (Hachette), originally featured in the February 25th BISG webcast of same name, you'll have a look at the basics of file construction, learn about different approaches to creating fixed-layout books, and learn about common pitfalls from an expert in digital content creation.
To view a recording of the WebEx webinar in which this presentation first appeared, please email your request to info@bisg.org. Standard rates apply: $49.00 for non-members, FREE for members.
Presented at SCREENS 2013 in Toronto.
Details at fitc.ca/screens
In this talk, Digiflare lead iOS developer Justin Howlett will discuss the impact of performance on User Experience. Justin will discuss easy to implement platform agnostic techniques, technologies and libraries to improve your user experience through performance. Although most techniques and technologies are platform agnostic many of the case studies and examples will be presented in native Objective-C for iOS.
These are the slides from a free workshop I gave of April 29, 2009 on using wordpress to manage your website. For more information visit http://downeastlearning.org/
How to Think Inside the Box: Programming Fixed Layout for E-Booksbisg
What's under the hood of a fixed-layout e-book? In this presentation, created by Dave Cramer (Hachette), originally featured in the February 25th BISG webcast of same name, you'll have a look at the basics of file construction, learn about different approaches to creating fixed-layout books, and learn about common pitfalls from an expert in digital content creation.
To view a recording of the WebEx webinar in which this presentation first appeared, please email your request to info@bisg.org. Standard rates apply: $49.00 for non-members, FREE for members.
Presented at SCREENS 2013 in Toronto.
Details at fitc.ca/screens
In this talk, Digiflare lead iOS developer Justin Howlett will discuss the impact of performance on User Experience. Justin will discuss easy to implement platform agnostic techniques, technologies and libraries to improve your user experience through performance. Although most techniques and technologies are platform agnostic many of the case studies and examples will be presented in native Objective-C for iOS.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
How can we beat the speed of light and make visits faster? Pre-fetching is one way we can make resources available before they're needed. This talk explores challenges in mobile visit performance and discusses the design of a generic pre-fetching system.
DevFest Makerere html5 presentation by caesar mukamaEmily Karungi
This presentation explains the relevance of using HTML5 which is one of the Google technologies. It's a basic tutorial designed to encourage students to use HTML5 when developing applications.
Paid Traffic with WordPress PPC Hacks - by Peter Mead for BigDigital 2016Peter Mead
If you want Paid Traffic and you use WordPress, here's a buch of PPC Hacks - This talk was given by Peter Mead at the BigDigital Conference in Adelaide 2016
This presentation is available as a free webinar: http://www.theurldr.com/register-omg-website-ugly-webinar/
Have you been wondering why your not doing much business online? It could be your website. Your website needs to convey in 5 seconds or less that you're reputable and trustworthy, you're an expert in your field, you can solve your visitors' problems, and lead them in a direction through your site so they can find what they're looking for. It's a lot to ask a poor website to do, But if you're website is ugly, then your visitors may be leaving.
The presentation also discusses the benefits of using WordPress. Learn 6 of the top WordPress plug-ins for small business, how to choose a web host, and how to keep your website safe.
MeasureWorks - Why people hate to wait for your website to load (and how to f...MeasureWorks
My slides from DrupalJam 2014... About why users abandon your website and best practices to align content and speed to create a fast user experience, and continue to keep it aligned for every release
Best Practices for Drupal Search Engine Optimization and Driving Site Convers...Bryan House
The earlier a site appears in the search results list, the more visitors it will receive from the search engine. Join Ben Finklea, founder of Volacci and author of Drupal 6 Search Engine Optimization and Bryan House, Senior Marketing Director, Acquia as they provide a practical walk through showing you which modules to install, which settings to use, and dozens of the most closely guarded "tricks of the trade" to get your web site optimized, higher in the search engines, and more profitable.
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
We need to embrace the heterogenous nature of the web—myriad web-enabled devices with vastly different dimensions, screen sizes, networks, and capabilities in use by countless individuals, each with their own special needs—and craft experiences that will work anywhere at any time. We need to build robust systems that adapt in ways far beyond aesthetics.
Internet Marketing Explained - Internet Marketing Academy AustraliaLucio Ribeiro
Internet Marketing Explained by Lucio Ribeiro and Jeff Richardson from www.theonlinecircle.com and www.internetmarketingacademy.com.au and their Melbourne session training.
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.
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.
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.
Ideal web page performance
How to maximize your content view with minimal attention span of your viewers?
Impact of page performance on Business metrics
Profiling a Http request
Browser Architecture, Critical Rendering Path
Applying FFSUx to get optimal webpage performance.
More and more often we talks about optimizing the server-side software, but the
true optimization must be done on the client where 80% of the time is spent
by users. The talk explains the main techniques to optimize
Web site using HTTP protocols and rules to the base but rarely
used.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
How can we beat the speed of light and make visits faster? Pre-fetching is one way we can make resources available before they're needed. This talk explores challenges in mobile visit performance and discusses the design of a generic pre-fetching system.
DevFest Makerere html5 presentation by caesar mukamaEmily Karungi
This presentation explains the relevance of using HTML5 which is one of the Google technologies. It's a basic tutorial designed to encourage students to use HTML5 when developing applications.
Paid Traffic with WordPress PPC Hacks - by Peter Mead for BigDigital 2016Peter Mead
If you want Paid Traffic and you use WordPress, here's a buch of PPC Hacks - This talk was given by Peter Mead at the BigDigital Conference in Adelaide 2016
This presentation is available as a free webinar: http://www.theurldr.com/register-omg-website-ugly-webinar/
Have you been wondering why your not doing much business online? It could be your website. Your website needs to convey in 5 seconds or less that you're reputable and trustworthy, you're an expert in your field, you can solve your visitors' problems, and lead them in a direction through your site so they can find what they're looking for. It's a lot to ask a poor website to do, But if you're website is ugly, then your visitors may be leaving.
The presentation also discusses the benefits of using WordPress. Learn 6 of the top WordPress plug-ins for small business, how to choose a web host, and how to keep your website safe.
MeasureWorks - Why people hate to wait for your website to load (and how to f...MeasureWorks
My slides from DrupalJam 2014... About why users abandon your website and best practices to align content and speed to create a fast user experience, and continue to keep it aligned for every release
Best Practices for Drupal Search Engine Optimization and Driving Site Convers...Bryan House
The earlier a site appears in the search results list, the more visitors it will receive from the search engine. Join Ben Finklea, founder of Volacci and author of Drupal 6 Search Engine Optimization and Bryan House, Senior Marketing Director, Acquia as they provide a practical walk through showing you which modules to install, which settings to use, and dozens of the most closely guarded "tricks of the trade" to get your web site optimized, higher in the search engines, and more profitable.
Responsive web design has taken our industry by storm and with good reason: it helps us improve our reach with less effort. But incorporating responsive design is not the goal, meeting our user’s needs is. Responsive design is not an end in itself… it’s just the beginning.
We need to embrace the heterogenous nature of the web—myriad web-enabled devices with vastly different dimensions, screen sizes, networks, and capabilities in use by countless individuals, each with their own special needs—and craft experiences that will work anywhere at any time. We need to build robust systems that adapt in ways far beyond aesthetics.
Internet Marketing Explained - Internet Marketing Academy AustraliaLucio Ribeiro
Internet Marketing Explained by Lucio Ribeiro and Jeff Richardson from www.theonlinecircle.com and www.internetmarketingacademy.com.au and their Melbourne session training.
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.
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.
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.
Ideal web page performance
How to maximize your content view with minimal attention span of your viewers?
Impact of page performance on Business metrics
Profiling a Http request
Browser Architecture, Critical Rendering Path
Applying FFSUx to get optimal webpage performance.
More and more often we talks about optimizing the server-side software, but the
true optimization must be done on the client where 80% of the time is spent
by users. The talk explains the main techniques to optimize
Web site using HTTP protocols and rules to the base but rarely
used.
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...John McCaffrey
(reposting with clearer title)
Performance tuning presentation from WindyCityRails 2010.
Why performance matters
The right way to approach it
Front end testing tools
Automated testing tools
Common problems and the ways to solve them in Rails
Rails specific tools
bullet
slim_scrooge
rack bug
request log analyzer
rails indexes
Performance is fundamentally, a UX concern. Sites that are slow to render or janky to interact with are a bad user experience. We strive to write performant code for our users, but users don’t directly interact with our code - it all happens through the medium of the browser. The browser is the middleman between us and our users; therefore to make our users happy, we first have to make the browser happy. But how exactly do we do that?
In this talk, we’ll learn how browsers work under the hood: how they request, construct, and render a website. At each step along the way, we’ll cover what we can do as developers to make the browser’s job easier, and why those best practices work. You’ll leave with a solid understanding of how to write code that works *with* the browser, not against it, and ultimately improves your users’ experience.
YGLF 2015 - Boom Performance | Eran Zinman (daPulse)Eran Zinman
Client performance is what shapes your product and determines the satisfaction of your users. Users don't expect things to happen fast, they expect things to happen immediately. In the presentation we will cover some real-life examples of how to greatly improve performance in web products and share a lot of tricks and cool stuff we've learned along the way.
Presented in the YGLF conference in Israel by Eran Zinman (dapulse.com)
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
Whatever happened to Progressive Enhancement?Cole Henley
In my talk I want to look at whatever happened to progressive enhancement and discuss how we should approach inclusive web design with the myriad of tools, techniques and devices available today.
Front End Best Practices: A Selection of Best Practices, Tips, Tricks & Good Advice For Today’s Front End Development. Practices mentioned in this presentation range from basic principles to more advanced tools and techniques. By Holger Bartel for WomenWhoCodeHK 23/07/2014
Points.com webdev lunch and learn #1: Clean separation. Separation of concerns isn't just for application development. It can also be applied to front end development to improve dev efficiency, maintainability, reusability, performance, SEO and cross browser compatibility.
This guide will not bring you a magic formula to optimize critical render path. When the subject is web performance: there's no magic formula. Analyze performance is careful and meticulous process, and it can bring different results based on various existing variables.
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.
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.
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.
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.
Progressive Web Apps and the Windows Ecosystem [Build 2017]Aaron Gustafson
Whether at home or at work, the web plays an increasingly critical role in our daily lives. As we have become more dependent on accessing the tools it powers, we’ve also struggled to overcome some of its limitations—network connectivity, for instance. At Microsoft, we’ve long been interested in the power of the web for software development and we are even more excited for the future possibilities offered by progressive web apps (PWAs). In this session, we discuss what PWAs are, how they can be integrated into the development process of modern websites, the advantages and disadvantages of PWAs vs. native development, and what opportunities they present when installed alongside native apps in Windows.
Designing the Conversation [SmashingConf 2016]Aaron Gustafson
Users are gradually becoming more accustomed to and reliant on voice-based interactions, so enabling users to complete critical tasks without a visual user interface is crucial for the long-term success of websites. This session shows how designing such a “headless” user interface is equivalent to designing the conversation you want to have with your users. Learn how to ensure that the technological decisions you make with respect to HTML, CSS, and JavaScript respect and support that conversation.
The Features of Highly Effective Forms [SmashingConf NYC 2016]Aaron Gustafson
Web forms are complex beasts with many moving parts. That’s one of the reasons they're so challenging to build well. In this session, Aaron Gustafson will walk you through the process of creating a form—from planning to production—and give you sage advice for improvement. You’ll learn ways to keep forms focused, how to leverage HTML5 for better user interaction, and a variety of design techniques to enhance forms’ usability. Whether you have one form or a thousand, you’ll leave this session with a much better handle on how to take them from distressing to delightful!
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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.
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.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
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.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
3. JEFF VEEN
“I’ve been amazed at how often those
outside the discipline of design assume
that what designers do is decoration—
likely because so much bad design
simply is decoration. Good design isn’t.
Good design is problem solving.”
5. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Hallmarks of Good UX
๏ Streamlined flow
๏ Clear, concise copy
๏ Low cognitive load
๏ Fast performance
5
18. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
What we were looking for
๏ Usable pages are delivered in 10kB or less
๏ Pages are accessible via screen readers, the keyboard, etc.
๏ Entries follow the philosophy of progressive enhancement
๏ Users can do what they need to without JavaScript
18
21. time
Your Device The Web
Where can I find a-k-apart.com?
It’s at 40.77.56.174
DNS Lookup
Icons by Mahmure Alp
22. time
Your Device The Web
Where can I find a-k-apart.com?
It’s at 40.77.56.174
TCP Handshake
Hello 40.77.56.174
Howdy!
Icons by Mahmure Alp
23. time
Your Device The Web
Where can I find a-k-apart.com?
It’s at 40.77.56.174
Request
Hello 40.77.56.174
Howdy!
I’d like /index.html
Icons by Mahmure Alp
24. time
Your Device The Web
Where can I find a-k-apart.com?
It’s at 40.77.56.174
Server Processing
Hello 40.77.56.174
Howdy!
I’d like /index.html
Icons by Mahmure Alp
25. time
Your Device The Web
Where can I find a-k-apart.com?
It’s at 40.77.56.174
Response
Hello 40.77.56.174
Howdy!
I’d like /index.html
Ok, here it is.
Icons by Mahmure Alp
46. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Steps for better performance
1. Use native features whenever possible
2. Only include assets you actually need
3. Optimize everything
4. Think about when you load assets
5. Consider how you load assets
6. Only load assets when they add value
43
49. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
<header>
Header content…
</header> not only shorter than
<div id=“header">, but
semantic too
depending on its location in the document, could also provide a landmark for navigation
50. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
<input id="n" name="n"
required aria-required="true"
autocorrect="off"
autocapitalize="words"
placeholder="Sir Tim Berners Lee"
autocomplete="name"
>
modern browsers require
users to enter content
browser can inform
assistive tech that
the field is required
don’t let the browser try to correct someone’s name
auto-disappearing suggestion without JavaScript
if the browser already
knows the user’s name,
by all means, let it fill it in
51. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
<input type="email"
id="e" name="e"
required aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="you@yourdomain.tld"
>
modern browsers validate
the email address
and may supply a
custom keyboard layout
let the browser suggest
an email address if it has one
52. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
@media (min-width:600px) {
.gridded {
display: grid;
grid-template-columns: 1fr 300px;
grid-gap: 20px;
}
}
So much better than floats
53. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
var $radios = document.querySelectorAll(
'input[type=radio]'
);
CSS selector-based
DOM traversal
without a JS library
54. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Por exemplo
font-family: Georgia, Times,
"Times New Roman", serif
font-family: "Segoe UI", Frutiger,
"Frutiger Linotype",
"Dejavu Sans", "Helvetica Neue",
Arial, sans-serif;
Serif
Sans Serif
62. time
Your Device The Web
Where can I find cdn.foo.com?
It’s at 123.45.67.89
Icons by Mahmure Alp
You can optimize this
63. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Find the server early
<link rel="dns-prefetch"
href="https://cdn.foo.com">
Drop this in the
head of your pages
64. time
Your Device The Web
Where can I find cdn.foo.com?
It’s at 123.45.67.89
Hello 123.45.67.89
Howdy!
Icons by Mahmure Alp
You can optimize this
65. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Go for the handshake
<link rel="preconnect"
href="https://cdn.foo.com">
66. time
Your Device The Web
I’d like /jquery.min.js
Ok, here it is.
Icons by Mahmure Alp
You can even optimize this
67. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Grab that resource
<link rel="preload"
href="https://cdn.foo.com/jquery.min.js"
as="script">
Helps optimize the process
68. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Download isn’t everything
Source: The Filament Group
71. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
We used some hints though
<link rel="preconnect"
href="//10kapart.blob.core.windows.net">
<link rel="preconnect"
href="//cdnjs.cloudflare.com">
<link rel="preconnect"
href="//www.google-analytics.com">
73. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Our approach to CSS (Gulp)
1. Write modular CSS in Sass (+ Breakup for MQ management)
2. Compile CSS with a precision of 4 decimal places (gulp-sass)
3. Fallbacks for the last 2 browser versions (gulp-autoprefixer)
4. CSS shorthand declarations if possible (gulp-shorthand)
5. Remove any unused declarations/rule sets (gulp-uncss)
6. Optimize the files (gulp-csso)
7. Minify (gulp-clean-css)
8. Gzip (gulp-zopfli)
9. Brotli (gulp-brotli)
71
75. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
After
everyone else
8 kB
browsers that support
brotli compression
2 kB
browsers that support gzip compression 3 kB
76. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Our approach to JS (Gulp)
1. Write modular JavaScript, grouped as appropriate
2. Combine files based on folder structure (gulp-folders, gulp-concat)
3. Create an wrapping closure to isolate from other JS (gulp-insert)
4. Minify (gulp-uglify)
5. Gzip (gulp-zopfli)
6. Brotli (gulp-brotli)
74
77. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Results
about 8 kB all-up
4 kB
1 kB
2 kB
78. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Interesting side note
indexes last
indexes first
81. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
We had 10 JS files
๏ Global
‣ main.js - the site’s library
‣ serviceworker.js - The site’s service worker
๏ Browser-specific
‣ html5shiv.js - local copy of the HTML5 Shiv for < IE9
79
82. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
We had 10 JS files
๏ Page-specific
‣ enter.js - Entry form-related code
‣ form-saver.js - Used to save form entries locally until submitted
‣ hero.js - Runs the SVG animation on the homepage
‣ home.js - Handles homepage-specific tasks
‣ project.js - Used on project pages during voting
‣ update.js - Handles the winner update form
80
83. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Per the common wisdom
<script src="/j/main.min.js"></script>
</body>
</html>
84. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
No need to run immediately
<script src="/j/main.min.js"></script>
<script src="/j/home.min.js"
defer
></script>
</body>
</html>
run after the DOM is loaded
85. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Run whenever you can
<script src="/j/main.min.js"></script>
<script src="/j/home.min.js"
async
></script>
</body>
</html>
run whenever it becomes
available, but don’t
delay page load
86. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Consider dependencies
<script src="/j/main.min.js"></script>
<script src="/j/home.min.js" async></script>
87. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Consider dependencies
<script src="/j/main.min.js" async></script>
<script src="/j/home.min.js" async></script>
what if this calls a function
in main.min.js?
91. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Connections in HTTP/1.1
Browser Per host Overall
IE 9 6 35
IE 10 8 17
IE 11 13 17
Firefox 4+ 6 17
Opera 11+ 6 user defined
Chrome 4+ 6 10
Safari 7+ 6 17
92. time
Your Device The Web
HTTP/1.1
Icons by Mahmure Alp
I’d like /c/main.css
I’d like /j/main.min.js
I’d like /i/o.svg
I’d like /j/home.min.js
I’d like /i/edge.svg
I’d like /i/aea.svg
99. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Fault tolerance FTW!
<link rel="stylesheet" href="/c/d.min.css">
<link rel="stylesheet" href="/c/a.min.css"
media="only screen">
browsers that don’t grok
media queries ignore this file
100. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Conditional scripting
<!--[if lt IE 9]>
<script src="/j/html5shiv.min.js"></script>
<![endif]-->
delivers this script
to <= IE 8
101. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Conditional scripting
<!--[if gt IE 8]><!-->
<script src="/j/main.min.js"></script>
<script src="/j/home.min.js" async
></script>
<!--<![endif]-->
</body>
</html>
hides scripts from <= IE8 (no need to test!)
107. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
How do we get there?
JS?
No
No imageLoad
Yes
<>
SVG support?
Yes
SVG
Ajax request SVG
Yank out script & add to document
No
picture
Save the markup for
next page load
NoYes
Verify browser
width condition
111. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Evaluate images case-by-case
๏ Does the image reiterate information found in the surrounding text?
๏ Is the image necessary to understand the surrounding content?
๏ Does the image contain text?
๏ Is the image a graph, chart, or table?
๏ Could the content of the image be presented in a different format
that would not require an image?
๏ Is the image purely presentational?
111
112. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
53% of the average web page
Source: Internet Archive
117. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Quick format recap
๏ GIF
‣ for images with large swaths of solid colors
‣ Binary transparency
๏ JPG
‣ For photographs and images with gradations of color
‣ Can be compressed (introduces artifacts)
117
118. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Quick format recap
๏ PNG (8-Bit)
‣ Alternative to GIF
‣ Can support alpha transparency (with the right creation software)
๏ PNG (24-bit)
‣ Alternative to JPG
‣ Usually larger than JPGs
‣ Supports alpha tranparency
118
119. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Quick format recap
๏ WebP
‣ Newer format, not universally supported
‣ Smaller than JPGs and 24-bit PNGs
‣ Support alpha transparency
‣ and so much more…
119
123. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
How it works
<li class="gallery__item h-card"
data-img="/i/j/r.jpg||y"
>
<a href="https://twitter.com/rachelandrew">
<b>Rachel Andrew</b>
</a>
</li>
image path
no alt necessary
prepend to
this list item
124. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Getting CSS & JS in sync
var $watcher = document.createElement('div'),
re = /['"]/g;
$watcher.setAttribute( 'id', 'getActiveMQ-watcher' );
$watcher.style.display = 'none';
document.body.appendChild( $watcher );
window.getActiveMQ = function() {
return window.getComputedStyle( $watcher, null )
.getPropertyValue( 'font-family' )
.replace( re, '' );
};
126. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Getting CSS & JS in sync
var $watcher = document.createElement('div'),
re = /['"]/g;
$watcher.setAttribute( 'id', 'getActiveMQ-watcher' );
$watcher.style.display = 'none';
document.body.appendChild( $watcher );
window.getActiveMQ = function() {
return window.getComputedStyle( $watcher, null )
.getPropertyValue( 'font-family' )
.replace( re, '' );
};
127. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Getting CSS & JS in sync
var MQ = getActiveMQ();
if ( MQ == 'larger' || MQ == 'full' ) {
lazyLoadImages();
}
128. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
How it works
<li class="gallery__item h-card"
data-img="/i/j/r.jpg||y"
>
<a href="https://twitter.com/rachelandrew">
<b>Rachel Andrew</b>
</a>
</li>
139. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Indicating alternate formats
<picture>
<source type="image/webp" srcset="my.webp">
<img src="my.jpg" alt="Alt text goes here">
</picture>
first choice if WebP is supported fallback image
if it isn’t
140. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Indicating alternate formats
<picture>
<source type="image/svg+xml"
srcset="my.svg">
<source type="image/webp" srcset="my.webp">
<img src="my.jpg" alt="Alt text goes here">
</picture>
142. PERFORMANCE AS USER EXPERIENCE @AaronGustafson
Steps for better performance
1. Use native features whenever possible
2. Only include assets you actually need
3. Optimize everything
4. Think about when you load assets
5. Consider how you load assets
6. Only load assets when they add value
146