This document discusses responsive web design (RWD). RWD allows websites to automatically adjust their layout depending on the user's screen size using media queries. It is important for accessibility and usability as most internet users now access the web on mobile devices. The document recommends using a mobile-first and progressive enhancement approach where basic content and functionality work on all browsers and advanced features are progressively added. It provides examples of RWD techniques and tools to test responsive designs.
A presentation on some things to think about when working on responsive web design projects. Presentation given at the Brisbane Web Design meetup - 22 May2012
Responsive design is becoming increasingly important in modern (web)design. What's the best workflow to create a succesful online platform? We're not sure! But this is the one we use :)
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!
Website Fundamentals - Web Technologies - Responsive Design - Web Browsers
A great place to start if you are interested in web designing or research on the internet
A presentation on some things to think about when working on responsive web design projects. Presentation given at the Brisbane Web Design meetup - 22 May2012
Responsive design is becoming increasingly important in modern (web)design. What's the best workflow to create a succesful online platform? We're not sure! But this is the one we use :)
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!
Website Fundamentals - Web Technologies - Responsive Design - Web Browsers
A great place to start if you are interested in web designing or research on the internet
Slides prepared for one day workshop held at Ismartmandu. Wordpress was established as a framework of PHP to build any kind of websites (From Simple Blog to Full Business)
Slides from my May 23 webinar for the ADA Great Lakes Center. Overview of the state of things for WordPress and accessibility and the principles of web accessibility.
Responsive Web Design - Introduction & Workflow OverviewAidan Foster
Responsive Design's is a way of making a single website that works well on mobile, tablet, and desktop browsers. Back in 2010 Ethan Marcotte, first coined the term "responsive design" and described it as having 3 components:
Flexible Images
Fluid Grids
CSS Media Queries
Well it seems Ethan let quite a few cats of out bag with this one, and we've been trying to herd those cats ever since.
What started as exclusively a front-end web design technique has expanded to include a whole new range of both front-end and server-side programming techniques. The real challenge came when we also suddenly discovered that tried and true practices for project management, and creative concept development all started to fall apart. It’s not practical to create photoshop mockups of ever page in a site at every device size - There’s simply too many variables to account for in graphic design software.
Responsive Design requires a new process for creating websites, and new ways of interacting with teams and clients.
This presentation will outline a birds-eye-view of Responsive Techniques, Strategies, Tools, and Gotchas of RWD. It will focus on some of the new workflow techniques needed and cover some suggestions for where to go to learn more.
Slide Summary
1-25: History of Responsive Design
26-50: Coding Basics (Developer Focused)
51-57: Progressive Enhancement
58-70: Mobile First
71-93: Responsive Workflows
96-99: Selling Responsive Design
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...Bootstrap Creative
✍ Get free workshop bonus -
https://bootstrapcreative.com/workshops/before-using-bootstrap-4/recording/
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design Basics with Bootstrap 4
Never built a website before and feeling overwhelmed?
Learn how to get started building responsive websites with Bootstrap 4.
Are you new to web development? Want to learn how to get started?
During This Free 1 Hour Live Online Training, You Will Learn:
- What responsive web design is and the benefits of using a frontend framework like Bootstrap 4.
- What’s New in Bootstrap 4 and how it has improved over Bootstrap 3
- The responsive development process, and software tools necessary to make a responsive website efficiently and with fewer bugs.
In addition to the training, there will be an opportunity for you to ask questions and interact with other students in the live chat.
Who is this workshop for?
For absolute beginners who have never built a responsive website before. Those who are learning web development fundamentals like HTML and CSS.
Presented by: Jacob Lett
Creator of BootstrapCreative
I transitioned to frontend design/development after working as print graphic designer. I stumbled my way through books, online courses, and blog tutorials to finally get my first web development job.
Learn More -)) https://bootstrapcreative.com/shop/
A presentation about how WordPress.Com can provide a basic website for individuals or organizations, and step-by-step tips on how to plan and implement a WordPress.Com site.
We’ll get deep in the well-known techniques for website’s performance (from Steve Souders and others) and how real mobile devices reacts to each one. Are mobile browsers compatible with CSS Sprites or with Lazy Load Script? What about inline images and canvas? What are the big differences between desktop and mobile web performance?
Learn Bootstrap 4 Step by Step for Beginners
This Bootstrap tutorial pdf and training material will teach you how to quickly prototype and build responsive websites using Bootstrap 4. You will become familiar with common components, setting up a grid, and how to customize the look and feel. Get your copy at https://bootstrapcreative.com/shop/bootstrap-quick-start/
This is the Responsive Web Design presentation given to the CIDD, Chicago Interactive Design & Development Meetup group, (sponsored by the WunderLand Group) on 3-13-14 by Ryan Dodd, Design Director for Siteworx in Chicago.
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
Slides prepared for one day workshop held at Ismartmandu. Wordpress was established as a framework of PHP to build any kind of websites (From Simple Blog to Full Business)
Slides from my May 23 webinar for the ADA Great Lakes Center. Overview of the state of things for WordPress and accessibility and the principles of web accessibility.
Responsive Web Design - Introduction & Workflow OverviewAidan Foster
Responsive Design's is a way of making a single website that works well on mobile, tablet, and desktop browsers. Back in 2010 Ethan Marcotte, first coined the term "responsive design" and described it as having 3 components:
Flexible Images
Fluid Grids
CSS Media Queries
Well it seems Ethan let quite a few cats of out bag with this one, and we've been trying to herd those cats ever since.
What started as exclusively a front-end web design technique has expanded to include a whole new range of both front-end and server-side programming techniques. The real challenge came when we also suddenly discovered that tried and true practices for project management, and creative concept development all started to fall apart. It’s not practical to create photoshop mockups of ever page in a site at every device size - There’s simply too many variables to account for in graphic design software.
Responsive Design requires a new process for creating websites, and new ways of interacting with teams and clients.
This presentation will outline a birds-eye-view of Responsive Techniques, Strategies, Tools, and Gotchas of RWD. It will focus on some of the new workflow techniques needed and cover some suggestions for where to go to learn more.
Slide Summary
1-25: History of Responsive Design
26-50: Coding Basics (Developer Focused)
51-57: Progressive Enhancement
58-70: Mobile First
71-93: Responsive Workflows
96-99: Selling Responsive Design
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design...Bootstrap Creative
✍ Get free workshop bonus -
https://bootstrapcreative.com/workshops/before-using-bootstrap-4/recording/
Web Development Tutorial Workshop for Beginners - Learn Responsive Web Design Basics with Bootstrap 4
Never built a website before and feeling overwhelmed?
Learn how to get started building responsive websites with Bootstrap 4.
Are you new to web development? Want to learn how to get started?
During This Free 1 Hour Live Online Training, You Will Learn:
- What responsive web design is and the benefits of using a frontend framework like Bootstrap 4.
- What’s New in Bootstrap 4 and how it has improved over Bootstrap 3
- The responsive development process, and software tools necessary to make a responsive website efficiently and with fewer bugs.
In addition to the training, there will be an opportunity for you to ask questions and interact with other students in the live chat.
Who is this workshop for?
For absolute beginners who have never built a responsive website before. Those who are learning web development fundamentals like HTML and CSS.
Presented by: Jacob Lett
Creator of BootstrapCreative
I transitioned to frontend design/development after working as print graphic designer. I stumbled my way through books, online courses, and blog tutorials to finally get my first web development job.
Learn More -)) https://bootstrapcreative.com/shop/
A presentation about how WordPress.Com can provide a basic website for individuals or organizations, and step-by-step tips on how to plan and implement a WordPress.Com site.
We’ll get deep in the well-known techniques for website’s performance (from Steve Souders and others) and how real mobile devices reacts to each one. Are mobile browsers compatible with CSS Sprites or with Lazy Load Script? What about inline images and canvas? What are the big differences between desktop and mobile web performance?
Learn Bootstrap 4 Step by Step for Beginners
This Bootstrap tutorial pdf and training material will teach you how to quickly prototype and build responsive websites using Bootstrap 4. You will become familiar with common components, setting up a grid, and how to customize the look and feel. Get your copy at https://bootstrapcreative.com/shop/bootstrap-quick-start/
This is the Responsive Web Design presentation given to the CIDD, Chicago Interactive Design & Development Meetup group, (sponsored by the WunderLand Group) on 3-13-14 by Ryan Dodd, Design Director for Siteworx in Chicago.
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
Using Responsive Web Design To Make Your Web Work EverywhereChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
For many web developers whose jobs don't allow them to play with all the newest technologies, something like responsive design can be just out of reach. As more users are surfing exclusively on mobile devices, these are skills every web developer, designer, and manager needs to develop. We'll walk through the background, assorted techniques, how to measure success, and where it's all going. This is not a coding session, but a planning and strategy session.
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
TERMINALFOUR Presentation by David Miller on the challenges of implementing responsive web sites - presented at the PSEWEB event in Vancouver - June 2013 www.pseweb.ca, www.terminalfour.com
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.
Webinar Recording "Best Practices in RWD - Responsive Web Design"Sachin Katariya
Key Takeaways:
A> Understanding RWD: What exactly is Responsive Web Design – the philosophy, the concept
B> Techniques and tools for RWD - Details about Media queries and CSS as well as various frameworks and tools for creating RWD design
C> Advantages and Limitations in RWD
D> Conceptual Knowledge of Server Side Responsive Design (RESS)
Have Questions? - Please feel free to email sachink@harbingergroup.com
Sachin Katariya - Harbinger Systems
SEF 2014 - Responsive Design in SharePoint 2013Marc D Anderson
Presented with Christian Ståhl
Everyone is talking about responsive design. But are you really ready to bring SharePoint to mobile and tablets? While you may have an idea of what your site will look like when finished, there are many basic concepts and pitfalls that aren’t always outlined in the “How To’s”.
In this session, we will go through foundational steps to planning a responsive SharePoint site including how to handle a hybrid content scenario that uses publishing and team sites. You will learn what tools and templates can make your life easier during design, build and testing. If you are excited about the capability of bringing SharePoint to any device but not sure where to start, check out this session to get the foundational understanding of the concept, best practices and examples to get you started.
Join us for a presentation and a roundtable discussion about the strategic and practical aspects of Responsive Web Design.
Responsive Web Design (RWD) is the shiny new toy of 2013. At first glance, RWD appears to be the silver bullet that every organization hopes will solve their multi-channel challenges, but will it? RWD for Foodies will breakdown the pros and cons of the philosophy in an easily "digestible" way for eBusiness, Strategy and Marketing professionals.
David Ip is a mobile veteran across the entire strategy, marketing, advertising, sales & implementation cycle in a large enterprise and startup environment.
David is also a 3 time Digital Marketing & Product award winner:
- 2013 StartupBus Finalist for "MyBestRx.com"
- 2013 SxSW American Airlines Travel Hack winner for "MokiiCo"
- 2012 SxSW AT&T Developer Grand Prize winner for "BoogieUp"
Accreditations:
David was accepted into the Founder Institute in 2013 and certified by DePaul University Kellstadt College in Interactive Marketing in 2012.
David works in the innovation group at BlueCross BlueShield of Illinois (BCBSIL) and the founder of MyBestRx.com. Prior to BCBSIL, David was the Regional Director for AOL Mobile Advertising, a Mobile Marketing Evangelist at Arc Worldwide / Leo Burnett and an Account Manager at Vibes Media.
David was also on the Board of Directors at CIMA, a founding member of the Heartland Mobile Council, a member of MoMo Chicago and the Mobile Marketing Association.
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Dave Olsen
We’re entering a new era where an increasing number of devices with wildly divergent features -- including phones, tablets, game consoles, and TVs -- are connected to the Internet. As the way people access the Internet changes, there is an urgent need to rethink how we use the web to communicate. This doesn't mean creating separate solutions for each device but rather preparing our existing content to meet this increasingly unpredictable future. Dave Olsen and Doug Gapinski will share and examine examples that show how responsive design will help institutions rethink and adjust for the future-friendly web.
Primary topics that are covered are: understanding the reality of web development today, example RWD design patterns, and understanding how to test and optimize the performance of your RWD website.
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Doug Gapinski
We’ve entered a new era where an increasing number of devices with wildly divergent features— including phones, tablets, game consoles, and TVs—are connected to the Internet. As the way people access the Internet changes, there is an urgent need to rethink how we use the web to communicate.
This doesn't mean creating separate solutions for each device but rather preparing our existing content to meet an unpredictable future. Responsive web design means changing how we plan and evaluate performance. Dave Olsen and Doug Gapinski share and examine examples to help institutions rethink and adjust for the future-friendly web.
Presenters
Dave Olsen
Professional Technologist, West Virginia University
Doug Gapinski
Strategist, mStoner
Planning & Executing Custom Drupal Integration ProjectsAchieve Internet
With the rise of Enterprise IT Systems, such as Marketo, SharePoint, and Salesforce, more organizations and clients are asking for custom integration with their third-party platforms. A common need for many organizations is integrating Drupal with these systems. A proper strategy can double the effectiveness of the integration.
Check out this webinar to find out how we plan, execute and implement successful integration projects. In this presentation you will learn the necessary processes and strategies to ensure a smooth project from start to finish. This presentation will review how to plan for integration projects and how to deal with the challenges along the way, including:
• Questions to ask at the beginning of a project
• Questions to ask your developer team at the beginning of a project
• How to effectively plan your projects
• How to manage changes to your plan
Communicating Drupal: Documentation and DiscoveryAchieve Internet
While often overlooked or just considered a necessary obligation, project documentation can play a crucial in a project's success. Documentation should be much more than the training manual that no one has time to create before a site launches, it should serve site of collaboration and play an important role at every stage of a project’s lifecycle. This slideshow will reflect on the role of documentation and describe a process-oriented approach to performing project discoveries.
Advancing Healthcare Technology with Open Source SoftwareAchieve Internet
The focus, and heated debate, on the Affordable Care Act (ACA) is causing major change in the healthcare industry. The ACA seeks to provide more affordable care and mandates the use of cutting edge technology solutions to provide inter-operability and patient engagement in order to accomplish the desired goals.
Drupal has the power and capabilities to help meet these goals, and is already Drupal is being used by a number of major Healthcare related companies from Florida Hospitals, WellPoint, Dexcom, and Alliance Imaging. Drupal has the ability to achieve and comply with the desired outcomes of the ACA, from patient engagement, physician satisfaction and inter-operability between EMR systems.
In this webinar, Achieve Internet will review how Drupal and Open Source technology solutions can greatly improve Healthcare (including patient outcomes, better patient experiences, and increased usability) by enhancing, extending and ultimately replacing the current Healthcare technology on the market.
Showcasing Human Capital: How to Effectively Market a Professional Services FirmAchieve Internet
Effective marketing tactics for professional services firm marketing. In a service firm marketers do not have the luxury of marketing product features. The one key differentiator becomes the quality of your people and your core competencies. This presentation covers the importance of your Human Capital and the people that make up your Professional Services Firm
Through the magic of virtualization technology (Vagrant) and Puppet, a companion Enterprise grade provisioning technology, we explore how to make the complex configuration game a walk in the park. Bring new team members up to speed in minutes, eliminate variances in configurations, and make integration issues a thing of the past.
Welcome to the new age of team development!
Improving Website Performance with Memecached Webinar | Achieve InternetAchieve Internet
Improving the performance and scalability of your Drupal website with a Memcached implementation.
In this webinar, you will learn about:
• The components of a Memcached system
• Installing a simple Memcached installation
• Complex distributed installations and when to use them
• Verifying the installation
Improving Website Performance with Memecached Webinar | Achieve InternetAchieve Internet
Improving the performance and scalability of your Drupal website with a Memcached implementation.
In this webinar, you will learn about:
• The components of a Memcached system
• Installing a simple Memcached installation
• Complex distributed installations and when to use them
• Verifying the installation
Achieve Internet VP of Operations Marc Hermsmeyer and Dexcom Inc., Senior Marketing Manager Tom Hall speak about technology solutions for the Healthcare Industry using Open Source software, such as Drupal.
The Government is forcing technology innovation within the Healthcare industry yet there are very few solutions out there that are tailored for the specific requirements and needs of the Healthcare market. In past experiences with Dexcom and other Healthcare clients Achieve has leveraged the power of Drupal to create powerful solutions that drive patient outcomes, improve workflows, and remain compliant with rigorous regulatory requirements.
This presentation shines a light on the technology needs of the Healthcare market and how Drupal can meet those needs.
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.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
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.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
2. Rob Montero - Achieve Internet
Rob is a senior Achieve Internet is a leader in
engineer at Achieve the Enterprise Drupal market.
We've built some of the most
Internet. dynamic and expansive
Drupal websites on the
market today for
Over 10 years of organizations such as
experience doing web Advanstar, Penton Media,
development and 4+ Disney, NBC Universal,
Viacom, FastCompany, Bella
doing Drupal Pictures, and LifetimeTV.
exclusively.
4. Responsive Web Design
RWD is the concept
of developing a
website in a way that
allows the layout to
adjust according to
the user’s screen
resolution (view port)
using media queries.
8. What is RWD?
If you have a laptop, and a smart
phone and a tablet you can see what
I’m talking about, by going here:
•http://achv.in/rwdrob
•http://mattkersley.com/responsive/?{website_url}
13. What is RWD?
More Examples
•http://foodsense.is
•http://earthhour.fr
•http://w3conf.org
•http://mediaqueri.es
•http://fourkitchens.com
14. OK!
You get the point!
For more examples:
http://designmodo.com/
responsive-design-examples
15. Who needs RWD?
You need RWD if:
•You’re starting from scratch.
•You want to keep costs low
•You want it to work even when new devices
are released
16. Why is it relevant?
• 1.8 billion internet connections in the world today.
• 6.8 billion people in the world today.
• 3.4 billion people with mobile devices today.
( roughly ½ the population of the planet)
17. Why is it relevant?
It’s about people, not devices
•Yes your iPhone goes to great lengths to
facilitate browsing full sites, but technology
should be available to everyone, even those
without smart phones.
•The most popular devices aren’t necessarily
the most used devices.
18. Why is it relevant?
• 1.3 billion mobile internet users in the world today.
( Includes WAP and “real web” )
• 1/3 of the global internet users
access the internet only via mobile
19. Why is it relevant?
The future is now:
•Babies have an easier time interacting with
an iPad than with a magazine. To them a print
magazine is just like a broken iPad.
•Websites are not limited to laptops only.
20. Why is it relevant?
It’s convenient:
•You’re not at your desk, you are hungry. In
your email you have a coupon to this cool new
restaurant. You pull up your phone, click on
the link and…
•What would you expect to see?
21. Why is it relevant?
RWD allows us to tweak the layout and
present the relevant information first:
hours, phone number, directions and perhaps
a link to the menu.
Meanwhile back at your desk, the restaurant’s
page has all the bells and whistles you didn’t
care for while browsing on your phone.
22. Why is it relevant?
• Avoids keyhole browsing.
• You shouldn’t need a magnifying
glass to access web content on
your phone.
23. Hello Media Queries and CSS3
In its essence a media
query consists of a media
type and an expression to
check for certain
conditions of a particular
media feature. The most
commonly used media
feature is width.
24. CSS3 & Media Queries
The absence of support for
@media queries is in fact
the first @media query.
25. CSS3 & Media Queries
In your CSS:
@media screen and (min-width: 480px) {
.content { float: left; }
.social_icons { display: none }
// and so on...
}
26. CSS3 & Media Queries
On the header of your website:
<link rel="stylesheet" href="this.css"
media="(min-width: 960px)">
27. CSS3 & Media Queries
By restricting CSS rules to a certain
width of the device displaying a web
page, one can tailor the page's
representation to devices with varying
screen resolution (view port).
28. Popular Viewport Sizes
•320 x480 px: •1024 x 768 px: iPad in
Smartphone landscape
•480 x 320 px: orientation/netbook
Smartphone in •Anything larger:
landscape orientation Desktop/laptop
•768 x 1024 px: computer
iPad/tablet
29. How do we design for RWD
Simple:
Use the Mobile First Approach
and favor Progressive
Enhancement instead of the
traditional Graceful Degradation
32. Graceful Degradation
• Focuses on building the website for the most
advanced/capable browsers.
• Older browsers are expected to have a
poor, but passable experience.
• Small fixes may be made to accommodate a
particular browser ( they are not the focus )
33. Progressive Enhancement
• Focuses on the content. ( not browsers )
• Think from the content out. ( Peanut M&M )
– Peanut: Content marked up in rich semantic (x)html
– Coated with rich creamy CSS
– Added JS as the hard candy shell
34. Progressive Enhancement
Progressive Enhancement consists of the
following core principles:
•basic content and functionality should be accessible to all
web browsers
•sparse, semantic markup contains all content
•enhanced layout external CSS
•enhanced behavior external JavaScript
•end-user web browser preferences are respected
39. Credits
•My first approach to RWD
was at a training given by the
folks at Four Kitchens
•Make sure you check out
their training programs
•http://fourkitchens.com
42. Hands On
Demo time:
We will be demoing a couple of
examples, one will be plain HTML5 + CSS
using h5bp and the other will be similar but
using Drupal.
If you want to play with this at home, feel
free to download the resources at:
https://github.com/fourkitchens/train-rwd