this complete notes contains 5 power point slide, first 5 give u a practcal information about internet, and another ms word file contains all theory information
Brief overview about difference of adaptive and responsive web design, main principles of build responsive layout, and main component of responsive layout is media query.
Intro to @viewport & other new Responsive Web Design CSS featuresAndreas Bovens
From meta viewport to @viewport and from device-pixel-ratio to the resolution media query: various responsive design hooks are undergoing standardization, allowing for future-proof sites that work well in different contexts. In addition, new CSS features like object-fit, relative length units and so on are increasingly supported by browsers as well, and allow for more versatile responsive design solutions. In my talk, I will look at these features and explain how they can be used in websites today.
this complete notes contains 5 power point slide, first 5 give u a practcal information about internet, and another ms word file contains all theory information
Brief overview about difference of adaptive and responsive web design, main principles of build responsive layout, and main component of responsive layout is media query.
Intro to @viewport & other new Responsive Web Design CSS featuresAndreas Bovens
From meta viewport to @viewport and from device-pixel-ratio to the resolution media query: various responsive design hooks are undergoing standardization, allowing for future-proof sites that work well in different contexts. In addition, new CSS features like object-fit, relative length units and so on are increasingly supported by browsers as well, and allow for more versatile responsive design solutions. In my talk, I will look at these features and explain how they can be used in websites today.
Media queries is very important for developing Modern Websites. This slide will guide you about Media queries. After watching this, you don't need any other tutorial or lessons.
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.
Media queries are one of the most exciting aspects about CSS today. They will allow us to change our layouts to suit the exact need of different devices - without changing the content. This presentation explains what Media queries are, how to use them, how to target the iPhone and how to create flexible layouts.
Responsive Web Design - Devoxx UK - 2014-06-13Frédéric Harper
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.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
More Related Content
Similar to Designing for Inclusion with Media Queries: Boston CSS
Media queries is very important for developing Modern Websites. This slide will guide you about Media queries. After watching this, you don't need any other tutorial or lessons.
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.
Media queries are one of the most exciting aspects about CSS today. They will allow us to change our layouts to suit the exact need of different devices - without changing the content. This presentation explains what Media queries are, how to use them, how to target the iPhone and how to create flexible layouts.
Responsive Web Design - Devoxx UK - 2014-06-13Frédéric Harper
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.
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
50. height
width
aspect-ratio
color
color-index
grid
monochrome
orientation
resolution
scan
Height of the target media
Width of the target media
Ratio between the viewport’s height and width
The presence of color
Number of entries in the color look-up table
The device is a grid device (TTY terminal, etc.)
Uses shades of a single color
Landscape or portrait
Display density (DPI, DPCM, etc.)
Type of scanning process (ex: progressive)
75. /* Normal browser appearance (tabs and other UI chrome) */
@media (display-mode: browser) { … }
/* Browser viewport uses all available space, no UI chrome */
@media (display-mode: fullscreen) { … }
/* Browser will behave like a native app */
@media (display-mode: minimal-ui) { … }
/* Will behave like a native app, with some minor exceptions */
@media (display-mode: standalone) { … }
80. The device is used in a environment with a light level in
the ideal range for the screen, and which does not
necessitate any particular adjustment.
The device is used in a dim environment, where
excessive contrast and brightness would be distracting
or uncomfortable to the reader. For example: night
time, or a dimly illuminated indoor environment.
The device is used in an exceptionally bright
environment, causing the screen to be washed out and
difficult to read. For example: bright daylight.
normal
dim
washed
83. initial-only
Indicates that scripting is enabled during
the initial page load, but is not supported
afterwards. Examples are printed pages, or
pre-rendering network proxies that render
a page on a server and send a nearly-static
version of the page to the user.”
“
HOT DRAMA!
93. WebAIM: Articles
http://webaim.org/articles/
Accessibility is about people, not standards - Part of a whole
http://incl.ca/accessibility-people-not-standards/
Think you know the top web browsers? - Samsung Internet Developers
https://medium.com/samsung-internet-dev/think-you-know-the-top-web-browsers-458a0a070175
alrra/browser-logos
https://github.com/alrra/browser-logos/tree/master/src
References and Resources
94. Micah Godbolt on Twitter: “Writing correct CSS once is pretty easy. Makin…”
https://twitter.com/micahgodbolt/status/864260989629353985
Rethinking the Mobile Web by Yiibu
https://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
Your Body Text Is Too Small - Marvel Blog
https://blog.marvelapp.com/body-text-small/
A Summer Designing for Autism
https://medium.com/google-design/a-summer-designing-for-autism-5859f8096b0b
Generation uX – how to make websites age-friendly | Be Good To Your Users
http://whatusersdo.com/blog/make-websites-age-friendly/
95. What I've learned about motor impairment | SimplePrimate
http://simpleprimate.com/blog/motor
PX, EM or REM Media Queries
https://zellwk.com/blog/media-query-units/
The EMs have it: Proportional Media Queries FTW! - Cloud Four
https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/
Media Queries Level 4: 9. Appendix A: Deprecated Media Features
https://www.w3.org/TR/mediaqueries-4/#mf-deprecated
Logic in Media Queries | CSS Tricks
https://css-tricks.com/logic-in-media-queries/
96. Size Calculator
https://sizecalc.com/
Using media queries | MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
James Kyle on Twitter: “The biggest thing that breaks down CSS…”
https://twitter.com/thejameskyle/status/861539784312840192
Media Type Examples
https://storify.com/ericwbailey/media-type-examples
@media - CSS | MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/@media
97. 7 Habits of Highly Effective Media Queries | Brad Frost
http://bradfrost.com/blog/post/7-habits-of-highly-effective-media-queries/
@supports will change your life | Charlotte Jackson
https://www.lottejackson.com/learning/supports-will-change-your-life
cssnano: A modular minifier based on the PostCSS ecosystem
http://cssnano.co/
User Queries | Blog | Decade City
https://decadecity.net/blog/2015/06/28/user-queries
How to use -ms-high-contrast | Greg Whitworth
http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast
98. Shaun Finglas on Twitter: “Protip - max brightness and high contrast…”
http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast
Responsive Design for Motion | WebKit
https://webkit.org/blog/7551/responsive-design-for-motion/
Media Queries Level 5: Editor’s Draft, 16 May 2017
https://drafts.csswg.org/mediaqueries-5/
Responsive Color with Media Queries
http://furbo.org/color/ResponsiveColor/
Touch Devices Should Not Be Judged By Their Size | CSS-Tricks
https://css-tricks.com/touch-devices-not-judged-size/
99. Lighthouse | Web | Google Developers
https://developers.google.com/web/tools/lighthouse/
Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover,
First | CSS- Tricks
https://css-tricks.com/mobile-small-portrait-slow-interlace-monochrome-coarse-non-hover-first/
How Many People With Disabilities Use My Website? - Mightybytes
https://www.mightybytes.com/blog/how-many-people-with-disabilities-use-my-website/
It’s Time To Start Using CSS Custom Properties - Smashing Magazine
https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/
100. Locally Scoped CSS Variables: What, How, and Why | Una Kravets Online
https://una.im/local-css-vars/
Steve Gardner on Twitter: “CSS variables (custom properties) makes…”
https://twitter.com/steveg3003/status/888500276847562752