E' oramai assolutamente necessario realizzare siti web che si adattano a dispositivi con risoluzioni e dimensioni diverse come desktop, tablet e smartphone.
In questo talk si affronterà il Responsive Design, come progettare per più dispositivi un sito in modo che il layout si adatti alla larghezza dello schermo dell'utente. E mostrerà come sviluppare un sito web Responsive con TYPO3.
Tesseract Project - T3Camp Italia 2011 Bolognaalfredo furnò
Il progetto Tesseract è un insieme di estensioni progettate per facilitare
l’estrazione e la visualizzazione di dati in TYPO3,
utilizzando controller e formati di dati standard.
Maggiori informazioni su
http://www.typo3-tesseract.com
openGAS è una distribuzione Drupal creata per sviluppare web systems attraverso cui è possibile fare la gestione completa delle attività e degli acquisti di un Gruppo di Acquisto Solidale.
I Gruppi di Acquisto Solidale (GAS) sono gruppi di acquisto, organizzati spontaneamente, che partono da un approccio critico al consumo e che vogliono applicare i principi di equità e solidarietà ai propri acquisti (principalmente prodotti alimentari o di largo consumo).
In questa sessione saranno illustrate le tecnologie che stanno dietro openGAS, i problemi da risolvere, e gli sviluppi futuri del progetto.
openGAS è una distribuzione Drupal creata per sviluppare web systems attraverso cui è possibile fare la gestione completa delle attività e degli acquisti di un Gruppo di Acquisto Solidale.
I Gruppi di Acquisto Solidale (GAS) sono gruppi di acquisto, organizzati spontaneamente, che partono da un approccio critico al consumo e che vogliono applicare i principi di equità e solidarietà ai propri acquisti (principalmente prodotti alimentari o di largo consumo).
In questa sessione saranno illustrate le tecnologie che stanno dietro openGAS, i problemi da risolvere, e gli sviluppi futuri del progetto.
The technologies and people we are designing experiences for are constantly changing, in most cases they are changing at a rate that is difficult keep up with. When we think about how our teams are structured and the design processes we use in light of this challenge, a new design problem (or problem space) emerges, one that requires us to focus inward. How do we structure our teams and processes to be resilient? What would happen if we looked at our teams and design process as IA’s, Designers, Researchers? What strategies would we put in place to help them be successful? This talk will look at challenges we face leading, supporting, or simply being a part of design teams creating experiences for user groups with changing technological needs.
UX, ethnography and possibilities: for Libraries, Museums and ArchivesNed Potter
These slides are adapted from a talk I gave at the Welsh Government's Marketing Awards for the LAM sector, in 2017.
It offers a primer on UX - User Experience - and how ethnography and design might be used in the library, archive and museum worlds to better understand our users. All good marketing starts with audience insight.
The presentation covers the following:
1) An introduction to UX
2) Ethnography, with definitions and examples of 7 ethnographic techniques
3) User-centred design and Design Thinking
4) Examples of UX-led changes made at institutions in the UK and Scandinavia
5) Next Steps - if you'd like to try out UX at your own organisation
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
Tesseract Project - T3Camp Italia 2011 Bolognaalfredo furnò
Il progetto Tesseract è un insieme di estensioni progettate per facilitare
l’estrazione e la visualizzazione di dati in TYPO3,
utilizzando controller e formati di dati standard.
Maggiori informazioni su
http://www.typo3-tesseract.com
openGAS è una distribuzione Drupal creata per sviluppare web systems attraverso cui è possibile fare la gestione completa delle attività e degli acquisti di un Gruppo di Acquisto Solidale.
I Gruppi di Acquisto Solidale (GAS) sono gruppi di acquisto, organizzati spontaneamente, che partono da un approccio critico al consumo e che vogliono applicare i principi di equità e solidarietà ai propri acquisti (principalmente prodotti alimentari o di largo consumo).
In questa sessione saranno illustrate le tecnologie che stanno dietro openGAS, i problemi da risolvere, e gli sviluppi futuri del progetto.
openGAS è una distribuzione Drupal creata per sviluppare web systems attraverso cui è possibile fare la gestione completa delle attività e degli acquisti di un Gruppo di Acquisto Solidale.
I Gruppi di Acquisto Solidale (GAS) sono gruppi di acquisto, organizzati spontaneamente, che partono da un approccio critico al consumo e che vogliono applicare i principi di equità e solidarietà ai propri acquisti (principalmente prodotti alimentari o di largo consumo).
In questa sessione saranno illustrate le tecnologie che stanno dietro openGAS, i problemi da risolvere, e gli sviluppi futuri del progetto.
The technologies and people we are designing experiences for are constantly changing, in most cases they are changing at a rate that is difficult keep up with. When we think about how our teams are structured and the design processes we use in light of this challenge, a new design problem (or problem space) emerges, one that requires us to focus inward. How do we structure our teams and processes to be resilient? What would happen if we looked at our teams and design process as IA’s, Designers, Researchers? What strategies would we put in place to help them be successful? This talk will look at challenges we face leading, supporting, or simply being a part of design teams creating experiences for user groups with changing technological needs.
UX, ethnography and possibilities: for Libraries, Museums and ArchivesNed Potter
These slides are adapted from a talk I gave at the Welsh Government's Marketing Awards for the LAM sector, in 2017.
It offers a primer on UX - User Experience - and how ethnography and design might be used in the library, archive and museum worlds to better understand our users. All good marketing starts with audience insight.
The presentation covers the following:
1) An introduction to UX
2) Ethnography, with definitions and examples of 7 ethnographic techniques
3) User-centred design and Design Thinking
4) Examples of UX-led changes made at institutions in the UK and Scandinavia
5) Next Steps - if you'd like to try out UX at your own organisation
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
ITORIGINS-The best sitecore cms online training academy in india , Our Sitecore online training program will help you to meet industry requirements. Sitecore online training and certification program offers job support to our trainees.Sitecore is a .Net-based WCM web application technology designed for content management
Screen and Context: Usability in the Postdesktop WorldDoug Gapinski
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. As we enter the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context. This session will examine how screen and input types are changing:
• multi-screen design
• prototyping
• new input types
• usability testing
Screen and Context: Usability in the Postdesktop WorldmStoner, Inc.
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
This presentation is a duplicate of the original posted here: http://www.slideshare.net/thedougco/screen-and-context-usability-in-the-postdesktop-world
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
This file is the final report for the course Digital Content Retrieval (DCR) presented at Pavia University as Computer Engineering Master's course. The report explains the procedure for the development of a personal website and a video curriculum describing its development aspects using proper project management techniques. The source of the personal website and the video curriculum are available at https://github.com/kooroshsajadi/personal-website and https://vimeo.com/843032358?share=copy respectively.
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper
There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.
Responsive Web Designed for your communication and marketing needsSEGIC
This presentation will give you an overview of the application of Responsive Web Designed. Obviously a live presentation would show you the application in Action
Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3Doris Chen
The demo and resrouces are available at http://bit.ly/Wins8DevHTML5Pres.
This session outlines some of what you can do with new HTML5 and CSS3 features introduced in Internet Explorer 10. Internet Explorer 10 is the browser for rendering modern (HTML5/CSS3) standards-compliant websites. It is also one of the foundations for Windows 8 style app development on Windows 8.
Get started writing Windows 8 style apps using your HTML5, JavaScript, and CSS skills today! You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps.
◦You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime.
◦You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration.
This session will arm you with everything you need to know to start building Windows 8 style apps with the skills you already have.
ITORIGINS-The best sitecore cms online training academy in india , Our Sitecore online training program will help you to meet industry requirements. Sitecore online training and certification program offers job support to our trainees.Sitecore is a .Net-based WCM web application technology designed for content management
Screen and Context: Usability in the Postdesktop WorldDoug Gapinski
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. As we enter the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context. This session will examine how screen and input types are changing:
• multi-screen design
• prototyping
• new input types
• usability testing
Screen and Context: Usability in the Postdesktop WorldmStoner, Inc.
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
This presentation is a duplicate of the original posted here: http://www.slideshare.net/thedougco/screen-and-context-usability-in-the-postdesktop-world
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
How to Project-Manage and Implement a Responsive Website
Marcos Corro, Designer & Developer Balboa Park Online Collaborative
Jennifer Jurgens, Design & Developer Minneapolis Institute of Arts
This file is the final report for the course Digital Content Retrieval (DCR) presented at Pavia University as Computer Engineering Master's course. The report explains the procedure for the development of a personal website and a video curriculum describing its development aspects using proper project management techniques. The source of the personal website and the video curriculum are available at https://github.com/kooroshsajadi/personal-website and https://vimeo.com/843032358?share=copy respectively.
Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper
There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.
Responsive Web Designed for your communication and marketing needsSEGIC
This presentation will give you an overview of the application of Responsive Web Designed. Obviously a live presentation would show you the application in Action
Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3Doris Chen
The demo and resrouces are available at http://bit.ly/Wins8DevHTML5Pres.
This session outlines some of what you can do with new HTML5 and CSS3 features introduced in Internet Explorer 10. Internet Explorer 10 is the browser for rendering modern (HTML5/CSS3) standards-compliant websites. It is also one of the foundations for Windows 8 style app development on Windows 8.
Get started writing Windows 8 style apps using your HTML5, JavaScript, and CSS skills today! You already have a Web app on the Internet and want to reach customers with a new, targeted experience on Windows 8. Come get practical guidance and best practices on how to reuse your Web assets. Come dive into the specifics of this exciting platform and see how you can use your Web skills to build deeply-integrated Windows apps.
◦You’ll discover how this mirrors or differs from traditional Web programming and how to harness the rich capabilities of Windows 8 through JavaScript and the Windows Runtime.
◦You'll learn techniques for turning your HTML5, CSS and JavaScript into a great Windows app including touch-enablement, adopting the Windows look and feel, and system integration.
This session will arm you with everything you need to know to start building Windows 8 style apps with the skills you already have.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
The Metaverse and AI: how can decision-makers harness the Metaverse for their...Jen Stirrup
The Metaverse is popularized in science fiction, and now it is becoming closer to being a part of our daily lives through the use of social media and shopping companies. How can businesses survive in a world where Artificial Intelligence is becoming the present as well as the future of technology, and how does the Metaverse fit into business strategy when futurist ideas are developing into reality at accelerated rates? How do we do this when our data isn't up to scratch? How can we move towards success with our data so we are set up for the Metaverse when it arrives?
How can you help your company evolve, adapt, and succeed using Artificial Intelligence and the Metaverse to stay ahead of the competition? What are the potential issues, complications, and benefits that these technologies could bring to us and our organizations? In this session, Jen Stirrup will explain how to start thinking about these technologies as an organisation.
Enhancing Performance with Globus and the Science DMZGlobus
ESnet has led the way in helping national facilities—and many other institutions in the research community—configure Science DMZs and troubleshoot network issues to maximize data transfer performance. In this talk we will present a summary of approaches and tips for getting the most out of your network infrastructure using Globus Connect Server.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Welcome to the first live UiPath Community Day Dubai! Join us for this unique occasion to meet our local and global UiPath Community and leaders. You will get a full view of the MEA region's automation landscape and the AI Powered automation technology capabilities of UiPath. Also, hosted by our local partners Marc Ellis, you will enjoy a half-day packed with industry insights and automation peers networking.
📕 Curious on our agenda? Wait no more!
10:00 Welcome note - UiPath Community in Dubai
Lovely Sinha, UiPath Community Chapter Leader, UiPath MVPx3, Hyper-automation Consultant, First Abu Dhabi Bank
10:20 A UiPath cross-region MEA overview
Ashraf El Zarka, VP and Managing Director MEA, UiPath
10:35: Customer Success Journey
Deepthi Deepak, Head of Intelligent Automation CoE, First Abu Dhabi Bank
11:15 The UiPath approach to GenAI with our three principles: improve accuracy, supercharge productivity, and automate more
Boris Krumrey, Global VP, Automation Innovation, UiPath
12:15 To discover how Marc Ellis leverages tech-driven solutions in recruitment and managed services.
Brendan Lingam, Director of Sales and Business Development, Marc Ellis
Responsive Design con TYPO3 - T3Camp Italia 2012 Bologna
1. Responsive Web Design
con
TYPO3
alfredo furnò
T3Camp Italia Bologna 16/17 Novembre
Il terzo evento italiano dedicato al CMS Typo3 2012
2. Responsive Web Design
alfredo furnò
Systems Development Specialist
Organizing technology to meet business goals with
Open Source Solutions
for Small Business
Pag. 2 http://www.t3campitalia.it/
3. Responsive Web Design
Linux Magazine
N° 39 Marzo 2004
sviluppo web
Content management
professionale
Introduzione a Typo3, il più
completo sistema in PhP
per la gestione dei
contenuti web
Pag. 3 http://www.t3campitalia.it/
4. Responsive Web Design
Che cos'è il
Responsive Design
?
Pag. 4 http://www.t3campitalia.it/
5. Responsive Web Design
Responsive Web Design
Il termine Responsive Web Design (RWD) viene utilizzato
per indicare una particolare tecnica di Web design per la
realizzazione di siti web in modo che le pagine adattino
automaticamente il layout per fornire una visualizzazione
ottimale in funzione dell'ambiente nei quali vengono
visualizzati (pc su desktop con diverse risoluzioni, tablet,
smartphone, cellulari di vecchia generazione, web tv)
riducendo al minimo all'utente la necessità di
ridimensionamento e scorrimento, in particolare quello
orizzontale.
Da Wikipedia, l'enciclopedia libera.
Pag. 5 http://www.t3campitalia.it/
6. Responsive Web Design
http://www.alistapart.com/articles/responsive-web-design/
Pag. 6 http://www.t3campitalia.it/
7. Responsive Web Design
http://www.italianalistapart.com/articoli/17-numero-7-8-giugno-2010/71-web-design-reattivo/
Pag. 7 http://www.t3campitalia.it/
8. Responsive Web Design 8
Obiettivo
Creare siti web che rispondono al dispositivo dell'utente
in base a dimensione dello schermo, risoluzione e
funzioni.
http://www.t3campitalia.it/
18. Responsive Web Design 20
“Google recommends webmasters follow the
industry best practice of using responsive web
design, namely serving the same HTML for all
devices and using only CSS media queries to
decide the rendering on each device.”
https://developers.google.com/webmasters/smartphone-sites
http://www.t3campitalia.it/
21. Responsive Web Design
Responsinator
http://www.responsinator.com
Responsinator permette di testare il layout di siti
web su dispositivi mobili differenti come:
● iPhone
● iPad
● Android
● Kindle
Per ogni dispositivo é possibile analizzare in layout in
modalità portrait e landscape.
Pag. http://www.t3campitalia.it/
22. Responsive Web Design 24
Responsinator
http://www.responsinator.com
● iPhone 3+4 portrait 320 x 480
● iPhone 3+4 landscape 480 x 320
● iPhone 5 portrait 320 x 568
● iPhone 5 landscape 568 x 320
● Crappy Android portrait 240 x 320
● Crappy Android landscape 320 x 240
● Android (Samsung Galaxy) portrait 380 by 685
● Android (Samsung Galaxy) landscape 685 by 380
● iPad portrait 768 x 1024
● iPad landscape 1024 x 768
● Kindle portrait 600 x 1024
● Kindle landscape 1024 x 600
http://www.t3campitalia.it/
24. Responsive Web Design 26
Risorse su TYPO3 & Responsive Web Design
● TYPO3 6.0 - Back to the Future
http://typo3.org/news/article/typo3-60-back-to-the-future/
● Responsive Design mit TYPO3 – Türchen 22
http://typo3blogger.de/responsive-design-mit-typo3/
● Responsive Webdesign mit YAML, TYPO3 und TemplaVoilà!
http://www.melschmidt.de/web-artikel/responsive-webdesign-mit-typo3-templavoila-und-yaml/
http://www.t3campitalia.it/
26. Responsive Web Design 28
CSS
img, embed, object, video {
max-width: 100%;
height: auto;
width: auto;
}
CSS3 Media Queries
@media screen and (max-width: 320px) {
...
}
@media screen and (max-width: 480px) {
...
}
@media screen and (max-width: 760px) {
...
}
@media screen and (max-width: 1024px) {
...
}
http://www.t3campitalia.it/
27. Responsive Web Design
Demo
YAML CSS Framework
for truly flexible, accessible and responsive websites
TYPO3 4.7.7
templavoila
ws_flexslider
formhandler
static_info_tables
t3quixplorer
static_info_tables
tt_news
Pag. http://www.t3campitalia.it/
28. Responsive Web Design
TYPO3 4.7 Release Notes
TYPO3 harmonizes with HTML5
Wherever rich media content (images, audio or video) needs to be integrated on
various platforms, HTML5 has established itself as the de facto standard in
development of modern websites. Therefore with TYPO3 version 4.7, HTML5
conformity is now a core feature. What was possible in earlier versions of TYPO3 only
by using third party extensions or custom configuration, can now be achieved very
easily. In conjunction with the system extension ›CSS Styled Content‹, TYPO3 version
4.7 now generates clean HTML5 source code that corresponds to the W3C validation
guidelines.
The feature-enhanced and HTML5 optimized Rich Text Editor (RTE) can be adapted
much more easily to individual needs. In addition, the integration of HTML5 video
and audio files is now possible as well as the simultaneous uploading of multiple files
within TCEForms. For video content TYPO3 version 4.7 uses the JavaScript library
VideoJS and Flowplayer as fallback.
http://typo3.org/download/release-notes/typo3-4-7-release-notes/
Pag. http://www.t3campitalia.it/
29. Responsive Web Design 31
Lista della spesa
● Approccio 'Content out'
● Design e layout per tutti i dispositivi
● Layout: colonne e larghezza
● Navigazione semplice
● Dimensione e formato del testo
● Immagini e oggetti
● App mobile e siti web responsive a confronto
● Media query css3 per il RESPONSIVE DESIGN
● Scripting per le funzioni aggiuntive
http://www.t3campitalia.it/