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.
As the focus shifts towards working in the “cloud” more and more businesses are utilizing Office 365 for their corporate intranets. This creates new challenges from a User Experience design. In this session we will dive into the methods for customizing an intranet built on Office 365. We will look at the options for customizing and how you can take these options further.
Create Engaging Branded SharePoint Portals and Plan for ContentCathy Dew
Making sure your content and branding align is always a challenge, but you can create portals that use content as a means to further push your "brand." In this session we will examine how to make use of SharePoint 2013 web part and content features that can be customized from a branding perspective. We will create a sample training portal that will display customized training information to users as well as visually give clues for direction.
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewCathy Dew
This presentation begins down the path of how to customize SharePoint 2013 On Premises environments going through the Design, Development and Deployment stages.
Real World SharePoint Branding - SharePoint Online - SharePoint Saturday Sess...Cathy Dew
How do you design, develop and implement a custom Brand in the SharePoint Online world. We will explore the options and show information on how to develop a great brand for your organization's Office 365 environment.
As the focus shifts towards working in the “cloud” more and more businesses are utilizing Office 365 for their corporate intranets. This creates new challenges from a User Experience design. In this session we will dive into the methods for customizing an intranet built on Office 365. We will look at the options for customizing and how you can take these options further.
Create Engaging Branded SharePoint Portals and Plan for ContentCathy Dew
Making sure your content and branding align is always a challenge, but you can create portals that use content as a means to further push your "brand." In this session we will examine how to make use of SharePoint 2013 web part and content features that can be customized from a branding perspective. We will create a sample training portal that will display customized training information to users as well as visually give clues for direction.
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy DewCathy Dew
This presentation begins down the path of how to customize SharePoint 2013 On Premises environments going through the Design, Development and Deployment stages.
Real World SharePoint Branding - SharePoint Online - SharePoint Saturday Sess...Cathy Dew
How do you design, develop and implement a custom Brand in the SharePoint Online world. We will explore the options and show information on how to develop a great brand for your organization's Office 365 environment.
The Web is mature now. Web pages are ubiquitous and should provide a seamless experience while offering useful and engaging content to people who are accessing your pages in a variety of ways. In this webinar, discover what groundbreaking Web technologies will be on the horizon in the last half of 2018 and beyond and learn how all these advancements can fit into diverse libraries to help them remain a guiding light into the future. Specifically, we’ll
- Learn the key elements of good Web Design.
- Understand various technologies used to build Web sites.
- Highlight web design trends/techniques that are defining modern website design.
- Develop a toolkit filled with a variety of tools to help you analyze other sites to help build fresh, new Web sites.
You have adopted Microsoft SharePoint in your organization and have end users requesting tools and applications in SharePoint. Is SharePoint really the solution? Now you need the ‘SharePoint Person’! That is the person who is the solution architect, information architect, infrastructure architect, administrator, developer and support analyst all rolled into one. What technical skills will that person or team need to have to be successful in building and supporting SharePoint Solutions. You will learn the types of SharePoint requests that can be received from end users based on a decade of experience in building SharePoint solutions, and link them to the skillets that are required by your SharePoint team. You will also understand the skills required to support and maintain an effective Microsoft SharePoint environment.
The Web is mature now. Web pages are ubiquitous and should provide a seamless experience while offering useful and engaging content to people who are accessing your pages in a variety of ways. In this webinar, discover what groundbreaking Web technologies will be on the horizon in the last half of 2018 and beyond and learn how all these advancements can fit into diverse libraries to help them remain a guiding light into the future. Specifically, we’ll
- Learn the key elements of good Web Design.
- Understand various technologies used to build Web sites.
- Highlight web design trends/techniques that are defining modern website design.
- Develop a toolkit filled with a variety of tools to help you analyze other sites to help build fresh, new Web sites.
You have adopted Microsoft SharePoint in your organization and have end users requesting tools and applications in SharePoint. Is SharePoint really the solution? Now you need the ‘SharePoint Person’! That is the person who is the solution architect, information architect, infrastructure architect, administrator, developer and support analyst all rolled into one. What technical skills will that person or team need to have to be successful in building and supporting SharePoint Solutions. You will learn the types of SharePoint requests that can be received from end users based on a decade of experience in building SharePoint solutions, and link them to the skillets that are required by your SharePoint team. You will also understand the skills required to support and maintain an effective Microsoft SharePoint environment.
SharePoint 2013 Mobile Strategy and DesignJoel Oleson
Microsoft's mobile device and tablet strategy are only the beginning. You can't begin to understand the mobile world without looking at the enterprise bring your own (BYOD) strategy. Touch is revolutionizing our interfaces, and you can't develop to a minimum resolution size. The world of design has dramatically changed with Responsive Web Design and Adaptive strategies. In this session we'll look at the best and the worst of mobile web design. In addition, you'll come away with a good understanding of what to do for your SharePoint 2010 and SharePoint 2013 mobile device strategy.
SharePoint Site Collections - Best Practices and RecommendationsChris Woodill
Best practices and recommendations for SharePoint Site Collections. Impacts of Site Collection boundaries on taxonomy, usability, security, and features.
10 Innovative Intranet designs in 10 minutes (10m talk) at UX Australia.
Take a tour around the globe and get a glimpse inside 10 of the best and most innovative intranet designs (including mobile) we’ve seen including some from our Annual Intranet Innovation Awards. This showcase will give you many ideas to use in your own intranet designs.
Don't Suck at SharePoint - Avoid the common mistakesBenjamin Niaulin
Recording: http://bit.ly/SeyVK8
How do you avoid the most common mistakes when using SharePoint, if you've never used it before?
What makes SharePoint so popular is also its worse enemy, it's easy to use. As a platform, it allows you to build whatever you want to help the organization. But for it to be successful, you need to avoid the common mistakes made.
As a consultant, I have unfortunately had a lot of experience seeing or even doing some of the things in SharePoint that lead to utter chaos or disaster. That's why I would like to share them with you this time, show you how to not suck at SharePoint.
In this webinar we'll discuss:
-A brief overview of SharePoint as a platform
-Common scenarios SharePoint is used for
-Things that have miserably failed
-Bad architecture
-Solutions and Best Practices when starting
We expect a lot from the intranet home page and it can play many roles in an organisation. This presentation features many screenshots whilst exploring the purposes of the home page and what that might look like.
10 Best SharePoint Features You’ve Never Used (But Should)Christian Buckley
A walk through of the advances made in the SharePoint 2010 platform from earlier versions, as well as a list of 10 out of the box features that most end users are not using, but should. From a webinar given on 6-5-2012
This slideshow presents 31 examples of intranet homepage design concepts, with example screenshots.
We've pulled the screenshots from the entries in the My Beautiful Intranet 2014 competition.
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
John Slatin AccessU presentation: UX-Driven & Inclusive Data Visualizations, May 18, 2017 by Michelle Michael
Contact Michelle for a transcript: https://www.linkedin.com/in/MichelleRMichael
Slides for my Adobe MAX 2011 presentation on Optimizing Sites for Mobile Devices. In this hands-on lab, I explore the concept of developing a mobile strategy that approaches mobile as an equal partner in the design process, and explores techniques to help site content deploy across devices and contexts.
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.
Responsive Web Design - Bridging the Gap Between Art DirectorsAaron Bernardo
Attempting to bridge the gap between developers and art directors. Too often there is conflict and differing opinions about how to design for a responsive site.
Content of this presentation follows Luke Wroblewski's multi-device layout pattern library.
Responsive Web Design - Web & PHP Conference - 2013-09-18Fré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.
Lavacon 2014 responsive design in your hatNeil Perlin
New to responsive design concepts in general? How to do responsive design in MadCap Flare and Adobe RoboHelp? Take a look at my presentation from Lavacon 2014.
If you are looking for some examples and tools to help you discover, analyze and build better websites using responsive design you may want to take a look here.
Best, -Cordell
Zambig, Inc.
Responsive Web Designed for your communication and marketing needsSEGIC
This presentation will give you an overview of the application of Responsive Web Designed. Obviously a live presentation would show you the application in Action
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
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
2. Speaker Bio
Cathy
Dew
Senior Engineer at Planet Technologies
Graphic Designer, Consultant and SharePoint MVP
Over 6 years of SharePoint
branding experience
Author: SharePoint 2010: Six in One
catpaint1 on Twitter
3. Agenda
Intro
to responsive design
When, where and if you should create a
responsive design.
Responsive design discussions
Responsive and SharePoint 2013
Two ways to create responsive designs
4. What is it?
Design
and Development should respond to the
user’s behavior and environment based on
screen size, platform and orientation
Consists of a
Mix of Flexible Grids and Layouts
Flexible Images and Media
CSS and Media Queries
8. Common Grid Systems
960
Grid System
Twitter Bootstrap
Grid System Generator
Flexible CSS Grid
Many more…
“The grid system is an aid, not a
guarantee. It permits a number of
possible uses…” -Josef MullerBrockman
9. Grid systems explained…
Do
I really have to use a grid system?
These are meant to be a starting point something
to help you in creating a flexible site.
It’s helpful – but not necessary
Make your own, it all depends on
your project and what your client
needs are.
10. Making it Flexible
Taking
your design beyond Flexible Grids allows
you to make a responsive site with images that
resize and layouts based on media
11.
12. Flexible Images and Media
img
{
max-width: 100%;
}
Can apply to video and other rich media
Has limitations
13. Max-width Limitations
IE
6 and below isn’t supported
Broader issues with Windows
IE 7 and lower
Firefox 2 and lower
Windows
7 and Higher Fixed
14. Flexible Images &
Backgrounds
Create
larger than needed image and use a
scale % to size it
Overflow:Hidden
Create Multiple Image Sizes and use them
accordingly *
15. Media Queries
Despite
our work with flexible grid layout and
flexible images our site might have issues when
displayed small or widescreen
Media Types defined by W3C
16. all
Media Types
Suitable for all devices.
braille
Intended for braille tactile feedback devices.
embossed
Intended for paged braille printers.
handheld
print
Intended for handheld devices (typically small screen, limited bandwidth).
Intended for paged material and for documents viewed on screen in print preview mode. Plea
projection
Intended for projected presentations, for example projectors. Please consult the section on pag
screen
Intended primarily for color computer screens.
speech
tty
tv
Intended for speech synthesizers. Note: CSS2 had a similar media type called 'aural' for this purp
Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable
Intended for television-type devices (low resolution, color, limited-scrollability screens, sound ava
17. Media Query
@media
Asks
screen and (min-width: 1024px)
2 questions of the browser
Media type (screen)
Query – in parenthesis feature and value
18. How to Apply
Put
these directly in a stylesheet with a
declaration - <link rel=“stylesheet”
href=“sample.css” media=“screen and minwidth: 1024px” />
Or attach to an import - @import url(sample.css)
screen and (min-width: 1024px);
19. Why Responsive Design?
We
have to break away from how we
traditionally think about web
design/development and start thinking with the
new medium in mind.
26. When to Create Responsive?
What
are the device/browser needs?
What type of Site is it?
27. Questions you may be
asking…
Where
do I start to make a Responsive Design?
What is this really going to give the Client/me?
How much do I need to know to create a
Responsive SharePoint site?
28. SharePoint Challenges
What
are the challenges we face?
Design Manager creates an HTML master –
separation of HTML and .master files
Typically Lots of Devices
Type of Sites
Extra User Experience
and Branding effort
and costs
Not good for intranets
30. Image Renditions
Optimize
Images for different resolutions
Define multiple sizes of image files to be used in
your SharePoint sites
Must have Blob Cache enabled in web.config
Add
Screenshots and Steps - Sample
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).[1][2][3]Mashable called 2013 the Year of Responsive Web Design.[4]http://en.wikipedia.org/wiki/Responsive_web_design----------------------------He united these techniques under a single banner – (from Responsive Web Design book)
If you think about it you may have been working or designing responsively for a while now, just not to this extent. You were always developing and designing to make sure your site worked well in several different browser widths.Why use grids? Because we need flexibility to render our site in different screen sizes.
Let’s talk some grid lingo. A grid is the division of a layout with vertical and/or horizontal guidelines to incorporate margins, spaces and columns in order to provide a framework for organizing content -http://sixrevisions.com/web_design/a-brief-look-at-grid-based-layouts-in-web-design/
Max-width is used to render img elements of different sizes based on the directive percentageCan apply to video and other rich media as well
With ie 6 not a huge concern as ie 6 isn’t supported by sp 2013Ie7 and lower can be an issue as can firefoxCan use the AlphaImageLoader command in ie7 or below windows 7 to create flexible imagesAlphaImageLoader (sizingMethod=“scale”)Or javascript you can find onlineThis can have performance impacts on your site thoughWarning needed on that
Methods for creating fully scaleable background images are many, the most popular are listed above, plus SharePoint has a special version called Image Renditions
Despite all our hard work, media types can cause issuesW3C defined a listing of media types
Media queries are fairly simple to understand… it asks 2 questions, what media type and what query In the example above we are looking for a min width of the screen resolution at 1024pxCan be placed in a stylesheet or
Not just for width and height, can also find device width, device height, orientation, aspect-ration, color, grid and many othersOrientation used to be used for iPads
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).[1][2][3]Mashable called 2013 the Year of Responsive Web Design.[4] - http://en.wikipedia.org/wiki/Responsive_web_design----------------------------Check out the article “The Dao of Web Design (http://bkapart.com/rwd/3/) – cool quote from John Allsopp “the control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed….”We have been doing this for some time but not realizing it and it hasn’t be more apparent until now. We started designing sites for a 800 width, then moved to 940 from there we moved up to 1024 and now 1280. When designing for these different browser widths we were (or at least should have been) making sure the design rendered nicely in smaller resolutions. Once the iPhone was introduced true mobile browsing or even designing for the mobile experience was something that was never thought about. Once the millions of iPhone users started browsing the web on their tiny form factors then it became apparent that web design would move into a whole new direction. It didn’t happen over night, it has taken us several years to get to the point where now everybody want some type of responsive design. Mashable called 2013 the Year of Responsive Web Design.
Search is prominent on each layer of responsive design. Once you are at a smaller screen size it is hard to read the text on the image. Once you are on the mobile view it is hard to read the text on the image, this could have been removed to give better access to the information below. The State Agencies and the Online Services provide more of a mobile feel vs the home page.
The site responsiveness is quirky, there is not a good mid range breakpoint in this design, you either have full or smaller screen. This also didn’t translate to the mobile view.
Nice use of responsive, however there is a HORZ scroll bar when the screen size is smaller. For the mobile version like how the search bar is shown once you click on explore. I think the image could have been removed for the mobile view, there are a number of elements that could have been shown within the same space giving faster access to those items for the mobile view.
Items to note on the differences in responsive – Once the screen is smaller then the search is completely off the screen. Trying to scroll down on the mobile app is hard, you cannot use the main center area on the mobile view to scroll down. It would have been better to remove this from the view all together, or just left the grey box and not have the moving lines.
Client Budget –Labor instensive
How do I know where to start with responsive design? Again this may comeback to your client’s needs.Really what is this going to get me? How much do I need to know to create a responsive SharePoint site?
Using the Design ManagerSharePoint corporate implementations use lots of devices and browsersThe type of site might not be conducive
You can create your own custom sizes for the image renditions under Look and Feel in Site settings
To modify the actual images you must navigate to the image library – in this case the site collection images and update the image renditions here. This allows you to see the image rendtions as they are defined and cropped. Notice the custom image rendition in the list.
Get screen shots of using the firefox add inhttp://en.wikipedia.org/wiki/Responsive_web_design
Find new images!!! Get new screen shotsDid you know the Chrome console allows you to quickly resize the browser viewport to any resolution without the use of extensions? You can also emulate touch events and override the user agent similar to Safari’s developer mode. While it doesn’t beat the iOS and Android emulators it can be super useful!GIVE both MAC And PC shortcuts!Open up the Chrome console (⌘+SHIFT+C or CTRL+SHIFT+C).Click the gear icon in the bottom-right corner.Click the “User agent” tab.
http://www.hongkiat.com/blog/rwd-tools/ 50 useful RWD tools for designershttp://www.onextrapixel.com/2013/02/20/55-great-and-useful-tools-for-responsive-web-design/
deliver the same content with different HTML.It’s all very well to hide, say, an advanced mapping application on mobile, but if you use only media queries the browser will still download the scripts associated with the application.Even though images might be hidden from mobile browsers, or low-source ones should be used, the browser still downloads the full-source variants. http://www.quirksmode.org/blog/archives/2010/08/combining_media.html#morehttp://www.scientiamobile.com/blog/post/view/id/24/title/BDConf-and-Exposing-WURFL-Capabilities-to-JavaScriptEvery tool has advantages and disadvantagesYour RWD is only as good as your content and the authors on the site.https://speakerdeck.com/smashingmag/responsive-web-design-clever-tips-and-techniques