#RWD To the future

•

0 likes•948 views

This document provides an overview of a presentation on responsive web design (#RWD). It includes an agenda that covers defining RWD, mobile-first and progressive enhancement approaches, adaptive vs. responsive layouts, common pitfalls, and techniques like fluid grids, flexible images, and media queries. The presentation will include a workshop where attendees will work in groups to make an existing website responsive or adaptive. The goal is to help attendees understand how to design websites that are responsive to change.

Technology

#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

Svetovni splet in glasba nista velika prijatelja. Glasbeniki in glasbena industrija so se interneta otepali kot hudič križa, saj niso verjeli, da je internet lahko za njih priložnost. V času eksplozije (družabnih) spletnih medijev se zdi, da bodo neomreženi glasbeniki umrli v upanju na avtorske pravice, višje kvote in ostale obljube, ki jih jim je pustila glasbena industrija včerajšnjega dne. Bo treba preklopit v glavah in se priklopit v krasni novi splet ... če hočejo preživet!

A Responsive Process

daveruse

Customised Gifts & Packaging

divyajethwani

Platters & Beyond is a packaging company based in Mumbai, India that was established in 2009 to meet the demand for professional packaging. The company aims to craft a pleasant experience for clients by carefully designing and packaging gifts from start to finish. Platters & Beyond offers a variety of custom packaging and gifting products including boxes, baskets, trays, table runners, photo frames, and platters. These items feature handcrafted floral arrangements and can be customized with specific colors, themes, or logos as requested by clients. The company uses quality materials and advanced manufacturing techniques to produce high-end products at affordable prices. Platters & Beyond seeks to make the impossible possible by offering customized

Downlink beamforming and admissin control for spectrum sharing cognitive radi...

acijjournal

This document summarizes research on downlink beamforming and admission control for spectrum sharing cognitive radio systems. It discusses maximizing the number of admitted secondary links under interference and QoS constraints, as well as maximizing the sum throughput of admitted secondary links. An iterative algorithm based on geometric programming is proposed to solve the non-convex throughput maximization problem. Simulation results show a tradeoff between number of admitted links and secondary network throughput, but that enforcing QoS constraints does not significantly reduce throughput. The goal is to minimize secondary transmitter power while meeting SINR and interference limits.

Crear o Morir, Resumen del libro

Jazmin Torres Napán

32 Ways a Digital Marketing Consultant Can Help Grow Your Business

Barry Feldman

Responsive Web Design: How the mobile web has changed the way we think and work

vq20

The document summarizes a meetup on responsive web design hosted by Nick Weaver and Vidal Quevedo. They discussed the challenges of native mobile apps and earlier responsive approaches at UW-Madison. They advocated for a "one-web" philosophy using responsive design to provide a consistent experience across devices. The basics of responsive design like fluid layouts, responsive images, and media queries were covered. Challenges of testing and managing responsive designs were also noted. Case studies of responsive sites at UW-Madison were presented and resources for learning more about responsive design were provided.

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.

Let's unRiddle jsFiddle

rhoward_blk

Responsive Web Design_2013

Achieve Internet

This document discusses responsive web design (RWD). RWD allows websites to automatically adjust their layout depending on the user's screen size using media queries. It is important for accessibility and usability as most internet users now access the web on mobile devices. The document recommends using a mobile-first and progressive enhancement approach where basic content and functionality work on all browsers and advanced features are progressively added. It provides examples of RWD techniques and tools to test responsive designs.

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

Karen Mardahl

This document discusses the importance of accessibility and usability in website design. It provides tips and guidelines for making websites accessible to all users, including using descriptive link text and alt text for images, ensuring sufficient color contrast and text size, adding captions to videos, and testing websites for accessibility issues. The goal is for websites to be usable by all people regardless of ability or disability.

Responsive Design Essentials

Clarissa Peterson

MIMA 2014 - Changing your Responsive Design Workflow

easelsolutions

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.

Forum One Responsive Design UXCampDC 2013

Forum One

Responsive Design for Non-Techies

Malcolm Jones

The Age of Responsive Design

Denise Jacobs

The document summarizes the evolution of web design from the early 1990s to the present day. It discusses how technical factors like improved code, browsers, devices and access have enabled the rise of responsive design. The key stages discussed are the World Wide Web era from 1992-1996, the dot-com boom from 1997-2001, the era of web standards from 2002-2007, and the modern era from 2008 onward. It emphasizes how current design approaches like responsive design have emerged from the confluence of technical capabilities and shifts in how people access the web from any device.

Responsive Design

Markus Tripp

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.

Responsive Web Design & the state of the Web

Yiannis Konstantakopoulos

The document discusses responsive web design, which is an approach where design and development respond to the user's behavior and environment based on screen size, platform, and orientation. It involves flexible grids and layouts, images, and media queries to automatically adjust the website for different devices like laptops and iPads. The goal is for the website to have technology that automatically responds to the user's preferences as they switch devices.

Responsive Design

Clarissa Peterson

So…What Do I Make? (Dan Mall)

Future Insights

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.

Module 08: Responsive Web Design

Daniel Drew Turner

This document discusses responsive web design. It begins by defining the problem of desktop designs being unusable on mobile devices and having separate mobile sites. It then describes the key aspects of responsive web design: 1) fluid grids and flexible layouts based on proportions rather than pixels, 2) media queries to deliver different styles based on screen size, and 3) flexible images that scale to fit their container. It encourages researching users and sketching out the mobile experience before developing with a responsive grid, media queries, and frameworks.

Why Can't We All Just Get Along?

judybpresenting

This document discusses collaboration between UX designers and content strategists. It begins by introducing Judy Bruce, an independent content strategist, and Samantha Dietz, a UX design lead. They have different approaches - content strategists think in terms of content blocks and hierarchies while UX designers think in terms of experiential blocks and flows. The document then discusses factors that impact when and how they work together, such as client needs, agency processes, and project scope. It provides examples of how they each approach a user journey differently but together can create a holistic experience. While collaboration has benefits like unique perspectives and optimal user experience, challenges include a lack of understanding of each other's roles and bringing content strategy in too

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

Christian Heilmann

This document summarizes a talk given by Chris Heilmann on the current state and future of JavaScript. It notes that while JavaScript has become incredibly versatile, developers have a tendency to over-engineer solutions and add unnecessary complexity. This bloat slows down sites and hurts users. The document advocates taking a step back to focus on fundamentals and cleanup. It highlights upcoming ES6 features that provide a cleaner baseline and encourages using them responsibly while also fixing existing broken code.

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

Rick Wilson

Responsive web design uses flexible layouts and CSS media queries to automatically adjust web page content for viewing on different devices like tablets, smartphones and desktops. It allows for a single website that responds to the user's device without the need for a separate mobile site. Tablets are becoming increasingly important for ecommerce as 42% of tablet owners have used their device to purchase an item compared to 29% for smartphones. Responsive design offers benefits like a single code base to maintain but has initial higher development costs and updates must be tested across devices.

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

Internet Merchants Association

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.

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

FlashGuy13

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.

Introduction to Responsive Web Design

Clarissa Peterson

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...

Edge AI and Vision Alliance

For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/ Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit. In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing. van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.

Similar to #RWD To the future

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

MIMA 2014 - Changing your Responsive Design Workflow

easelsolutions

Forum One Responsive Design UXCampDC 2013

Forum One

Responsive Design for Non-Techies

Malcolm Jones

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

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

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

Internet Merchants Association

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

FlashGuy13

Introduction to Responsive Web Design

Clarissa Peterson

Similar to #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

Forum One Responsive Design UXCampDC 2013

Responsive Design for Non-Techies

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

Recently uploaded

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...

Edge AI and Vision Alliance

AI 101: An Introduction to the Basics and Impact of Artificial Intelligence

IndexBug

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack

shyamraj55

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

panagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/ DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen! Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell. Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten. Diese Themen werden behandelt - Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten - Wie funktionieren CCB- und CCX-Lizenzen wirklich? - Verstehen des DLAU-Tools und wie man es am besten nutzt - Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw. - Praxisbeispiele und Best Practices zum sofortigen Umsetzen

Introduction of Cybersecurity with OSS at Code Europe 2024

Hiroshi SHIBATA

I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems. The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS. Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application. I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.

How to use Firebase Data Connect For Flutter

Daiki Mogmet Ito

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Alpen-Adria-Universität

みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...

名前です男

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject. We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup. Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved. The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring. The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise. By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.

Fueling AI with Great Data with Airbyte Webinar

Zilliz

Main news related to the CCS TSI 2023 (2023/1695)

Jakub Marek

An English 🇬🇧 translation of a presentation to the speech I gave about the main changes brought by CCS TSI 2023 at the biggest Czech conference on Communications and signalling systems on Railways, which was held in Clarion Hotel Olomouc from 7th to 9th November 2023 (konferenceszt.cz). Attended by around 500 participants and 200 on-line followers. The original Czech 🇨🇿 version of the presentation can be found here: https://www.slideshare.net/slideshow/hlavni-novinky-souvisejici-s-ccs-tsi-2023-2023-1695/269688092 . The videorecording (in Czech) from the presentation is available here: https://youtu.be/WzjJWm4IyPk?si=SImb06tuXGb30BEH .

Taking AI to the Next Level in Manufacturing.pdf

ssuserfac0301

Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as: 1. How quickly AI is being implemented in manufacturing. 2. Which barriers stand in the way of AI adoption. 3. How data quality and governance form the backbone of AI. 4. Organizational processes and structures that may inhibit effective AI adoption. 6. Ideas and approaches to help build your organization's AI strategy.

UI5 Controls simplified - UI5con2024 presentation

Wouter Lemaire

June Patch Tuesday

Ivanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf

Chart Kalyan

Choosing The Best AWS Service For Your Website + API.pptx

Brandon Minnick, MBA

Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API? Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose? Which one is cheapest? Which one is fastest? Which one will scale to meet our needs? Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Malak Abu Hammad

Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers: * What is Vector Search? * Importance and benefits of vector search * Practical use cases across various industries * Step-by-step implementation guide * Live demos with code snippets * Enhancing LLM capabilities with vector search * Best practices and optimization strategies Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications. #MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Tosin Akinosho

Monitoring and Managing Anomaly Detection on OpenShift Overview Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices. Key Topics Covered 1. Introduction to Anomaly Detection - Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems. 2. Understanding Edge (IoT) - Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source. 3. What is ArgoCD? - Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices. 4. Deployment Using ArgoCD for Edge Devices - Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD. 5. Introduction to Apache Kafka and S3 - Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions. 6. Viewing Kafka Messages in the Data Lake - Learn how to view and analyze Kafka messages stored in a data lake for better insights. 7. What is Prometheus? - Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices. 8. Monitoring Application Metrics with Prometheus - Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system. 9. What is Camel K? - Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes. 10. Configuring Camel K Integrations for Data Pipelines - Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow. 11. What is a Jupyter Notebook? - Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text. 12. Jupyter Notebooks with Code Examples - Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.

Recently uploaded (20)

GraphRAG for Life Science to increase LLM accuracy

“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...

AI 101: An Introduction to the Basics and Impact of Artificial Intelligence

UiPath Test Automation using UiPath Test Suite series, part 6

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

Introduction of Cybersecurity with OSS at Code Europe 2024

How to use Firebase Data Connect For Flutter

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Artificial Intelligence for XMLDevelopment

Fueling AI with Great Data with Airbyte Webinar

Main news related to the CCS TSI 2023 (2023/1695)

Taking AI to the Next Level in Manufacturing.pdf

UI5 Controls simplified - UI5con2024 presentation

June Patch Tuesday

How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf

Choosing The Best AWS Service For Your Website + API.pptx

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Monitoring and Managing Anomaly Detection on OpenShift.pdf

#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

Recommended

Recommended

More Related Content

Similar to #RWD To the future

Similar to #RWD To the future (20)

Recently uploaded

Recently uploaded (20)

#RWD To the future