Speed up your next responsive web design project

•

2 likes•2,321 views

On October 9th, Scott B. Reynolds presented "Speed up your next responsive web design project" to Harvard's ABCD-WWW group. Description: Rapid growth of smart phones and tablets is causing web professionals to change the way they design and build websites. Many are using Responsive Web Design to offer an optimal viewing experience across a wide range of devices. Responsive Web Design often adds time and complexity to a project, so any tool that helps improve the workflow has value. Bio: Scott B Reynolds is going to show off some products that make a responsive project easier to manage. Scott is an Adobe Community Professional, an Adobe Certified Expert, and the manager of the Hartford Adobe User Group. He is also the founder of Thrise, a digital media/marketing company located in West Hartford Connecticut.

Technology Business

Scott B Reynolds | Thrise, LLC | Hartford Adobe
@scottbreynolds
@thrise
Speed Up Your Next
Responsive Web Design
Project
Thursday, October 10, 13

Responsive Web Design
The Future of the Web?
Thursday, October 10, 13

Static Web Design
53%
Responsive Web Design
vs.
Thursday, October 10, 13

Mobile Web Design
Thursday, October 10, 13

Mobile Web Design
vs.
Responsive Web Design
Thursday, October 10, 13

Responsive Web Design
The Future of the Web?
What the heck is...
Thursday, October 10, 13

Responsive Web Design
What the heck is...
by Ethan Marcotte
Thursday, October 10, 13

Responsive Web Design
WHY?
What the heck is...
Why?
by Ethan Marcotte
Thursday, October 10, 13

Responsive Web Design
?
What the heck is...
Why?
Thursday, October 10, 13

Responsive Web Design
960px
What the heck is...
Why?
Thursday, October 10, 13

Responsive Web Design
320px
Static Website
My Static Website looks good on
a modern desktop computer as
long as the browser is
maximized. If my static website
is being rendered on a small
device there may be problems.
Static Website
My Static Website
looks good on a
modern desktop
computer as long as
the browser is
maximized. If my
static website is
being rendered on a
small device there
may be problems.
960px
What the heck is...
Why?
Thursday, October 10, 13

Responsive Web Design
What the heck is...
Why?
0
12.5
25
37.5
50
2009 2010 2011 2012 2013
1024 x 768
1366 x 768
Screen Resolutions World Wide
Thursday, October 10, 13

0
500
1000
1500
2000
2007 2009 2011 2013E 2015E
Desktop Mobile
Global Desktop vs. Mobile Internet Users
InternetUsers(MM)
Thursday, October 10, 13

Responsive Web Design
320 1024
1920
What the heck is...
Why?
Thursday, October 10, 13

Responsive Web Design
My Options?
What the heck is...
alternatives to...
Thursday, October 10, 13

Responsive Web Design
three core ingredients
What the heck is...
• A flexible, grid-based layout
• Flexible images and media
• Media queries (CSS3)
Thursday, October 10, 13

Responsive Web Design
A FIXED, grid-based layout
960px
Thursday, October 10, 13

Responsive Web Design
A FLEXIBLE, grid-based layout
100%
Thursday, October 10, 13

Responsive Web Design
Flexible images and media
Flexible layout + FIXED images
img im
Thursday, October 10, 13

Responsive Web Design
Flexible images and media
img
img
Flexible layout + FLEXIBLE images
Thursday, October 10, 13

Responsive Web Design
Flexible images and media
img { max-width: 100%; }
Thursday, October 10, 13

Responsive Web Design
Media queries (CSS3)
@media screen and (min-width: 480px) {}
@media screen and (min-width: 780px) {}
@media screen and (min-width: 1024px) {}
Thursday, October 10, 13

“...responsive design is about serving
one HTML document to countless
browsers and devices, using flexible
layouts and media queries to ensure
that design is as portable and
accessible as possible.”
- Ethan Marcotte
Responsive Web Design
Thursday, October 10, 13

Responsive Web Design
Now What?
Thursday, October 10, 13

More from Harvard Web Working Group

Eric Mattison, Senior Analyst at Vertex Pharmaceuticals and former ABCD W3 co-chair, will explain how the Internet of Things (IoT) is being used to streamline scientific processes, shortening the time-to-market for life-saving drugs. The talk will include: - What is IoT? Just another buzzword to get budget allocation from C-level executives, or an actual game-changer? - How we got here: the technologies and economics that make IoT possible - Implementations, large and small (the small ones are the most interesting) Bio Before selling out to almighty Mammon, Eric Mattison was an impoverished journeyman web serf here at Harvard, extolling the virtues of Python, Django and web APIs. Now a Senior Analyst at Vertex Pharmaceuticals, he works to streamline internal business processes using Python, Django and web APIs. (This presentation occurred on October 11th, 2017)

The Internet of Things (IoT)

Harvard Web Working Group

(Note: This talk was given by Dorian Freeman on Wednesday, April 12, 2017 at Harvard University.) Talk: How are the apps and websites you work on perceived by the people who use them? As content editors, designers, researchers, and developers, it’s hard not to focus on specific details in isolation rather than looking at the larger context. This makes it even more important to remember the mental models and expectations people have as influencing their perception of usability of your products. What affects perception? How do you measure it? What happens if perceptions are not what you had anticipated? Bio: As User Experience Lead (Academic Technology / HUIT / HPAC / HWP), Dorian Freeman focuses on the user experience of the administrative interface of OpenScholar. She is founder of the Harvard UX Groupcommunity of practice, created to connect user experience practitioners at Harvard, now at close to 90 members. She also runs a working group to manage the community of practice, and currently teaches an IT Academy UX Fundamentals course* open to all staff. She joined Harvard in July 2013. LinkedIn: https://www.linkedin.com/in/dorianfreeman Twitter: @dorianshmorian

Perception is Reality: Lessons Learned from User Research

Harvard Web Working Group

Description: Jen will discuss tools and tips for evoking the best performance from every team member – even when they’re never in the same room! She’ll reveal how to be a superstar mentor and how to GTD so that teams run like well-oiled machines. In sum, this will be a talk about how anyone who leads teams can leverage the power of people skills to making a positive difference in the world. Bio: An expert in the science of organizations, Dr. Jennifer Bunk has extensive experience teaching diverse audiences how to apply science to make workplaces better. She received her Ph.D. in Industrial/Organizational Psychology from the University of Connecticut in 2006. After 10 years in the academic world, she launched Jen Bunk Ventures and People Stack Academy. As a tech leadership coach, she helps tech managers build thriving, high-performing teams. She has also served a variety of organizations in Greater Boston including coding bootcamps and local meetup groups. http://peoplestackacademy.com http://jenbunk.com/

5 Steps to (Remote) Team Bliss: How to Build Thriving, High-Performing (Remot...

Harvard Web Working Group

Jay Luker will be presenting an introduction to Ghost Inspector, a cloud-based web UI testing service that takes some (some!) of the pain away from creating browser-based, web application tests. Think Selenium, but for projects that are short on the resources, infrastructure and/or coding expertise to confidently develop and manage a suite of fully automated, “good-enough” UI tests. Jay is a Senior Software Engineer at Harvard DCE where he works on back-end applications and software for analytics data collection, deployment automation, and integration testing for the Extension School’s video processing and delivery system. Previously he has been an IT Specialist at the Smithsonian Astrophysics Data System, and a Software Developer at Ex Libris.

Ui Testing with Ghost Inspector

Harvard Web Working Group

An Introduction to MongoDB MongoDB is a rapidly growing noSQL database solution used by many major companies and favored by startups for its simple design and setup. Its greatest advantage is the ability to use the unstructured data type, BSON, which allows developers to avoid writing, maintaining and upgrading schema. Unlike some SQL options, it has scaling and redundancy built-in and allows for quick ad-hoc querying of any data. This talk will go over the basics of data insertion/retrieval, compare querying between SQL and MongoDB, work through some advanced queries like map/reduce and aggregation, and look at the more sophisticated features from a 10,000 ft view. Bio: Matt Warren is a graduate of Northeastern University and has been working in Systems Administration and Engineering for 8 years. His career started at Smarter Travel Media and most recently he is working for Boston-based ground travel startup, Wanderu. He specializes in scaling solutions to handle the traffic loads of high performance, e-commerce websites. In September of 2015, he became organizer of the Boston MongoDB Meetup. Event: http://w3.abcd.harvard.edu/ai1ec_event/intro-to-mongodb/

Starting out with MongoDB

Harvard Web Working Group

On October 14, 2015, Michael Gill gave a presentation entitled "The Process of Communication, A Practical Guide for Project Managers." Communication is not about knowing the process. Communication is about managing the process. A successful project manager communicates effectively by setting and managing expectations throughout the lifecycle of a project and, by doing so, creates redundancy in a fluid industry. The importance of a simple and redundant communication framework cannot be overstated. Referencing my book, The Process of Communication, I will focus on the role of pre-production and the importance of Requirements Gathering, establishing a teams Level of Effort, communicating Assumptions and through the development of these tools establishing a realistic Timeline. I will speak about how all of these deliverables are used to manage clients expectations as obstacles arise and requirements change.

The Process of Communication, A Practical Guide for Project Managers

Harvard Web Working Group

On September 9, 2015, Sam Johnston gave a talk entitled "Universal Design for Learning: A framework for addressing learner diversity". Educators designing online and blended programs are responsible for ensuring the success of all students including those with physical, sensory, and learning disabilities, differing cultural and linguistic backgrounds, and various motivations for learning. Providing accessible learning materials to postsecondary students with disabilities is essential — and required by law. Assistive technology and accessible materials can lower barriers to access. However, access to materials is not the same as access to learning. “The purpose of education is not to make information accessible, but rather to teach learners how to transform accessible information into useable knowledge” (CAST, 2012). Universal design for learning (UDL) is a framework to improve and optimize teaching and learning for all people based on scientific insights into how humans learn. This session provides an overview of UDL with examples from open educational resources (OER) development. We will showcase UDLonCampus.cast.org, a collection of resources on UDL for postsecondary stakeholders to help them provide flexibility in instructional materials, teaching methods, and assessments.

Universal Design for Learning: A framework for addressing learner diversity

Harvard Web Working Group

On May 14, 2015, Jeff Winkler gave a talk at Harvard University's Lamont Library titled "Intro to ReactJS." Description Created by Facebook and Instagram, React has recently been embraced by companies and organizations including Airbnb, Khan Academy, Reddit, the BBC, and Code Academy. This presentation will be especially interesting for those using or planning to use javascript libraries such as angularJS, backbone.js, ember.js, and others. For this talk, Jeff Winkler will present: - An introduction to React, mixed with demos. - An examination of how React implements Computer Science principles from Functional and Object-Oriented. The discussion will consider the impact on maintainable large-scale systems. Biography Jeff Winkler, is a professional developer* in the Boston area and organizer of the Boston ReactJS Meetup. In addition to the ReactJS Boston Meetup, Jeff works with React professionally at TapJoy and runs http://react.rocks. (* Full-stack guy. ReactJS, Rails, TDD. Best OODA loop wins)

Intro to ReactJS

Harvard Web Working Group

On November 12, 2014, Elizabeth Quigley gave a talk titled "UX @ Harvard's IQSS." Details of the talk appear below. --------------------------------------------- When: November 12th @ 3:30-5:00pm Title: UX @ IQSS Who: Elizabeth Quigley, Usability Specialist, Data Science Team, Institute of Quantitative Social Science Where: Harvard University, Lamont Library, Forum Room Description: Over the past year and a half, the Institute for Quantitative Social Science (IQSS) has integrated multiple user experience methods into their product development cycle to enhance the user experience for multiple products and websites developed at IQSS. Elizabeth Quigley, Usability Specialist at IQSS, will outline how to start a user experience program for your products and/or websites, demonstrate the UX methods she uses, and show examples of how the UX of IQSS products and websites has been enhanced through these methods. If you have ever wondered how to start a user experience program, this is the talk for you. Bio: Elizabeth has an M.S. in Library and Information Science from the School of Library and Information Science at Simmons College. She has conducted user research on the collaborative processes and profiles of undergraduates interacting with a Microsoft surface table, academic portals, the use of a library website by faculty members as well as the products and websites developed at the Institute for Quantitative Social Science.

UX @ Harvard's IQSS (Elizabeth Quigley)

Harvard Web Working Group

On October 8, 2014, Tania Schlatter gave a talk entitled "Visual Usability." Visual Usability Bringing graphic and UI design together Following UI design guidelines can help you have a usable app. Working with a graphic designer can help you have an attractive app. The reality is that it’s hard to create something that’s both usable and appealing. The more complex or functional the app, the greater the challenge. “Visual usability” is an approach to designing interfaces that bridge the gap between “works well” and “looks great.” In this talk, Tania will explain three design principles critical to successful UI design, and show how they can be used to help or hinder the design of digital applications. Tania Schlatter is a designer, author, and lecturer. She combines user-centered and visual design expertise to design application interfaces that help people understand and use technology. She co-founded of Nimble Partners, a Boston experience design firm; co-authored Visual Usability, Principles and Practices for Designing Digital Applications; and teaches interactive design to students at Northeastern University in Boston. Tania has worked with over 14 MIT offices, Tufts University, Endeca Technologies, catapult.org, cafepress.com, and real-time labor data software company Burning Glass Technologies. Formal study includes an M.Des. in human-centered communication design from the Institute of Design in Chicago; a summer with Paul Rand and Armin Hofmann in Brissago, Switzerland; and a BFA in graphic design from Boston University.

Tania Schlatter – Visual Usability

Harvard Web Working Group

On May 14th, 2014 David Marshall, Senior Web and Application Developer at the Harvard School of Public Health, gave a talk entitled "Responsive Design: Building for a Modern Web." David is a senior web and application developer at the Harvard School of Public Health, where he is responsible for maintaining the main website and other web applications. He recently rebuilt the HSPH website to make its design responsive and to reduce page size and load times. His current work focuses on PHP development for the WordPress CMS as well as on CSS3 and HTML5. Prior to joining the web team at HSPH, David’s work as an independent contractor included founding Club Site Solutions, a company that developed specialized websites and online registration systems for private clubs.

Responsive Design: Building for a Modern Web

Harvard Web Working Group

On April 9th 2014, Mary Kennedy, User Experience, Product Design & Management expert, gave a talk entitled "Demystifying UX – A toolkit approach to better, cheaper & faster experience design." UX / User Experience is booming as a practice and methodology. However, there is often misunderstanding and mystery around UX basic practices. Join us for a discussion of simple tools and processes to use as a reliable toolkit from project to project. Yes, they take time to complete but these practices in the early stages of design mean lower rates of change later in the project - translating to lower cost, faster timelines and more solid design decisions.

Demystifying UX – A toolkit approach to better, cheaper & faster experience d...

Harvard Web Working Group

On September 11th, 2013, Doug Roerdon, Vice President for User Experience Design Strategy, gave a talk entitled "Will my helicopter fit in your garage?" essentially a plea from “the rest of us,” whomever that may be. Over the past decade or so of creating user experiences in a digital world, the original 80-20 rule has silently and inadvertently become a fundamentally different 80 rule, where satisfying just 80% of users has somehow become acceptable. And it really isn’t, from user or business points of view. In fact, the 20% in many situations has shrunk in percentage but grown in importance.

Will my helicopter fit in your garage?

Harvard Web Working Group

Michael Lowry, Design Director of Mobile at Fidelity Investments, presented "Every Screen is a Touchscreen" at Harvard ABCD's May 8th 2013 meeting. Summary: The era of the mouse and desktop is quickly fading yet many designers are still approaching user interfaces with dated design principles and patterns. Designers now need to account for a multitude of new device types and input methods. Michael exposes some of the complexities and opportunities of this new world and suggest that assuming all screens are touchscreens is a necessary first-step to a successful web design.

Every Screen is a Touchscreen

Harvard Web Working Group

Tastypie: Easy APIs to Make Your Work Easier

Harvard Web Working Group

Michael Rossetti lead a talk that focused on MIT's upcoming service offering known as Drupal Cloud. We will try to go over what the service offers, the goal of the service, why we chose Drupal, our custom Drupal distrobution, a brief description of the infrastructure, the status of the project, the road map of the project, and ideally showcase a few of our pilot participants sites and give a little demo.

An Introduction to MIT's Drupal Cloud

Harvard Web Working Group

Open Scholar

Harvard Web Working Group

Jumpstart Your Web App

Harvard Web Working Group

Jason Robb presented "Draw more, talk less" on May 9, 2012 A hands-on sketching workshop for managers, developers, designers, and pretty much anybody with hands and eyes. During the workshop we learned: - Why sketching is so important - More than just the basics of sketching interfaces and interactions - Integrating sketching into your workflow - How to get your colleagues to draw more (and talk less) - And if we have time, how to draw an owl Bio: Jason is an independent designer and illustrator. He builds prototypes, designs websites and web apps, and creates large-scale visual notes at conferences. He's worked for a bunch of design agencies and startups. And he thinks you're just swell.

Draw More, Talk Less

Harvard Web Working Group

On April 11th, 2012, Mat Marquis gave a presentation to the ABCD WWW group on An Introduction to jQuery Mobile. Learn how to use jQuery Mobile to build dynamic HTML5-based web sites and apps that work on all popular mobile platforms. We’ll go over the basics of using the framework and discuss ways we can use it to create compelling experiences that span smartphone, tablet, and desktop devices from a single unified codebase. Mat "Wilto" Marquis is a designer-slash-developer working at Filament Group in Boston. Mat is a member of the jQuery Mobile team, technical editor at A List Apart, and an active member of the open source community. He's probably flipping out about something on Twitter as we speak.

Mat Marquis - JQuery Mobile

Harvard Web Working Group

More from Harvard Web Working Group (20)

The Internet of Things (IoT)

Perception is Reality: Lessons Learned from User Research

5 Steps to (Remote) Team Bliss: How to Build Thriving, High-Performing (Remot...

Ui Testing with Ghost Inspector

Starting out with MongoDB

The Process of Communication, A Practical Guide for Project Managers

Universal Design for Learning: A framework for addressing learner diversity

Intro to ReactJS

UX @ Harvard's IQSS (Elizabeth Quigley)

Tania Schlatter – Visual Usability

Responsive Design: Building for a Modern Web

Demystifying UX – A toolkit approach to better, cheaper & faster experience d...

Will my helicopter fit in your garage?

Every Screen is a Touchscreen

Tastypie: Easy APIs to Make Your Work Easier

An Introduction to MIT's Drupal Cloud

Open Scholar

Jumpstart Your Web App

Draw More, Talk Less

Mat Marquis - JQuery Mobile

Recently uploaded

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

AXA XL - Insurer Innovation Award Americas 2024

The Digital Insurer

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

The action of the next cyber saga takes place in the mystical lands of the Asia-Pacific region, where the main characters began their digital activities in the middle of 2021 and qualitatively strengthened it in 2022. Corporate espionage, document theft, audio recordings, and data leaks from messaging platforms were all a matter of one day for Dark Pink. Their geographical focus may have started in the Asia-Pacific region, but their ambitions knew no bounds, targeting a European government ministry in a bold move to expand their portfolio. Their victim profile was as diverse as a UN meeting, targeting military organizations, government agencies, and even a religious organization. Because discrimination is not a fashionable agenda. In the world of cybercrime, they serve as a reminder that sometimes the most serious threats come in the most unassuming packages with a pink bow.

Cyberprint. Dark Pink Apt Group [EN].pdf

Overkill Security

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Architecting Cloud Native Applications

WSO2

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

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 deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

ICT role in 21st century education and its challenges

rafiqahmad00786416

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

[BuildWithAI] Introduction to Gemini.pdf

AXA XL - Insurer Innovation Award Americas 2024

How to Troubleshoot Apps for the Modern Connected Worker

Cyberprint. Dark Pink Apt Group [EN].pdf

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

FWD Group - Insurer Innovation Award 2024

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Architecting Cloud Native Applications

AWS Community Day CPH - Three problems of Terraform

MINDCTI Revenue Release Quarter One 2024

Exploring the Future Potential of AI-Enabled Smartphone Processors

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

ICT role in 21st century education and its challenges

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Speed up your next responsive web design project

1. Scott B Reynolds | Thrise, LLC | Hartford Adobe @scottbreynolds @thrise Speed Up Your Next Responsive Web Design Project Thursday, October 10, 13

2. Responsive Web Design The Future of the Web? Thursday, October 10, 13

3. Static Web Design 53% Responsive Web Design vs. Thursday, October 10, 13

4. Mobile Web Design Thursday, October 10, 13

5. Mobile Web Design vs. Responsive Web Design Thursday, October 10, 13

6. Responsive Web Design The Future of the Web? What the heck is... Thursday, October 10, 13

7. Responsive Web Design What the heck is... by Ethan Marcotte Thursday, October 10, 13

8. Thursday, October 10, 13

9. Responsive Web Design WHY? What the heck is... Why? by Ethan Marcotte Thursday, October 10, 13

10. Responsive Web Design ? What the heck is... Why? Thursday, October 10, 13

11. Responsive Web Design 960px What the heck is... Why? Thursday, October 10, 13

12. Responsive Web Design 320px Static Website My Static Website looks good on a modern desktop computer as long as the browser is maximized. If my static website is being rendered on a small device there may be problems. Static Website My Static Website looks good on a modern desktop computer as long as the browser is maximized. If my static website is being rendered on a small device there may be problems. 960px What the heck is... Why? Thursday, October 10, 13

13. Responsive Web Design 320px Static Website My Static Website looks good on a modern desktop computer as long as the browser is maximized. If my static website is being rendered on a small device there may be problems. Static Website My Static Website looks good on a modern desktop computer as long as the browser is maximized. If my static website is being rendered on a small device there may be problems. 960px 1920px Static Website My Static Website looks good on a modern desktop computer as long as the browser is maximized. If my static website is What the heck is... Why? Thursday, October 10, 13

14. Responsive Web Design What the heck is... Why? 0 12.5 25 37.5 50 2009 2010 2011 2012 2013 1024 x 768 1366 x 768 Screen Resolutions World Wide Thursday, October 10, 13

15. 0 500 1000 1500 2000 2007 2009 2011 2013E 2015E Desktop Mobile Global Desktop vs. Mobile Internet Users InternetUsers(MM) Thursday, October 10, 13

16. Responsive Web Design 320 1024 1920 What the heck is... Why? Thursday, October 10, 13

17. Responsive Web Design My Options? What the heck is... alternatives to... Thursday, October 10, 13

18. Responsive Web Design three core ingredients What the heck is... • A flexible, grid-based layout • Flexible images and media • Media queries (CSS3) Thursday, October 10, 13

19. Responsive Web Design A FIXED, grid-based layout 960px Thursday, October 10, 13

20. Responsive Web Design A FLEXIBLE, grid-based layout 100% Thursday, October 10, 13

21. Responsive Web Design Flexible images and media Flexible layout + FIXED images img im Thursday, October 10, 13

22. Responsive Web Design Flexible images and media img img Flexible layout + FLEXIBLE images Thursday, October 10, 13

23. Responsive Web Design Flexible images and media img { max-width: 100%; } Thursday, October 10, 13

24. Responsive Web Design Media queries (CSS3) @media screen and (min-width: 480px) {} @media screen and (min-width: 780px) {} @media screen and (min-width: 1024px) {} Thursday, October 10, 13

25. “...responsive design is about serving one HTML document to countless browsers and devices, using flexible layouts and media queries to ensure that design is as portable and accessible as possible.” - Ethan Marcotte Responsive Web Design Thursday, October 10, 13

26. Responsive Web Design Now What? Thursday, October 10, 13

Speed up your next responsive web design project

Recommended

Recommended

More Related Content

More from Harvard Web Working Group

More from Harvard Web Working Group (20)

Recently uploaded

Recently uploaded (20)

Speed up your next responsive web design project