What has responsive web design done for us, so far.
•
0 likes•665 views
This document discusses responsive web design and some of the challenges that have arisen from it. It notes that responsive design has led to large pages with significant CSS and JavaScript to solve problems of serving different images sizes and formats to various device types. It critiques current design practices, noting that design schools still teach print rather than responsive design and that designs should be tested across real browsers and devices rather than just resizing screens. The document advocates for mobile-first design, prioritizing user needs over marketers, ensuring speed, and developing and testing on multiple real devices and browsers.
Report
Share
Report
Share
Download to read offline
Recommended
9 basic principles of responsive web design
Designing in pixels for Desktop and Mobile is a thing of past. No fixed page size, no millimetres or inches, no physical constraints to fight against. Let's clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it.
Html5 intro
This document provides a summary of HTML5 in Dutch. It discusses the history and evolution of HTML standards from HTML 2.0 to HTML5. It describes several new HTML5 features such as video, audio, canvas, and geolocation. It also covers HTML5 form elements, local storage, and CSS3 features like media queries and fonts. The document emphasizes using HTML5 elements and attributes for their semantic meaning to improve accessibility and search engine optimization.
front end workshop v3
The document outlines an introductory workshop on client side development given by Wilfred Nas. It covers HTML, CSS, and JavaScript. For HTML, Wilfred discusses proper document structure using appropriate tags like div, table, and headings. For CSS, he covers selectors, positioning, and working around browser inconsistencies. For JavaScript, he emphasizes progressive enhancement and avoiding reliance on it for accessibility.
Fronteers iprofs
Wilfred Nas gave a presentation on some of the less exciting but still important parts of HTML5. He discussed new semantic HTML5 elements like <article>, <section>, <header>, <footer>, and <nav> and how they make pages more logical and readable. He also covered new form input types like date, email, url, number and range. However, browser support for these features is still inconsistent, with differences between Firefox, Safari, and Opera. Nas believes HTML5 has potential to make markup more semantic and transferable in the future.
Bestpractices nl
This document discusses best practices for JavaScript and CSS coding. It recommends putting JavaScript at the bottom of pages, avoiding inline scripts, combining and minifying scripts, and using unobtrusive event handlers. For CSS, it suggests starting with a base stylesheet and using CSS3 selectors. It also covers JavaScript patterns like namespaces and closures, and font embedding with @font-face.
Javascript is evil - fronteers 2013 jam sessions
as more and more people rely solely on javascript to build sites and pages, I tell people what is evil about javascript.
Not the language itself, but seeing it as the only solution.
see me give the talk over here:
http://vimeo.com/77588600
Html5 nl
The document discusses the history and evolution of HTML standards from 1991 to present. It covers versions of HTML like 2.0, 3.2, 4.0, XHTML 1.0 and 1.1. It also discusses new semantic elements introduced in HTML5 like article, aside, header, nav, section and others. It provides examples of using new HTML5 form input types like email, date, time and search as well as the video element.
CSS naming | ceci n'est pas un pipe
The document discusses CSS naming conventions and provides recommendations for structuring CSS class names using a methodology of atoms, molecules, and organisms. It advocates adopting conventions like prefixing class names by component type and using multiple classes on an element to indicate state. Examples are given of class names for form input elements and how they may be combined in different contexts.
Recommended
9 basic principles of responsive web design
Designing in pixels for Desktop and Mobile is a thing of past. No fixed page size, no millimetres or inches, no physical constraints to fight against. Let's clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it.
Html5 intro
This document provides a summary of HTML5 in Dutch. It discusses the history and evolution of HTML standards from HTML 2.0 to HTML5. It describes several new HTML5 features such as video, audio, canvas, and geolocation. It also covers HTML5 form elements, local storage, and CSS3 features like media queries and fonts. The document emphasizes using HTML5 elements and attributes for their semantic meaning to improve accessibility and search engine optimization.
front end workshop v3
The document outlines an introductory workshop on client side development given by Wilfred Nas. It covers HTML, CSS, and JavaScript. For HTML, Wilfred discusses proper document structure using appropriate tags like div, table, and headings. For CSS, he covers selectors, positioning, and working around browser inconsistencies. For JavaScript, he emphasizes progressive enhancement and avoiding reliance on it for accessibility.
Fronteers iprofs
Wilfred Nas gave a presentation on some of the less exciting but still important parts of HTML5. He discussed new semantic HTML5 elements like <article>, <section>, <header>, <footer>, and <nav> and how they make pages more logical and readable. He also covered new form input types like date, email, url, number and range. However, browser support for these features is still inconsistent, with differences between Firefox, Safari, and Opera. Nas believes HTML5 has potential to make markup more semantic and transferable in the future.
Bestpractices nl
This document discusses best practices for JavaScript and CSS coding. It recommends putting JavaScript at the bottom of pages, avoiding inline scripts, combining and minifying scripts, and using unobtrusive event handlers. For CSS, it suggests starting with a base stylesheet and using CSS3 selectors. It also covers JavaScript patterns like namespaces and closures, and font embedding with @font-face.
Javascript is evil - fronteers 2013 jam sessions
as more and more people rely solely on javascript to build sites and pages, I tell people what is evil about javascript.
Not the language itself, but seeing it as the only solution.
see me give the talk over here:
http://vimeo.com/77588600
Html5 nl
The document discusses the history and evolution of HTML standards from 1991 to present. It covers versions of HTML like 2.0, 3.2, 4.0, XHTML 1.0 and 1.1. It also discusses new semantic elements introduced in HTML5 like article, aside, header, nav, section and others. It provides examples of using new HTML5 form input types like email, date, time and search as well as the video element.
CSS naming | ceci n'est pas un pipe
The document discusses CSS naming conventions and provides recommendations for structuring CSS class names using a methodology of atoms, molecules, and organisms. It advocates adopting conventions like prefixing class names by component type and using multiple classes on an element to indicate state. Examples are given of class names for form input elements and how they may be combined in different contexts.
Embracing Uncertainty: Learning to Think Responsively
This document provides an overview of responsive web design (RWD) for designers. It defines key RWD terms and discusses challenges like managing the design process for multiple screens. It offers tips on where to start with RWD, such as designing for a 768px screen first. It also covers working with writers, bosses, and coders on RWD. Recommended resources on RWD are provided at the end.
Responsive Web Design
- Responsive web design involves creating interfaces that work across a variety of screen resolutions using CSS3 media queries and fluid design.
- Designers should start with a mobile-first approach, designing the interface for mobile and expanding it for larger screens.
- Key techniques include using flexible units like percentages and ems, responsive images, and media queries to trigger layout changes at breakpoint widths. Frameworks can help implement responsive grids.
Responsive design and retina displays
These are the slides for the Austin Adobe User Group presentation on Responsive Web Design and Retina Displays on 9/14/12. The code example files are at: https://github.com/elimc/AAUG-RWD-and-Retina_9-14-12
Responsive Design & Mobile First
The document discusses the concept of responsive design and mobile first approaches to web design. It notes that as mobile usage increases, web design needs to adapt to various screen sizes through flexible grids, flexible images, and media queries. A mobile first approach focuses on designing for the constraints of mobile devices first before expanding the design to larger screens, in order to prioritize usability on most common devices. This drives innovation through solutions that leverage capabilities unique to mobile like touch and location services.
Building a game engine with jQuery
This presentation was given at the jQuery conference 2010 in Mountain View and featured the first public premiere of a sneak peek video of our upcoming JavaScript game engine.
The video preview can be found here: http://youtu.be/Ol3qQ4CEUTo
Enjoy and follow me at @pbakaus on Twitter!
The future of BYU web design
The document discusses redesigning the BYU website to be more responsive and adaptive to different screen sizes. It notes that the current layout is outdated since it was designed in 2007 for 1024x768 screens. Modern browsers come in a variety of sizes from mobile to desktop and beyond. The document recommends a mobile-first approach using responsive web design techniques like flexible grids, fluid images, and media queries to dynamically serve optimized layouts depending on screen width. It also advocates progressive enhancement and polyfills to gracefully support older browsers.
Responsive web design
The document discusses responsive web design (RWD). RWD allows a website to automatically adapt its layout to different screen sizes and devices like mobile phones, tablets, laptops and desktops. It explains that RWD was created to provide a good user experience across all devices with one unified website, rather than separate mobile sites. The document covers how to make a website responsive using fluid grids, flexible images and CSS media queries to detect screen sizes and apply different styling. It provides tips for mobile-first design and techniques like Adaptive Images to optimize images for different screens.
Responsive design lunch and learn
The document discusses responsive design, which allows websites to automatically adapt their layout to different screen sizes and devices like desktops, mobile phones, and tablets. It explains that responsive design uses CSS media queries to apply different styling based on screen width, providing custom styles for the same HTML content on different devices. While responsive design is a step forward, it has some browser compatibility issues and images may not resize responsively, though JavaScript can help address these limitations. Overall, responsive design allows a single website to be optimized for all devices.
Responsive Web Design
Responsive Web Design is a new web standard that allows for websites to automatically adjust the layout based on the screen size and orientation of the device being used to view it. This helps create an optimized viewing and interaction experience for users on everything from desktop computers to mobile phones. The document discusses how responsive design uses CSS media queries to apply different styling rules depending on screen widths, allowing a single website to be accessed seamlessly on any device without the need for a separate mobile site. It provides examples of responsive sites and encourages adopting a mobile-first approach to responsive design to accommodate the growing number of people accessing the web from phones.
16 Things Designers wish Developers 'got' (in no particular order)
The document provides tips for designers to help developers better understand design considerations for web development. It suggests that designers get an understanding of content management systems and how content can be structured, ask developers about existing solutions, use logical file naming and layer structure in Photoshop files, think about reusing page elements, discuss the differences between responsive and mobile designs, set realistic deadlines, communicate about costs based on a project's value rather than hourly rates, and discuss technical requirements like cross-browser compatibility, grid systems, and high-resolution assets up front to help projects go more smoothly. Good communication between designers and developers is emphasized as important throughout the design and development process.
Bringing Environmental Design to the Web
This document discusses environmental design and its implementation on the web. It begins by covering how user experiences can be crafted from mobile to responsive design. It then outlines key principles of environmental design such as accounting for the real world existing outside of a browser and dynamic design conditions. Finally, it explores moving the field forward through new APIs, libraries, and consideration of device capabilities like bandwidth, battery life and ambient light.
Responsive Web Design - Web & PHP Conference - 2013-09-18
There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.
Develop Game HTML5 for mobile by ImpactJS Engine
This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games development today across many platforms due to its cross-device capabilities and performance improvements in modern browsers. ImpactJS is highlighted as a simple game engine that allows developing stunning HTML5 games for desktop and mobile browsers using HTML5 features like Canvas, Audio, and CSS3. A demo of an ImpactJS game is provided to illustrate its capabilities.
Vietnam mobile day 2012 html5 game using impact js - aiti-aptech
This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games today and performs well across different devices. ImpactJS allows developing stunning HTML5 games for desktop and mobile browsers, providing features like audio, input, rendering and a level editor. The document encourages developers to get started with ImpactJS for HTML5 game development.
Advanced Design Methods 1, Day 1
This document provides an overview of advanced design methods for building responsive web designs. It discusses fluid grids that adapt to different screen sizes, flexible media like images that scale appropriately, and media queries that allow scoping CSS styles based on screen characteristics. The document emphasizes starting with the smallest screen size and adding larger breakpoints as needed. It also compares mobile-first and desktop-first approaches, noting that the focus should be on layout defaults. The overall process of design is broken down into steps like focusing on essential information, writing things out, considering semantics, designing for comprehension and different interaction methods.
MIMA 2014 - Changing your Responsive Design Workflow
Presentation slides from Dustin Tauer's 2014 MIMA Session:
What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design.
This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.
The Architect's Two Hats
This presentation, given on the Software Architecture course at the University of Brunel, discusses the interplay between architecture and design. How the designer and architect are really different roles and ones that often have competing goals.
Introduction to Web Design
Presentation given at Montclair State University's Graphic Design II course on Introduction to Web Design. This presentation was geared towards year two graphic design students with little to no exposure to web design and predominant print backgrounds.
Responsive Web Design
The document discusses responsive web design (RWD), which involves building websites and applications that automatically adjust layouts based on screen size and orientation. RWD allows a single website to be accessed from any device without needing separate mobile sites. It provides benefits like improved usability, lower development costs, and future-proofing sites for new devices. Key aspects of RWD include flexible grids, fluid images, media queries, and focus on content over specific device designs.
Prairie Dev Con West - 2012-03-15 - Responsive Web Design
The document discusses responsive web design, which involves designing websites to adapt to different screen sizes and devices. It covers key aspects of responsive design like flexible grid layouts, flexible images and media, and media queries. Responsive design helps ensure websites are usable on a variety of devices and future-proofs sites as technology changes.
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Available 24/7
What is an RPA CoE? Session 2 – CoE Roles
In this session, we will review the players involved in the CoE and how each role impacts opportunities.
Topics covered:
• What roles are essential?
• What place in the automation journey does each role play?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
More Related Content
Similar to What has responsive web design done for us, so far.
Embracing Uncertainty: Learning to Think Responsively
This document provides an overview of responsive web design (RWD) for designers. It defines key RWD terms and discusses challenges like managing the design process for multiple screens. It offers tips on where to start with RWD, such as designing for a 768px screen first. It also covers working with writers, bosses, and coders on RWD. Recommended resources on RWD are provided at the end.
Responsive Web Design
- Responsive web design involves creating interfaces that work across a variety of screen resolutions using CSS3 media queries and fluid design.
- Designers should start with a mobile-first approach, designing the interface for mobile and expanding it for larger screens.
- Key techniques include using flexible units like percentages and ems, responsive images, and media queries to trigger layout changes at breakpoint widths. Frameworks can help implement responsive grids.
Responsive design and retina displays
These are the slides for the Austin Adobe User Group presentation on Responsive Web Design and Retina Displays on 9/14/12. The code example files are at: https://github.com/elimc/AAUG-RWD-and-Retina_9-14-12
Responsive Design & Mobile First
The document discusses the concept of responsive design and mobile first approaches to web design. It notes that as mobile usage increases, web design needs to adapt to various screen sizes through flexible grids, flexible images, and media queries. A mobile first approach focuses on designing for the constraints of mobile devices first before expanding the design to larger screens, in order to prioritize usability on most common devices. This drives innovation through solutions that leverage capabilities unique to mobile like touch and location services.
Building a game engine with jQuery
This presentation was given at the jQuery conference 2010 in Mountain View and featured the first public premiere of a sneak peek video of our upcoming JavaScript game engine.
The video preview can be found here: http://youtu.be/Ol3qQ4CEUTo
Enjoy and follow me at @pbakaus on Twitter!
The future of BYU web design
The document discusses redesigning the BYU website to be more responsive and adaptive to different screen sizes. It notes that the current layout is outdated since it was designed in 2007 for 1024x768 screens. Modern browsers come in a variety of sizes from mobile to desktop and beyond. The document recommends a mobile-first approach using responsive web design techniques like flexible grids, fluid images, and media queries to dynamically serve optimized layouts depending on screen width. It also advocates progressive enhancement and polyfills to gracefully support older browsers.
Responsive web design
The document discusses responsive web design (RWD). RWD allows a website to automatically adapt its layout to different screen sizes and devices like mobile phones, tablets, laptops and desktops. It explains that RWD was created to provide a good user experience across all devices with one unified website, rather than separate mobile sites. The document covers how to make a website responsive using fluid grids, flexible images and CSS media queries to detect screen sizes and apply different styling. It provides tips for mobile-first design and techniques like Adaptive Images to optimize images for different screens.
Responsive design lunch and learn
The document discusses responsive design, which allows websites to automatically adapt their layout to different screen sizes and devices like desktops, mobile phones, and tablets. It explains that responsive design uses CSS media queries to apply different styling based on screen width, providing custom styles for the same HTML content on different devices. While responsive design is a step forward, it has some browser compatibility issues and images may not resize responsively, though JavaScript can help address these limitations. Overall, responsive design allows a single website to be optimized for all devices.
Responsive Web Design
Responsive Web Design is a new web standard that allows for websites to automatically adjust the layout based on the screen size and orientation of the device being used to view it. This helps create an optimized viewing and interaction experience for users on everything from desktop computers to mobile phones. The document discusses how responsive design uses CSS media queries to apply different styling rules depending on screen widths, allowing a single website to be accessed seamlessly on any device without the need for a separate mobile site. It provides examples of responsive sites and encourages adopting a mobile-first approach to responsive design to accommodate the growing number of people accessing the web from phones.
16 Things Designers wish Developers 'got' (in no particular order)
The document provides tips for designers to help developers better understand design considerations for web development. It suggests that designers get an understanding of content management systems and how content can be structured, ask developers about existing solutions, use logical file naming and layer structure in Photoshop files, think about reusing page elements, discuss the differences between responsive and mobile designs, set realistic deadlines, communicate about costs based on a project's value rather than hourly rates, and discuss technical requirements like cross-browser compatibility, grid systems, and high-resolution assets up front to help projects go more smoothly. Good communication between designers and developers is emphasized as important throughout the design and development process.
Bringing Environmental Design to the Web
This document discusses environmental design and its implementation on the web. It begins by covering how user experiences can be crafted from mobile to responsive design. It then outlines key principles of environmental design such as accounting for the real world existing outside of a browser and dynamic design conditions. Finally, it explores moving the field forward through new APIs, libraries, and consideration of device capabilities like bandwidth, battery life and ambient light.
Responsive Web Design - Web & PHP Conference - 2013-09-18
There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.
Develop Game HTML5 for mobile by ImpactJS Engine
This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games development today across many platforms due to its cross-device capabilities and performance improvements in modern browsers. ImpactJS is highlighted as a simple game engine that allows developing stunning HTML5 games for desktop and mobile browsers using HTML5 features like Canvas, Audio, and CSS3. A demo of an ImpactJS game is provided to illustrate its capabilities.
Vietnam mobile day 2012 html5 game using impact js - aiti-aptech
This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games today and performs well across different devices. ImpactJS allows developing stunning HTML5 games for desktop and mobile browsers, providing features like audio, input, rendering and a level editor. The document encourages developers to get started with ImpactJS for HTML5 game development.
Advanced Design Methods 1, Day 1
This document provides an overview of advanced design methods for building responsive web designs. It discusses fluid grids that adapt to different screen sizes, flexible media like images that scale appropriately, and media queries that allow scoping CSS styles based on screen characteristics. The document emphasizes starting with the smallest screen size and adding larger breakpoints as needed. It also compares mobile-first and desktop-first approaches, noting that the focus should be on layout defaults. The overall process of design is broken down into steps like focusing on essential information, writing things out, considering semantics, designing for comprehension and different interaction methods.
MIMA 2014 - Changing your Responsive Design Workflow
Presentation slides from Dustin Tauer's 2014 MIMA Session:
What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design.
This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.
The Architect's Two Hats
This presentation, given on the Software Architecture course at the University of Brunel, discusses the interplay between architecture and design. How the designer and architect are really different roles and ones that often have competing goals.
Introduction to Web Design
Presentation given at Montclair State University's Graphic Design II course on Introduction to Web Design. This presentation was geared towards year two graphic design students with little to no exposure to web design and predominant print backgrounds.
Responsive Web Design
The document discusses responsive web design (RWD), which involves building websites and applications that automatically adjust layouts based on screen size and orientation. RWD allows a single website to be accessed from any device without needing separate mobile sites. It provides benefits like improved usability, lower development costs, and future-proofing sites for new devices. Key aspects of RWD include flexible grids, fluid images, media queries, and focus on content over specific device designs.
Prairie Dev Con West - 2012-03-15 - Responsive Web Design
The document discusses responsive web design, which involves designing websites to adapt to different screen sizes and devices. It covers key aspects of responsive design like flexible grid layouts, flexible images and media, and media queries. Responsive design helps ensure websites are usable on a variety of devices and future-proofs sites as technology changes.
Similar to What has responsive web design done for us, so far. (20)
Embracing Uncertainty: Learning to Think Responsively
Embracing Uncertainty: Learning to Think Responsively
16 Things Designers wish Developers 'got' (in no particular order)
16 Things Designers wish Developers 'got' (in no particular order)
Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18
Vietnam mobile day 2012 html5 game using impact js - aiti-aptech
Vietnam mobile day 2012 html5 game using impact js - aiti-aptech
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
Prairie Dev Con West - 2012-03-15 - Responsive Web Design
Prairie Dev Con West - 2012-03-15 - Responsive Web Design
Recently uploaded
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Available 24/7
What is an RPA CoE? Session 2 – CoE Roles
In this session, we will review the players involved in the CoE and how each role impacts opportunities.
Topics covered:
• What roles are essential?
• What place in the automation journey does each role play?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
How we managed to grow and scale a RAG application from zero to thousands of users in 7 months. Lessons from technical challenges around managing high load for LLMs, RAGs and Vector databases.
Essentials of Automations: Exploring Attributes & Automation Parameters
Building automations in FME Flow can save time, money, and help businesses scale by eliminating data silos and providing data to stakeholders in real-time. One essential component to orchestrating complex automations is the use of attributes & automation parameters (both formerly known as “keys”). In fact, it’s unlikely you’ll ever build an Automation without using these components, but what exactly are they?
Attributes & automation parameters enable the automation author to pass data values from one automation component to the next. During this webinar, our FME Flow Specialists will cover leveraging the three types of these output attributes & parameters in FME Flow: Event, Custom, and Automation. As a bonus, they’ll also be making use of the Split-Merge Block functionality.
You’ll leave this webinar with a better understanding of how to maximize the potential of automations by making use of attributes & automation parameters, with the ultimate goal of setting your enterprise integration workflows up on autopilot.
"What does it really mean for your system to be available, or how to define w...
We will talk about system monitoring from a few different angles. We will start by covering the basics, then discuss SLOs, how to define them, and why understanding the business well is crucial for success in this exercise.
ScyllaDB Tablets: Rethinking Replication
ScyllaDB is making a major architecture shift. We’re moving from vNode replication to tablets – fragments of tables that are distributed independently, enabling dynamic data distribution and extreme elasticity. In this keynote, ScyllaDB co-founder and CTO Avi Kivity explains the reason for this shift, provides a look at the implementation and roadmap, and shares how this shift benefits ScyllaDB users.
MySQL InnoDB Storage Engine: Deep Dive - Mydbops
This presentation, titled "MySQL - InnoDB" and delivered by Mayank Prasad at the Mydbops Open Source Database Meetup 16 on June 8th, 2024, covers dynamic configuration of REDO logs and instant ADD/DROP columns in InnoDB.
This presentation dives deep into the world of InnoDB, exploring two ground-breaking features introduced in MySQL 8.0:
• Dynamic Configuration of REDO Logs: Enhance your database's performance and flexibility with on-the-fly adjustments to REDO log capacity. Unleash the power of the snake metaphor to visualize how InnoDB manages REDO log files.
• Instant ADD/DROP Columns: Say goodbye to costly table rebuilds! This presentation unveils how InnoDB now enables seamless addition and removal of columns without compromising data integrity or incurring downtime.
Key Learnings:
• Grasp the concept of REDO logs and their significance in InnoDB's transaction management.
• Discover the advantages of dynamic REDO log configuration and how to leverage it for optimal performance.
• Understand the inner workings of instant ADD/DROP columns and their impact on database operations.
• Gain valuable insights into the row versioning mechanism that empowers instant column modifications.
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
This is a session that details how PostgreSQL's features and Azure AI Services can be effectively used to significantly enhance the search functionality in any application.
In this session, we'll share insights on how we used PostgreSQL to facilitate precise searches across multiple fields in our mobile application. The techniques include using LIKE and ILIKE operators and integrating a trigram-based search to handle potential misspellings, thereby increasing the search accuracy.
We'll also discuss how the azure_ai extension on PostgreSQL databases in Azure and Azure AI Services were utilized to create vectors from user input, a feature beneficial when users wish to find specific items based on text prompts. While our application's case study involves a drug search, the techniques and principles shared in this session can be adapted to improve search functionality in a wide range of applications. Join us to learn how PostgreSQL and Azure AI can be harnessed to enhance your application's search capability.
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Join us to learn how UiPath Apps can directly and easily interact with prebuilt connectors via Integration Service--including Salesforce, ServiceNow, Open GenAI, and more.
The best part is you can achieve this without building a custom workflow! Say goodbye to the hassle of using separate automations to call APIs. By seamlessly integrating within App Studio, you can now easily streamline your workflow, while gaining direct access to our Connector Catalog of popular applications.
We’ll discuss and demo the benefits of UiPath Apps and connectors including:
Creating a compelling user experience for any software, without the limitations of APIs.
Accelerating the app creation process, saving time and effort
Enjoying high-performance CRUD (create, read, update, delete) operations, for
seamless data management.
Speakers:
Russell Alfeche, Technology Leader, RPA at qBotic and UiPath MVP
Charlie Greenberg, host
Containers & AI - Beauty and the Beast!?!
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.
Keywords: AI, Containeres, Kubernetes, Cloud Native
Event Link: https://meine.doag.org/events/cloudland/2024/agenda/#agendaId.4211
Demystifying Knowledge Management through Storytelling
The Department of Veteran Affairs (VA) invited Taylor Paschal, Knowledge & Information Management Consultant at Enterprise Knowledge, to speak at a Knowledge Management Lunch and Learn hosted on June 12, 2024. All Office of Administration staff were invited to attend and received professional development credit for participating in the voluntary event.
The objectives of the Lunch and Learn presentation were to:
- Review what KM ‘is’ and ‘isn’t’
- Understand the value of KM and the benefits of engaging
- Define and reflect on your “what’s in it for me?”
- Share actionable ways you can participate in Knowledge - - Capture & Transfer
Mutation Testing for Task-Oriented Chatbots
Conversational agents, or chatbots, are increasingly used to access all sorts of services using natural language. While open-domain chatbots - like ChatGPT - can converse on any topic, task-oriented chatbots - the focus of this paper - are designed for specific tasks, like booking a flight, obtaining customer support, or setting an appointment. Like any other software, task-oriented chatbots need to be properly tested, usually by defining and executing test scenarios (i.e., sequences of user-chatbot interactions). However, there is currently a lack of methods to quantify the completeness and strength of such test scenarios, which can lead to low-quality tests, and hence to buggy chatbots.
To fill this gap, we propose adapting mutation testing (MuT) for task-oriented chatbots. To this end, we introduce a set of mutation operators that emulate faults in chatbot designs, an architecture that enables MuT on chatbots built using heterogeneous technologies, and a practical realisation as an Eclipse plugin. Moreover, we evaluate the applicability, effectiveness and efficiency of our approach on open-source chatbots, with promising results.
Dandelion Hashtable: beyond billion requests per second on a commodity server
This slide deck presents DLHT, a concurrent in-memory hashtable. Despite efforts to optimize hashtables, that go as far as sacrificing core functionality, state-of-the-art designs still incur multiple memory accesses per request and block request processing in three cases. First, most hashtables block while waiting for data to be retrieved from memory. Second, open-addressing designs, which represent the current state-of-the-art, either cannot free index slots on deletes or must block all requests to do so. Third, index resizes block every request until all objects are copied to the new index. Defying folklore wisdom, DLHT forgoes open-addressing and adopts a fully-featured and memory-aware closed-addressing design based on bounded cache-line-chaining. This design offers lock-free index operations and deletes that free slots instantly, (2) completes most requests with a single memory access, (3) utilizes software prefetching to hide memory latencies, and (4) employs a novel non-blocking and parallel resizing. In a commodity server and a memory-resident workload, DLHT surpasses 1.6B requests per second and provides 3.5x (12x) the throughput of the state-of-the-art closed-addressing (open-addressing) resizable hashtable on Gets (Deletes).
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
So… you want to become a Test Automation Engineer (or hire and develop one)? While there’s quite a bit of information available about important technical and tool skills to master, there’s not enough discussion around the path to becoming an effective Test Automation Engineer that knows how to add VALUE. In my experience this had led to a proliferation of engineers who are proficient with tools and building frameworks but have skill and knowledge gaps, especially in software testing, that reduce the value they deliver with test automation.
In this talk, Lee will share his lessons learned from over 30 years of working with, and mentoring, hundreds of Test Automation Engineers. Whether you’re looking to get started in test automation or just want to improve your trade, this talk will give you a solid foundation and roadmap for ensuring your test automation efforts continuously add value. This talk is equally valuable for both aspiring Test Automation Engineers and those managing them! All attendees will take away a set of key foundational knowledge and a high-level learning path for leveling up test automation skills and ensuring they add value to their organizations.
GlobalLogic Java Community Webinar #18 “How to Improve Web Application Perfor...
Під час доповіді відповімо на питання, навіщо потрібно підвищувати продуктивність аплікації і які є найефективніші способи для цього. А також поговоримо про те, що таке кеш, які його види бувають та, основне — як знайти performance bottleneck?
Відео та деталі заходу: https://bit.ly/45tILxj
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation Functions to Prevent Interaction with Malicious QR Codes.
Aim of the Study: The goal of this research was to develop a robust hybrid approach for identifying malicious and insecure URLs derived from QR codes, ensuring safe interactions.
This is achieved through:
Machine Learning Model: Predicts the likelihood of a URL being malicious.
Security Validation Functions: Ensures the derived URL has a valid certificate and proper URL format.
This innovative blend of technology aims to enhance cybersecurity measures and protect users from potential threats hidden within QR codes 🖥 🔒
This study was my first introduction to using ML which has shown me the immense potential of ML in creating more secure digital environments!
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
What began over 115 years ago as a supplier of precision gauges to the automotive industry has evolved into being an industry leader in the manufacture of product branding, automotive cockpit trim and decorative appliance trim. Value-added services include in-house Design, Engineering, Program Management, Test Lab and Tool Shops.
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
Direct losses from downtime in 1 minute = $5-$10 thousand dollars. Reputation is priceless.
As part of the talk, we will consider the architectural strategies necessary for the development of highly loaded fintech solutions. We will focus on using queues and streaming to efficiently work and manage large amounts of data in real-time and to minimize latency.
We will focus special attention on the architectural patterns used in the design of the fintech system, microservices and event-driven architecture, which ensure scalability, fault tolerance, and consistency of the entire system.
Recently uploaded (20)
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
Call Girls Chandigarh🔥7023059433🔥Agency Profile Escorts in Chandigarh Availab...
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
"Scaling RAG Applications to serve millions of users", Kevin Goedecke
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
"What does it really mean for your system to be available, or how to define w...
"What does it really mean for your system to be available, or how to define w...
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Demystifying Knowledge Management through Storytelling
Demystifying Knowledge Management through Storytelling
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
Lee Barnes - Path to Becoming an Effective Test Automation Engineer.pdf
GlobalLogic Java Community Webinar #18 “How to Improve Web Application Perfor...
GlobalLogic Java Community Webinar #18 “How to Improve Web Application Perfor...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
QR Secure: A Hybrid Approach Using Machine Learning and Security Validation F...
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
What has responsive web design done for us, so far.
- 1. Wilfred Nas - front end developer / @wnas / wnas.nl 1 / 83
- 2. What has responsive web design done for us, so far…
- 4. With loads of css and javascript
- 5. All to solve self inflicted problems
- 7. Images What kind of image to serve
- 9. And how to serve it
- 10. The <img> tag doesn't cut it
- 12. (again)
- 13. Devices To what kind of device
- 14. Mobile
- 15. Tablet
- 16. Phablet
- 17. TV’s
- 18. Consoles
- 19. Fridges
- 20. Desktop
- 21. Desknot
- 22. Touch
- 23. Touch is mobile
- 25. Or no touch
- 26. Size matters…
- 27. 320
- 28. 480
- 29. 800
- 30. 440
- 31. 768
- 32. 1024
- 33. 1280
- 34. 632
- 35. 1920
- 36. 2560
- 37. 240
- 38. The web is text…
- 39. So why do we do pixels?
- 42. Media queries to the rescue
- 43. Even for tables
- 45. Or do we use javascript for those?
- 46. Or not?
- 47. Breakpoints?
- 49. “It's what happens between the breakpoints that matters the most” –Wilfred Nas
- 50. Tweakpoints
- 51. Haypoint
- 52. But
- 53. But
- 55. At least
- 56. Before we developers and designer killed it (as a developer I would love to put the sole blame on designers, but we have to take some of the blame)
- 57. Designers
- 58. Design schools still don't teach anything but print design
- 59. Photoshop is NOT a design tool it's for sketching
- 60. You should design in the browser
- 63. Or better yet, present on different browsers
- 65. And different browsers on those devices
- 67. Developers
- 68. Test and develop on multiple devices
- 70. But you already did that, right?
- 71. Don't just resize your screen
- 73. Use tools like ghost lab
- 74. Really test on multiple devices
- 75. Use standards
- 78. Mobile first lets you focus
- 79. Never listen to marketeers, ever That gets us only more carousels
- 81. Speed is the only thing that matters
- 82. Thank you for listening to my rant
- 83. Wilfred Nas - front end developer / @wnas / wnas.nl