Responsive Design

•Transferir como KEY, PDF•

1 gostou•695 visualizações

This document discusses responsive design and provides resources on the topic. It begins with an introduction to responsive design and links to early examples from 2010. It then lists frameworks for building responsive sites, such as 320 and Up. Various responsive design concepts are covered like CSS media queries, flexible grids, and responsive images and videos. Frameworks like Twitter Bootstrap are mentioned. Emerging mobile trends around apps like Flipboard are also discussed.

Tecnologia Negócios

Responsive Design
about.me/markustripp
@markustripp

about

Markus Tripp, 38, Salzburg, Linz
Sony, Netociety, Wikitude,Yasssu, Fabasoft

the boston globe

Der Durchbruch
http://www.bostonglobe.com

begin

A LIST apart: May 25, 2010, Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design/

320andup

Erstes Framework
http://stuffandnonsense.co.uk/projects/320andup/

Simon Collison

Frühes Beispiel
http://colly.com/

A book apart

http://www.abookapart.com/products/responsive-web-design

Beispiele

Ultimate Responsive Web Design Roundup
http://www.webdesignerdepot.com/2011/09/the-ultimate-
responsive-web-design-roundup/

konzepte

CSS Media Queries, Flexible Grid, Images,
Videos, ...

media queries

@media only screen and
(max-width: 980px) and
(min-width: 500px) {

body {background: black};
}

ﬂexible media

Bilder
http://ﬁlamentgroup.com/examples/responsive-images/

Videos
http://webdesignerwall.com/demo/elastic-videos/

Text
http://ﬁttextjs.com/

twitter bootstrap

Responsive HTML5 User Interface
http://twitter.github.com/bootstrap/

m-trends

Flipboard iPhone, Google+
native apps, mobile web,
responsive design, mobile hybrid

Flipboard
Video
http://scobleizer.com/2011/12/12/viral-coefﬁcients-store-
feature-branding-inﬂuencers-cool-apps-on-ios-ﬁrst/

iPad
http://www.youtube.com/watch?v=11pQ5sb5wME&t=6m30s

iPhone
http://www.youtube.com/watch?v=11pQ5sb5wME&t=9m20s

Mais conteúdo relacionado

Semelhante a Responsive Design

#RWD To the future

Davorin Pavlica

Responsive Design for Non-Techies

Malcolm Jones

Forum One Responsive Design UXCampDC 2013

Forum One

(WI2012) Lucijan Blagonic - Responsive web design

Web::INDUSTRIJA

Rulespace

Matt Jones

Responsive Design

Clarissa Peterson

jy-web-visualization-ux08-slides

Jeremy Yuille

Responsive Web Design

Lucijan Blagonic

Design Camp Cologne (Public)

Martin Koser

Size Doesn't Matter

Roy Degler

Next Generation Media - Wolter

Codemotion

Roll Your Own CSS Framework

Mike Aparicio

Must Know Web 20 For Nyscate 2010

Karen Brooks

Georgia Tech hacking Accessibility

Christian Heilmann

Firefox Developer Tools

dynamis

Web2 0-SOA InterAct2008

guest1fb6e4

DIGITAL FABRICATION STUDIO (25438) The course provides a general understanding on how to design and manufacture products and prototypes in a Fab Lab, using digital fabrication technologies and understanding their features and limits. Students will learn how information shapes design, manufacturing and collaboration processes and artifacts in a Fab Lab. They will learn how to digitally fabricate a project or how to digitally modify an existing project; students will also learn how to manage, embed and retrieve information about a project. Projects and prototypes developed and manufactured in this course will not be interactive. The course consists of lectures and a group project to be digitally fabricated, be it a project already designed but not yet realized or be it the modification of an existing project. Every lecture (3 hours) includes time for testing the technologies covered (1 hour) and for developing part of the group project and for receiving feedback about it (1 hour). http://mlab.taik.fi/studies/courses/course?id=1963

Digital Fabrication Studio.01 _Fabbing @ Aalto Media Factory

Massimo Menichinelli

iMoot16 - Radioactive Spider Bite

Stephan Rinke

Mobile: the next frontier

Mike Ellis

Si mobile projectsv2

Nancy Proctor

Semelhante a Responsive Design (20)

#RWD To the future

Responsive Design for Non-Techies

Forum One Responsive Design UXCampDC 2013

(WI2012) Lucijan Blagonic - Responsive web design

Rulespace

Responsive Design

jy-web-visualization-ux08-slides

Responsive Web Design

Design Camp Cologne (Public)

Size Doesn't Matter

Next Generation Media - Wolter

Roll Your Own CSS Framework

Must Know Web 20 For Nyscate 2010

Georgia Tech hacking Accessibility

Firefox Developer Tools

Web2 0-SOA InterAct2008

Digital Fabrication Studio.01 _Fabbing @ Aalto Media Factory

iMoot16 - Radioactive Spider Bite

Mobile: the next frontier

Si mobile projectsv2

Último

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

Histor y of HAM Radio presentation slide

vu2urc

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Handwritten Text Recognition for manuscripts and early printed texts

Maria Levchenko

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Scaling API-first – The story of a global engineering organization

Radu Cotescu

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

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

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg 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 - The value of a flexible API Management solution for O...

apidays

Real Time Object Detection Using Open CV

Khem

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software