Responding Responsively
•Download as PPT, PDF•
1 like•651 views
A speech I gave to my local Toastmasters club about Responsive Web Design. This was for speech #5 in the Entertaining Speaker manual.
Report
Share
Report
Share
Recommended
Siti web per device multipli by Dino esposito, Francesco Esposito
This document discusses strategies for developing websites that can be accessed across multiple devices. It notes that 99% of websites are not optimized for mobile access and that responsive web design is a common approach using CSS media queries and proportional sizing. A second approach discussed is responsive web coding, which uses multiple views tailored to specific devices rather than just CSS. It recommends starting with a mobile-first approach and considering native apps later. The document demonstrates examples of CSS media queries and server-side device detection using WURFL to optimize content for different devices. It concludes that responsive design and server-side device detection are important approaches for the new "device UX" landscape.
Mader henry week4_presentation
Responsive web design allows a single website to be accessed from any device like desktops, laptops or mobile phones. It automatically adapts the layout so that the user has the best experience no matter what device they are using. Responsive design saves money by avoiding the need to create separate mobile sites and reduces development costs. It also improves search engine optimization by eliminating duplicate content across different versions of the site.
How to design for a wide range of smart phone types and screen sizes
This document discusses considerations for designing mobile interfaces and websites for a wide range of smartphones and screen sizes. It provides statistics on mobile usage, such as 67% of people worldwide owning mobile phones and the average number of daily and monthly apps used. It also discusses different design approaches like responsive vs. adaptive design and hybrid vs. native. It defines terms like breakpoints, viewport, pixel density, and physical vs. logical pixels. It emphasizes approaches like mobile-first design, content-first design, and finger-friendly design.
Basic Responsive Theming - Somedutta Ghosh
A responsive website adapts its layout and content to different screen sizes and devices to provide an optimal viewing and interaction experience. It is important for websites to be responsive because more people are using mobile devices, with mobile internet usage accounting for 10% of worldwide usage. By making a website responsive, users will have a comfortable experience on any device. There are two main approaches to responsive design - graceful degradation, which develops for desktop first then makes adaptations for smaller screens, and progressive enhancement, which develops for mobile first then enhances the experience based on larger screens. Key aspects of responsive design include flexible layouts using media queries, selecting essential content, and testing on actual devices.
EPA Victoria - Case study in responsive design
Presented by EPA Victoria: Daniel McLeod, Program Leader Digital, Marketing & Communications Unit, with Tim Kotsiakos, Executive Creative Director at Reactive Media. Presentations to the Victoria Online Seminar Series, Thursday 22 November 2012.
Mobile first responsive web design
Overview of mobile first, responsive web design philosophy, including examples and benefits that designers, developers and web firms can take advantage of.
Responsive website design
Responsive website design ensures websites are accessible and usable across all devices by automatically adjusting layouts and resizing content. It uses a single code base that responds to different screen sizes and orientations through flexible grids and media queries, allowing content to dynamically resize depending on whether viewed on a mobile phone, tablet, laptop or desktop computer. This provides an optimal viewing experience for all users regardless of which device they access the site with.
Wunderman - Responsive Design
Responsive design is an approach to building websites that automatically adapts content and layout to different screen sizes and devices. It allows a single website to be accessed from any device without needing separate mobile sites. The benefits are that it future-proofs sites, provides a consistent user experience across devices, and reduces costs by only needing to update content in one place. When deciding whether to use responsive design, it is suitable for new medium to large sites and site redesigns, but not for existing non-responsive sites.
Recommended
Siti web per device multipli by Dino esposito, Francesco Esposito
This document discusses strategies for developing websites that can be accessed across multiple devices. It notes that 99% of websites are not optimized for mobile access and that responsive web design is a common approach using CSS media queries and proportional sizing. A second approach discussed is responsive web coding, which uses multiple views tailored to specific devices rather than just CSS. It recommends starting with a mobile-first approach and considering native apps later. The document demonstrates examples of CSS media queries and server-side device detection using WURFL to optimize content for different devices. It concludes that responsive design and server-side device detection are important approaches for the new "device UX" landscape.
Mader henry week4_presentation
Responsive web design allows a single website to be accessed from any device like desktops, laptops or mobile phones. It automatically adapts the layout so that the user has the best experience no matter what device they are using. Responsive design saves money by avoiding the need to create separate mobile sites and reduces development costs. It also improves search engine optimization by eliminating duplicate content across different versions of the site.
How to design for a wide range of smart phone types and screen sizes
This document discusses considerations for designing mobile interfaces and websites for a wide range of smartphones and screen sizes. It provides statistics on mobile usage, such as 67% of people worldwide owning mobile phones and the average number of daily and monthly apps used. It also discusses different design approaches like responsive vs. adaptive design and hybrid vs. native. It defines terms like breakpoints, viewport, pixel density, and physical vs. logical pixels. It emphasizes approaches like mobile-first design, content-first design, and finger-friendly design.
Basic Responsive Theming - Somedutta Ghosh
A responsive website adapts its layout and content to different screen sizes and devices to provide an optimal viewing and interaction experience. It is important for websites to be responsive because more people are using mobile devices, with mobile internet usage accounting for 10% of worldwide usage. By making a website responsive, users will have a comfortable experience on any device. There are two main approaches to responsive design - graceful degradation, which develops for desktop first then makes adaptations for smaller screens, and progressive enhancement, which develops for mobile first then enhances the experience based on larger screens. Key aspects of responsive design include flexible layouts using media queries, selecting essential content, and testing on actual devices.
EPA Victoria - Case study in responsive design
Presented by EPA Victoria: Daniel McLeod, Program Leader Digital, Marketing & Communications Unit, with Tim Kotsiakos, Executive Creative Director at Reactive Media. Presentations to the Victoria Online Seminar Series, Thursday 22 November 2012.
Mobile first responsive web design
Overview of mobile first, responsive web design philosophy, including examples and benefits that designers, developers and web firms can take advantage of.
Responsive website design
Responsive website design ensures websites are accessible and usable across all devices by automatically adjusting layouts and resizing content. It uses a single code base that responds to different screen sizes and orientations through flexible grids and media queries, allowing content to dynamically resize depending on whether viewed on a mobile phone, tablet, laptop or desktop computer. This provides an optimal viewing experience for all users regardless of which device they access the site with.
Wunderman - Responsive Design
Responsive design is an approach to building websites that automatically adapts content and layout to different screen sizes and devices. It allows a single website to be accessed from any device without needing separate mobile sites. The benefits are that it future-proofs sites, provides a consistent user experience across devices, and reduces costs by only needing to update content in one place. When deciding whether to use responsive design, it is suitable for new medium to large sites and site redesigns, but not for existing non-responsive sites.
Responsive Web Design
Designing for the web is no longer what it used to be.
The number of devices with web-browsing capabilities is
growing at an increasing speed.
RWD is an approach aimed to provide a solid viewing
experience for a multiple of screens with one set of code.
Responsive web design
This document discusses responsive web design. It defines responsive design as adjusting a website's layout to different screen sizes and devices. Key aspects of responsive design include fluid grids that adapt to different widths, responsive images that scale appropriately, and responsive fonts whose size adjusts. Media queries allow applying CSS styles conditionally based on screen width. The ideal fluid layout works across browsers from 780px to 1260px, accommodating most users. Responsive images avoid sending large files to small devices. Responsive typography optimizes line lengths for readability.
Adobe 30iun2011
This document provides best practices for developing websites and applications for multiple screen sizes. It discusses challenges like varying device sizes and browsers. It recommends a mobile-first approach, exploiting device capabilities, optimizing images, and using techniques like responsive design with media queries or server-side delivery of customized content. Media queries allow attaching different stylesheets based on screen properties, while server-side delivery fully customizes content for each device. The document also provides tips for navigation, interactions, and structuring content adaptably across devices.
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 Web Designs
Welcome To
Responsive web design basics | SEO Expate BD Ltm.
how to design websites that adapt to the requirements and capabilities of the device being used to view them. Web browsing on mobile devices is expanding at an astounding rate, yet these devices frequently have limited display space and necessitate a different approach to information organization. accompanies consumers' needs and those of the gadgets they utilize. Depending on the size and capabilities of the gadget, the layout alters. On a phone, for instance, consumers might see content presented in a single column perspective; on a tablet, the same content might be presented in two columns.
Screen sizes for phones, "phablets," tablets, workstations, game consoles, TVs, and even wearables range widely. Your site must be able to adapt to any screen size, whether they exist now or in the future, as screen sizes are constantly changing. Devices also come with a variety of features that let us engage with them. For instance, some of your guests will use touchscreen technology. All of these factors are taken into account in contemporary responsive design to enhance the user experience.
the viewport setting
A meta viewport tag needs to be placed in the document's head for pages that are responsive to different screen sizes. A meta viewport tag instructs the browser how to adjust the page's size and scaling. The meta viewport value width=device-width informs the page to resize its width in device-independent pixels to match the width of the screen. A device (or density) independent pixel is a representation of a single pixel that, on a screen with high pixel density, may include numerous actual pixels. This enables the page's content to reflow to fit various screen sizes, whether it is displayed on a tiny mobile phone or a huge desktop monitor.
Adapt content size to viewport
Users are accustomed to browsing websites vertically on desktop computers and mobile devices, but not horizontally. Forcing the user to zoom out or scroll horizontally in order to view the entire page leads to a poor user experience.
It's simple to inadvertently produce page content that doesn't exactly fit into the designated viewport when designing a mobile site with a meta viewport tag. The viewport may scroll horizontally, for instance, if an image is displayed at a width that is greater than the viewport. To avoid forcing the user to scroll horizontally, you should resize this content to fill the viewport's width. The content is not properly scaled for the viewport. You can automate the process of finding overflowing content with the use of Lighthouse audit.
Images
A scrollbar will appear if an image's fixed dimensions are larger than the viewport. The solution to this issue is to set the maximum width for all pictures to 100%. If the viewport size is smaller than the picture, the image will be shrunk to fit the available space. The image won't expand any larger than its actual size because the max-width, not th
S. Responsive Web Design
The document discusses responsive web design (RWD) which uses a single code base that adapts layout and functionality based on screen size. RWD uses flexible layouts with percentages instead of pixels, flexible images that scale proportionally, and media queries to apply different CSS styles based on screen width. This allows websites to automatically adapt to phones, tablets, laptops and other devices to provide the best possible viewing and interaction experience for the user. Testing across devices is important for RWD to ensure proper functionality and performance.
Beyond Responsive Web Design
Responsive Web Design, as laid out by Ethan Marcotte, is about a whole lot more than just media queries. I look at the three elements of responsive web design, statistics about mobile web browsing, and offer tips on how to best design sites for responsiveness.
N.B.: Several slides are lifted wholesale from Bryan Rieger's excellent "Rethinking the Mobile Web" presentation, be sure to check it out!
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS Media Queries have received a justifiable amount of hype lately. However, do they really represent a new way to take your web content mobile or do they promise more than they deliver? In this session lynda.com senior author James Williamson breaks down media queries, how to use them, and where they belong in your mobile development medicine chest.
Responsive Web Design
This document discusses how to create a responsive website. It recommends starting with a mobile-first approach and using relative typography, a flexible grid, and flexible images and video. It also recommends using viewport settings, media queries, and compressing content to make the site responsive across different screens. The key aspects are a mobile-first strategy, relative sizing with em and percent units, a fluid grid layout, responsive images and video, and media queries to adapt the design at different breakpoints.
Advancio, Inc. Academy: Responsive Web Design
Responsive web design allows a website to adapt to different screen sizes using fluid grids, scalable images, and media queries. It involves developing sites using relative units like percentages instead of pixels so elements resize proportionately. Media queries allow different CSS stylesheets to be loaded depending on screen width, orientiation, resolution and other factors. This allows a single website to be accessed seamlessly on any device from phones to desktops to tablets without needing separate mobile sites.
Responsive Web Design
The document discusses responsive web design and how it offers a way forward to design work meant for different experiences across a gradient of devices. It provides examples of using CSS media queries to serve different stylesheets based on screen width and other device features. This allows content to adapt to different screens from mobile to desktop in a fluid, responsive way.
Delivering Optimal Images for Phones and Tablets on the Modern Web
Evolving mobile hardware and networks have made it challenging for web sites to deliver an optimal experience to each client. If you send the same image to both a WiFi Retina tablet and a 3G phone, you compromise speed and bandwidth cost against image quality. We'll look at using HTML and CSS image markup, CDNs, HTTP caching directives and how WPO can deliver a great UX with minimal effort.
Sbwire 531031
Responsive web design allows websites to automatically adjust layouts based on screen size and orientation. It uses flexible grids and images, and CSS media queries. As a user switches devices, the website layout and elements resize accordingly. This eliminates the need for separate designs for each device. Techniques like flexible grids, maximum image widths, and responsive images that load different resolutions based on screen size allow websites to adapt seamlessly across devices. Responsive design requires a new way of thinking about design that is flexible and adaptable rather than fixed for each device.
Responsive Design for SharePoint
Creating designs that will respond and work with multiple browser and device types has become more and more important. In this session we will examine the concepts behind Responsive Design and how you can and should apply them to SharePoint.
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.
Responsive Design
Responsive design aims to provide optimal viewing experiences for websites across different devices by adapting the layout. It uses fluid layouts with relative sizing, media queries to apply different CSS styles based on screen size, and viewport meta tags to control layout on mobile. Ethan Marcotte first described the challenges of responsive design. Now all websites should be developed with responsive characteristics to accommodate varying screen sizes and input types.
Using Responsive Web Design To Make Your Web Work Everywhere
The document discusses responsive web design and strategies for creating websites that adapt to different screen sizes. It recommends taking a mobile-first approach, using fluid layouts and media queries to make content responsive. Key tips include starting small and resizing the browser, using Chrome's device mode to emulate different devices, and the matchMedia API to bind JavaScript to breakpoints. The overall goal is to provide an optimal viewing experience across all devices.
Mobile Best Practices
A brief presentation for the Missouri State Digital Media Developer group on cutting through the hype surrounding mobile development and responsive design.
Why should we build our website responsive
Responsive web design allows a single website to automatically adapt to different screen sizes and devices. It works by adjusting content, layout, and interactions using fluid grids, flexible images, and media queries. The main benefits are lower costs through a single site, easier updates and SEO, and compatibility with new devices. While initial development costs may be higher, responsive design is recommended for better usability, user experience, and mobile search engine optimization.
Website redesign
The document discusses responsive web design and its importance. OptfinITy provides various IT services including website development using content management systems and responsive design. Responsive design ensures a website automatically adapts to display properly on all device types and screen sizes by using fluid grids and layouts. While responsive design requires more work upfront, it allows sites to attract more clients by being accessible on any device.
June Patch Tuesday
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
More Related Content
Similar to Responding Responsively
Responsive Web Design
Designing for the web is no longer what it used to be.
The number of devices with web-browsing capabilities is
growing at an increasing speed.
RWD is an approach aimed to provide a solid viewing
experience for a multiple of screens with one set of code.
Responsive web design
This document discusses responsive web design. It defines responsive design as adjusting a website's layout to different screen sizes and devices. Key aspects of responsive design include fluid grids that adapt to different widths, responsive images that scale appropriately, and responsive fonts whose size adjusts. Media queries allow applying CSS styles conditionally based on screen width. The ideal fluid layout works across browsers from 780px to 1260px, accommodating most users. Responsive images avoid sending large files to small devices. Responsive typography optimizes line lengths for readability.
Adobe 30iun2011
This document provides best practices for developing websites and applications for multiple screen sizes. It discusses challenges like varying device sizes and browsers. It recommends a mobile-first approach, exploiting device capabilities, optimizing images, and using techniques like responsive design with media queries or server-side delivery of customized content. Media queries allow attaching different stylesheets based on screen properties, while server-side delivery fully customizes content for each device. The document also provides tips for navigation, interactions, and structuring content adaptably across devices.
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 Web Designs
Welcome To
Responsive web design basics | SEO Expate BD Ltm.
how to design websites that adapt to the requirements and capabilities of the device being used to view them. Web browsing on mobile devices is expanding at an astounding rate, yet these devices frequently have limited display space and necessitate a different approach to information organization. accompanies consumers' needs and those of the gadgets they utilize. Depending on the size and capabilities of the gadget, the layout alters. On a phone, for instance, consumers might see content presented in a single column perspective; on a tablet, the same content might be presented in two columns.
Screen sizes for phones, "phablets," tablets, workstations, game consoles, TVs, and even wearables range widely. Your site must be able to adapt to any screen size, whether they exist now or in the future, as screen sizes are constantly changing. Devices also come with a variety of features that let us engage with them. For instance, some of your guests will use touchscreen technology. All of these factors are taken into account in contemporary responsive design to enhance the user experience.
the viewport setting
A meta viewport tag needs to be placed in the document's head for pages that are responsive to different screen sizes. A meta viewport tag instructs the browser how to adjust the page's size and scaling. The meta viewport value width=device-width informs the page to resize its width in device-independent pixels to match the width of the screen. A device (or density) independent pixel is a representation of a single pixel that, on a screen with high pixel density, may include numerous actual pixels. This enables the page's content to reflow to fit various screen sizes, whether it is displayed on a tiny mobile phone or a huge desktop monitor.
Adapt content size to viewport
Users are accustomed to browsing websites vertically on desktop computers and mobile devices, but not horizontally. Forcing the user to zoom out or scroll horizontally in order to view the entire page leads to a poor user experience.
It's simple to inadvertently produce page content that doesn't exactly fit into the designated viewport when designing a mobile site with a meta viewport tag. The viewport may scroll horizontally, for instance, if an image is displayed at a width that is greater than the viewport. To avoid forcing the user to scroll horizontally, you should resize this content to fill the viewport's width. The content is not properly scaled for the viewport. You can automate the process of finding overflowing content with the use of Lighthouse audit.
Images
A scrollbar will appear if an image's fixed dimensions are larger than the viewport. The solution to this issue is to set the maximum width for all pictures to 100%. If the viewport size is smaller than the picture, the image will be shrunk to fit the available space. The image won't expand any larger than its actual size because the max-width, not th
S. Responsive Web Design
The document discusses responsive web design (RWD) which uses a single code base that adapts layout and functionality based on screen size. RWD uses flexible layouts with percentages instead of pixels, flexible images that scale proportionally, and media queries to apply different CSS styles based on screen width. This allows websites to automatically adapt to phones, tablets, laptops and other devices to provide the best possible viewing and interaction experience for the user. Testing across devices is important for RWD to ensure proper functionality and performance.
Beyond Responsive Web Design
Responsive Web Design, as laid out by Ethan Marcotte, is about a whole lot more than just media queries. I look at the three elements of responsive web design, statistics about mobile web browsing, and offer tips on how to best design sites for responsiveness.
N.B.: Several slides are lifted wholesale from Bryan Rieger's excellent "Rethinking the Mobile Web" presentation, be sure to check it out!
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS Media Queries have received a justifiable amount of hype lately. However, do they really represent a new way to take your web content mobile or do they promise more than they deliver? In this session lynda.com senior author James Williamson breaks down media queries, how to use them, and where they belong in your mobile development medicine chest.
Responsive Web Design
This document discusses how to create a responsive website. It recommends starting with a mobile-first approach and using relative typography, a flexible grid, and flexible images and video. It also recommends using viewport settings, media queries, and compressing content to make the site responsive across different screens. The key aspects are a mobile-first strategy, relative sizing with em and percent units, a fluid grid layout, responsive images and video, and media queries to adapt the design at different breakpoints.
Advancio, Inc. Academy: Responsive Web Design
Responsive web design allows a website to adapt to different screen sizes using fluid grids, scalable images, and media queries. It involves developing sites using relative units like percentages instead of pixels so elements resize proportionately. Media queries allow different CSS stylesheets to be loaded depending on screen width, orientiation, resolution and other factors. This allows a single website to be accessed seamlessly on any device from phones to desktops to tablets without needing separate mobile sites.
Responsive Web Design
The document discusses responsive web design and how it offers a way forward to design work meant for different experiences across a gradient of devices. It provides examples of using CSS media queries to serve different stylesheets based on screen width and other device features. This allows content to adapt to different screens from mobile to desktop in a fluid, responsive way.
Delivering Optimal Images for Phones and Tablets on the Modern Web
Evolving mobile hardware and networks have made it challenging for web sites to deliver an optimal experience to each client. If you send the same image to both a WiFi Retina tablet and a 3G phone, you compromise speed and bandwidth cost against image quality. We'll look at using HTML and CSS image markup, CDNs, HTTP caching directives and how WPO can deliver a great UX with minimal effort.
Sbwire 531031
Responsive web design allows websites to automatically adjust layouts based on screen size and orientation. It uses flexible grids and images, and CSS media queries. As a user switches devices, the website layout and elements resize accordingly. This eliminates the need for separate designs for each device. Techniques like flexible grids, maximum image widths, and responsive images that load different resolutions based on screen size allow websites to adapt seamlessly across devices. Responsive design requires a new way of thinking about design that is flexible and adaptable rather than fixed for each device.
Responsive Design for SharePoint
Creating designs that will respond and work with multiple browser and device types has become more and more important. In this session we will examine the concepts behind Responsive Design and how you can and should apply them to SharePoint.
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.
Responsive Design
Responsive design aims to provide optimal viewing experiences for websites across different devices by adapting the layout. It uses fluid layouts with relative sizing, media queries to apply different CSS styles based on screen size, and viewport meta tags to control layout on mobile. Ethan Marcotte first described the challenges of responsive design. Now all websites should be developed with responsive characteristics to accommodate varying screen sizes and input types.
Using Responsive Web Design To Make Your Web Work Everywhere
The document discusses responsive web design and strategies for creating websites that adapt to different screen sizes. It recommends taking a mobile-first approach, using fluid layouts and media queries to make content responsive. Key tips include starting small and resizing the browser, using Chrome's device mode to emulate different devices, and the matchMedia API to bind JavaScript to breakpoints. The overall goal is to provide an optimal viewing experience across all devices.
Mobile Best Practices
A brief presentation for the Missouri State Digital Media Developer group on cutting through the hype surrounding mobile development and responsive design.
Why should we build our website responsive
Responsive web design allows a single website to automatically adapt to different screen sizes and devices. It works by adjusting content, layout, and interactions using fluid grids, flexible images, and media queries. The main benefits are lower costs through a single site, easier updates and SEO, and compatibility with new devices. While initial development costs may be higher, responsive design is recommended for better usability, user experience, and mobile search engine optimization.
Website redesign
The document discusses responsive web design and its importance. OptfinITy provides various IT services including website development using content management systems and responsive design. Responsive design ensures a website automatically adapts to display properly on all device types and screen sizes by using fluid grids and layouts. While responsive design requires more work upfront, it allows sites to attract more clients by being accessible on any device.
Similar to Responding Responsively (20)
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
Delivering Optimal Images for Phones and Tablets on the Modern Web
Delivering Optimal Images for Phones and Tablets on the Modern Web
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
Recently uploaded
June Patch Tuesday
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
JavaLand 2024: Application Development Green Masterplan
My presentation slides I used at JavaLand 2024
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.
Main news related to the CCS TSI 2023 (2023/1695)
An English 🇬🇧 translation of a presentation to the speech I gave about the main changes brought by CCS TSI 2023 at the biggest Czech conference on Communications and signalling systems on Railways, which was held in Clarion Hotel Olomouc from 7th to 9th November 2023 (konferenceszt.cz). Attended by around 500 participants and 200 on-line followers.
The original Czech 🇨🇿 version of the presentation can be found here: https://www.slideshare.net/slideshow/hlavni-novinky-souvisejici-s-ccs-tsi-2023-2023-1695/269688092 .
The videorecording (in Czech) from the presentation is available here: https://youtu.be/WzjJWm4IyPk?si=SImb06tuXGb30BEH .
Taking AI to the Next Level in Manufacturing.pdf
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Northern Engraving | Nameplate Manufacturing Process - 2024
Manufacturing custom quality metal nameplates and badges involves several standard operations. Processes include sheet prep, lithography, screening, coating, punch press and inspection. All decoration is completed in the flat sheet with adhesive and tooling operations following. The possibilities for creating unique durable nameplates are endless. How will you create your brand identity? We can help!
Astute Business Solutions | Oracle Cloud Partner |
Your goto partner for Oracle Cloud, PeopleSoft, E-Business Suite, and Ellucian Banner. We are a firm specialized in managed services and consulting.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Skybuffer SAM4U tool for SAP license adoption
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
At this talk we will discuss DDoS protection tools and best practices, discuss network architectures and what AWS has to offer. Also, we will look into one of the largest DDoS attacks on Ukrainian infrastructure that happened in February 2022. We'll see, what techniques helped to keep the web resources available for Ukrainians and how AWS improved DDoS protection for all customers based on Ukraine experience
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/how-axelera-ai-uses-digital-compute-in-memory-to-deliver-fast-and-energy-efficient-computer-vision-a-presentation-from-axelera-ai/
Bram Verhoef, Head of Machine Learning at Axelera AI, presents the “How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-efficient Computer Vision” tutorial at the May 2024 Embedded Vision Summit.
As artificial intelligence inference transitions from cloud environments to edge locations, computer vision applications achieve heightened responsiveness, reliability and privacy. This migration, however, introduces the challenge of operating within the stringent confines of resource constraints typical at the edge, including small form factors, low energy budgets and diminished memory and computational capacities. Axelera AI addresses these challenges through an innovative approach of performing digital computations within memory itself. This technique facilitates the realization of high-performance, energy-efficient and cost-effective computer vision capabilities at the thin and thick edge, extending the frontier of what is achievable with current technologies.
In this presentation, Verhoef unveils his company’s pioneering chip technology and demonstrates its capacity to deliver exceptional frames-per-second performance across a range of standard computer vision networks typical of applications in security, surveillance and the industrial sector. This shows that advanced computer vision can be accessible and efficient, even at the very edge of our technological ecosystem.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
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Folding is a recent technique for building efficient recursive SNARKs. Several elegant folding protocols have been proposed, such as Nova, Supernova, Hypernova, Protostar, and others. However, all of them rely on an additively homomorphic commitment scheme based on discrete log, and are therefore not post-quantum secure. In this work we present LatticeFold, the first lattice-based folding protocol based on the Module SIS problem. This folding protocol naturally leads to an efficient recursive lattice-based SNARK and an efficient PCD scheme. LatticeFold supports folding low-degree relations, such as R1CS, as well as high-degree relations, such as CCS. The key challenge is to construct a secure folding protocol that works with the Ajtai commitment scheme. The difficulty, is ensuring that extracted witnesses are low norm through many rounds of folding. We present a novel technique using the sumcheck protocol to ensure that extracted witnesses are always low norm no matter how many rounds of folding are used. Our evaluation of the final proof system suggests that it is as performant as Hypernova, while providing post-quantum security.
Paper Link: https://eprint.iacr.org/2024/257
Generating privacy-protected synthetic data using Secludy and Milvus
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
Recently uploaded (20)
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
“How Axelera AI Uses Digital Compute-in-memory to Deliver Fast and Energy-eff...
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
Responding Responsively
- 6. What’s The Problem? More devices & more browsers, all with different capabilities, being released more frequently. Supporting different content and development across desktop, tablet & phone channels. Supporting future channels (TV, game consoles, etc) in formats that fit those channels without a major development effort.
- 7. Responsive Goals Don’t rely on physical dimensions; rely on context and device capabilities. Develop based on how your consumers will experience and interact with your company. Provide rich media in an experience tailored to the consumer’s goals. Never limit a consumer’s capabilities based on their device.
- 8. But Its Not... Scaling down your desktop site. Using images that are so large they take forever to download. Use small buttons to fit on all functionality on a mobile screen. Adding too much text to a tiny screen.
- 9. What Responsive Is Three Components Fluid Grids Flexible Images Media Queries
- 10. Fluid Grids Most sites use a fixed grid. Content width is 720px and the side-bar is 180px. Responsive says the Content is 70% of the screen with a minimum of 200px width. Allows content to shrink and expand to fill the screen.
- 11. Flexible Images Images automatically resize and/or swap-out as the screen size changes. Lower-quality placeholder images load first to allow the consumer to use the site prior to the best image loading. Supports high-res images (retina) in 1x, 1.5x, 2x and any future pixel depths needed.
- 12. Media Queries Used to determine device/browser capabilities. Many queries, but width, height & device-pixel-ratio are the most important ones. Not all browsers/devices support media queries, but there are fallback methods (polyfill solutions) for older devices & browsers.
- 13. Is Anyone Doing This Yet?
- 14. Responsive eCommerce Sites Starbucks United Pixel Workers King of Nothing Mogotix Tattly Attika Puplife Lot 18 Nuts.com Skinnyties.com Sugru Thomson Sport
- 15. Its Not From Square 1 There are lots of toolkits that exist to help us move more quickly in the development process. Mobify, FitTextJs, FitVidsJs, RetinaJs, adaptive-images.com LessCss.org, Sass-lang.com, Compass-style.org html5boilerplate.com, getskeleton.com, lessframework.com cssgrid.net, gridpak.com, gridsetapp.com Many more options as well...
- 16. Questions?
- 17. Thank You!