#RWD To the future

•

0 gefällt mir•948 views

Davorin Pavlica

#RWD To the future

Technologie

#RWD
REWIND TO THE FUTURE

Davorin Pavlica - Klika d.o.o.

PREDSTAVITEV

• Klika d.o.o.
• Ustanovljena leta 2003
•~ 60 razvijalcev, 4 oblikovalci, 2 fuzbal mizi in 2 psa čuvaja
• Davorin Pavlica / davorin.pavlica@klika.si / @DavorinPavlica
• Spletni oblikovalec

PLAN
• Kaj je RWD
• Mobile ﬁrst, progressive enhancement
Predavanje • Adaptive vs. Responsive
45min
• Pasti
• Tehnike

• Skupine po 4-5 oseb
Delavnica • Ena tema, en fokus
90min
• Rezultat je responsive ali adaptive spletna stran

Predstavitev • Vsaka skupina predstavi svojo rešitev
45min

CITAT

“It is not the strongest species
that survive, nor the most
intelligent, but the ones most
responsive to change.”
Charles Darwin

Avtor in vir: Brad Frost - For a Future-Friendly Web - http://bradfrostweb.com/blog/web/for-a-future-friendly-web/

THE RISE AND FALL OF PC

Avtor in vir: Horace Dediu - The rise and fall of personal computing - http://www.asymco.com/2012/01/17/the-rise-and-fall-of-personal-computing/

#RWD!

Povezava: www.smashingmagazine.com

OSNOVE

• Fluid grid
• Flexible images
• Media queries

Avtor in vir: Ethan Marcotte - Responsive Web Design - http://www.alistapart.com/articles/responsive-web-design/

FLUID GIRDS

• Termin, ki si ga je leto preden je “izumil” #RWD, izmislil
takisti Ethan Marcotte!

Avtor in vir: Ethan Marcotte - Fluid Grids - http://www.alistapart.com/articles/ﬂuidgrids/

Flurid grid - http://kﬂorence.github.com/ﬂurid/

FLEXIBLE / FLUID IMGS

• Termin, ki si ga je leto preden je “izumil” #RWD, izmislil
takisti Ethan Marcotte!

Avtor in vir: Ethan Marcotte - Fluid images - http://unstoppablerobotninja.com/entry/ﬂuid-images

Avtor in vir: Ethan Marcotte - Fluid images - http://unstoppablerobotninja.com/entry/ﬂuid-images

FLEXIBLE / FLUID IMGS

1.img,
2.object {
3. max-width: 100%;
4.}

MEDIA QUERIES

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

MEDIA QUERIES

• Breakpoints: at 320px, 768px, 1024px, 1440px, 1680px
or not?
• Device != Context

Avtor in vir: Marko Mrdjenović - Deﬁning Breakpoints https://speakerdeck.com/friedcell/deﬁning-breakpoints

TEHNIKE

• Mobile First
• Progressive Enhancement VS Graceful Degradation
• Responsive VS Adaptive layouts

MOBILE FIRST

Avtor in vir: Luke Wroblewski - Mobile ﬁrst - http://www.lukew.com/ff/entry.asp?933

PROGRESSIVE
ENHANCEMENT
VS

GRACEFUL
DEGRADATION

PASTI
• Navigacija / meni
Responsive Navigation Patterns (by Brad Frost)

Complex Navigation Patterns for Responsive Design (by Brad Frost)

Multi-Device Layout Patterns (by Luke Wroblewski)

• Page loading
Performance Implications of Responsive Web Design (by Jason Grigsby)

• Images
Responsive Images: How they Almost Worked and What We Need (by Mat Marqis)

The road to responsive images (by Anselm Hannemann)

adaptive-images.com | ﬁlamentgroup.com/examples/responsive-images | codevisually.com/responsive-img/

• IE :)
modernizr.com | more ...

DELAVNICO IMA

• Skupine po 4-5 ljudi
• Ena tema, en fokus
• Rezultat je responsive / adaptive spletna stran

DELAVNICO IMA
1.http://www.24ur.com/
2.http://www.najdi.si/
3.http://www.siol.net/
4.http://www.bolha.com/
5.http://www.rtvslo.si/
6.http://www.avto.net/
7.http://www.itis.si/

HVALA
@davorinpavlica
davorin.pavlica@klika.si

Weitere ähnliche Inhalte

Ähnlich wie #RWD To the future

No one sets out to create crufty code, but too often the pressure to "push it out the door and we'll fix it later" gets the best of us all. Before you know it, it's three projects later, the sun is still shining and you're still getting a paycheck. So where is the incentive to go back and clean under the rug? Poor core quality isn't just a developer problem, either. It bleeds into team moral, deters decision agility, and ultimately prevents team members from getting into flow. Quality code isn't something that requires a complete rewrite either (which is likely impossible), but can be accomplished with style guides, code reviews and a devotion to team investment time. The pressure to ship will always be there, but starting (or maintaining) projects with an agreed upon foundation alleviates developers and designers from making potentially hundreds of decisions each day. This leaves room for the decisions that actually matter. Learn how to transform your team, regardless of your position, into a lean, mean standards machine. Develop a multi-tier style guide, workflow and practices that focus on knowledge and consensus building. Eliminate the mundane decisions and allow the team to focus on its craft.

What is quality code? From cruft to craft

Nick DeNardis

Let's unRiddle jsFiddle

rhoward_blk

Responsive Web Design_2013

Achieve Internet

Tænk tilgængelighed og brugervenlighed ind i dine sites

Karen Mardahl

Responsive Design Essentials

Clarissa Peterson

Presentation slides from Dustin Tauer's 2014 MIMA Session: What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design. This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.

MIMA 2014 - Changing your Responsive Design Workflow

easelsolutions

Responsive Design for Non-Techies

Malcolm Jones

Forum One Responsive Design UXCampDC 2013

Forum One

The Age of Responsive Design

Denise Jacobs

Responsive Design

Markus Tripp

Responsive Web Design & the state of the Web

Yiannis Konstantakopoulos

Responsive Design

Clarissa Peterson

Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015 Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.

So…What Do I Make? (Dan Mall)

Future Insights

Module 08: Responsive Web Design

Daniel Drew Turner

Why Can't We All Just Get Along?

judybpresenting

Overboard.js - where are we going with with jsconfasia / devfestasia

Christian Heilmann

The Rise Of Tablets: Responsive Web Design is in your future

Rick Wilson

Your web site needs to be accessible and usable for everyone even as the number of devices, platforms and browsers that are used to access it continue to expand every day. Incorporating a responsive web design represents a fundamental shift in how web sites are built now – and into the future. Join Rick Wilson, President of Miva Merchant as he discusses the explosive growth in tablets and how you need to be making changes to your site now along with things you need to consider as you redesign your ecommerce web site in the future.

The rise of tablets how responsive web design is in your future

Internet Merchants Association

Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Internet marketing, design, and development. By bringing that type of talent in-house, an enterprise can communicate their marketing strategies and messages with greater speed to market and more collective creative control. While the initial capital investment may be greater than simply outsourcing, the long-term benefit of having immediate and direct contact with an in-house team will lead to a greater understanding of company culture and values reflected within the framework of your digital properties.

How to Act Like an Agency within a Company: UX for the Enterprise

FlashGuy13

Introduction to Responsive Web Design

Clarissa Peterson

Ähnlich wie #RWD To the future (20)

What is quality code? From cruft to craft

Let's unRiddle jsFiddle

Responsive Web Design_2013

Tænk tilgængelighed og brugervenlighed ind i dine sites

Responsive Design Essentials

MIMA 2014 - Changing your Responsive Design Workflow

Responsive Design for Non-Techies

Forum One Responsive Design UXCampDC 2013

The Age of Responsive Design

Responsive Design

Responsive Web Design & the state of the Web

Responsive Design

So…What Do I Make? (Dan Mall)

Module 08: Responsive Web Design

Why Can't We All Just Get Along?

Overboard.js - where are we going with with jsconfasia / devfestasia

The Rise Of Tablets: Responsive Web Design is in your future

The rise of tablets how responsive web design is in your future

How to Act Like an Agency within a Company: UX for the Enterprise

Introduction to Responsive Web Design

Kürzlich hochgeladen

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

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

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

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

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

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology 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 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

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

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith 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.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

Kürzlich hochgeladen (20)

MS Copilot expands with MS Graph connectors

Apidays New York 2024 - The value of a flexible API Management solution for O...

Elevate Developer Efficiency & build GenAI Application with Amazon Q

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

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

Corporate and higher education May webinar.pptx

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

WSO2's API Vision: Unifying Control, Empowering Developers

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Why Teams call analytics are critical to your entire business

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

AWS Community Day CPH - Three problems of Terraform

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Vector Search -An Introduction in Oracle Database 23ai.pptx

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

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

#RWD To the future

1. #RWD REWIND TO THE FUTURE Davorin Pavlica - Klika d.o.o.

2. PREDSTAVITEV • Klika d.o.o. • Ustanovljena leta 2003 •~ 60 razvijalcev, 4 oblikovalci, 2 fuzbal mizi in 2 psa čuvaja • Davorin Pavlica / davorin.pavlica@klika.si / @DavorinPavlica • Spletni oblikovalec

3. PLAN • Kaj je RWD • Mobile ﬁrst, progressive enhancement Predavanje • Adaptive vs. Responsive 45min • Pasti • Tehnike • Skupine po 4-5 oseb Delavnica • Ena tema, en fokus 90min • Rezultat je responsive ali adaptive spletna stran Predstavitev • Vsaka skupina predstavi svojo rešitev 45min

4. CITAT “It is not the strongest species that survive, nor the most intelligent, but the ones most responsive to change.” Charles Darwin

5. 25. MAJ 2010

6. 25. MAJ 2010 DAN MLADOSTI?

7. 25. MAJ 2010 DAN BRISAČE?

8. 25. MAJ 2010 GEEK PRIDE DAY?

9. 25. MAJ 2010 DAN #RWD!?

10. 25. MAJ 2010

11. Avtor in vir: Brad Frost - For a Future-Friendly Web - http://bradfrostweb.com/blog/web/for-a-future-friendly-web/

12. Avtor in vir: Brad Frost - For a Future-Friendly Web - http://bradfrostweb.com/blog/web/for-a-future-friendly-web/

13. THE RISE AND FALL OF PC Avtor in vir: Horace Dediu - The rise and fall of personal computing - http://www.asymco.com/2012/01/17/the-rise-and-fall-of-personal-computing/

14. KAJ JE #RWD?

15. #RWD? Foto: lyzadanger / Flickr

16. #RWD? Foto: lyzadanger / Flickr

17. #RWD! Foto: Antoine Lefeuvre / Flickr

18. #RWD! Povezava: rsd.joshemerson.co.uk

19. #RWD! Povezava: mediaqueri.es

20. #RWD! Povezava: www.smashingmagazine.com

21. #RWD! Povezava: stuffandnonsense.co.uk

22. #RWD! Povezava: www.kiwibank.co.nz

23. #RWD OR MOBILE!?

24. OSNOVE

25. OSNOVE • Fluid grid • Flexible images • Media queries Avtor in vir: Ethan Marcotte - Responsive Web Design - http://www.alistapart.com/articles/responsive-web-design/

26. FLUID GIRDS • Termin, ki si ga je leto preden je “izumil” #RWD, izmislil takisti Ethan Marcotte! Avtor in vir: Ethan Marcotte - Fluid Grids - http://www.alistapart.com/articles/ﬂuidgrids/

27. Flurid grid - http://kﬂorence.github.com/ﬂurid/

28. FLEXIBLE / FLUID IMGS • Termin, ki si ga je leto preden je “izumil” #RWD, izmislil takisti Ethan Marcotte! Avtor in vir: Ethan Marcotte - Fluid images - http://unstoppablerobotninja.com/entry/ﬂuid-images

29. Avtor in vir: Ethan Marcotte - Fluid images - http://unstoppablerobotninja.com/entry/ﬂuid-images

30. FLEXIBLE / FLUID IMGS 1.img, 2.object { 3. max-width: 100%; 4.}

31. MEDIA QUERIES http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

32. MEDIA QUERIES • Breakpoints: at 320px, 768px, 1024px, 1440px, 1680px or not? • Device != Context Avtor in vir: Marko Mrdjenović - Deﬁning Breakpoints https://speakerdeck.com/friedcell/deﬁning-breakpoints

33. MEDIA QUERIES

34. TEHNIKE

35. TEHNIKE • Mobile First • Progressive Enhancement VS Graceful Degradation • Responsive VS Adaptive layouts

36. MOBILE FIRST Avtor in vir: Luke Wroblewski - Mobile ﬁrst - http://www.lukew.com/ff/entry.asp?933

37. PROGRESSIVE ENHANCEMENT VS GRACEFUL DEGRADATION

38. RESPONSIVE VS ADAPTIVE

39. PASTI

40. PASTI • Navigacija / meni Responsive Navigation Patterns (by Brad Frost) Complex Navigation Patterns for Responsive Design (by Brad Frost) Multi-Device Layout Patterns (by Luke Wroblewski) • Page loading Performance Implications of Responsive Web Design (by Jason Grigsby) • Images Responsive Images: How they Almost Worked and What We Need (by Mat Marqis) The road to responsive images (by Anselm Hannemann) adaptive-images.com | ﬁlamentgroup.com/examples/responsive-images | codevisually.com/responsive-img/ • IE :) modernizr.com | more ...

41. DELAVNICO IMA

42. DELAVNICO IMA • Skupine po 4-5 ljudi • Ena tema, en fokus • Rezultat je responsive / adaptive spletna stran

43. DELAVNICO IMA 1.http://www.24ur.com/ 2.http://www.najdi.si/ 3.http://www.siol.net/ 4.http://www.bolha.com/ 5.http://www.rtvslo.si/ 6.http://www.avto.net/ 7.http://www.itis.si/

44. WHO IS RESPONSIVE (TO CHANGE)?

45. HVALA @davorinpavlica davorin.pavlica@klika.si

#RWD To the future

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie #RWD To the future

Ähnlich wie #RWD To the future (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

#RWD To the future