The document discusses responsive web design and flexibility on websites. It provides a brief history of web design from 1991 to present, highlighting important milestones. It explains that responsive design means making websites react to different environments like device width, height, and orientation using CSS media queries. The key steps to make a site responsive are to adapt the layout for different environments through media queries, use fluid grids that are width in percentages instead of pixels, and make images flexible by setting width to a percentage rather than a fixed pixel value.
Elements of an effective wiki must be collaborative, community-building, flexible and include asynchronous editing in either a public, protected or private environment.
Microformatos - 2009 - Juntando as Peças do PuzzleAndré Luís
Apresentação introdutória sobre Microformatos na SAPO Sessions de 4 de Junho de 2009.
Baseada na apresentação feita no Codebits, actualizada com exemplos e novidades. (novas ferramentas, novos design-patterns, etc.)
Responsive Web Design: Uma História das Trincheiras (sapo.pt)André Luís
Presentation in Portuguese delivered at ESAD Matosinhos, by invitation of Tiago Pedras and the Post-Grad. in Webdesign.
It's the history of the decisions we had to make while the sapo.pt homepage (the most popular portuguese website) was made. The website would be launched in july 2012, with a lot of improvements which sadly, aren't documented here.
http://www.esad.pt
For DribbbleLX'16 meetup. Co-authored and co-presented with Leihla Pinho (https://twitter.com/leihla).
Designers. Engineers. Usually they come with a vs. in-between. It doesn't—and shouldn't—be that way, but we all know too well it's easy to fall into the pits of despair when you're not understand and your work is not valued by your colleague on the "other side" of the barricade.
Let's bury the hatchet and talk this out. We'll cover why it's important to strive for balance between these two worlds and how it can be achieved with simple tools.
Elements of an effective wiki must be collaborative, community-building, flexible and include asynchronous editing in either a public, protected or private environment.
Microformatos - 2009 - Juntando as Peças do PuzzleAndré Luís
Apresentação introdutória sobre Microformatos na SAPO Sessions de 4 de Junho de 2009.
Baseada na apresentação feita no Codebits, actualizada com exemplos e novidades. (novas ferramentas, novos design-patterns, etc.)
Responsive Web Design: Uma História das Trincheiras (sapo.pt)André Luís
Presentation in Portuguese delivered at ESAD Matosinhos, by invitation of Tiago Pedras and the Post-Grad. in Webdesign.
It's the history of the decisions we had to make while the sapo.pt homepage (the most popular portuguese website) was made. The website would be launched in july 2012, with a lot of improvements which sadly, aren't documented here.
http://www.esad.pt
For DribbbleLX'16 meetup. Co-authored and co-presented with Leihla Pinho (https://twitter.com/leihla).
Designers. Engineers. Usually they come with a vs. in-between. It doesn't—and shouldn't—be that way, but we all know too well it's easy to fall into the pits of despair when you're not understand and your work is not valued by your colleague on the "other side" of the barricade.
Let's bury the hatchet and talk this out. We'll cover why it's important to strive for balance between these two worlds and how it can be achieved with simple tools.
Bibliography & Appendixes Can new web technologies HTML5 & CSS3 kill Flash? D...Jeremie Charlet
Dissertation on HTML5, CSS3 and Adobe Flash performed from July to December 2010 while doing an MSc in Computer Science at Staffordshire University, England
this pdf includes the bibliography and appendixes missing in the main report available here:
http://www.slideshare.net/charlet_jeremie/can-html5-css3-kill-flash/
Blueprints were introduced to Confluence 5.1 & have a huge potential usage. In this presentation we show how they are much more than just templates. By pulling in other modules into Blueprints, you can access any data and create complex content as easy as 1, 2, 3.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
Opening up the Social Web - Standards that are bridging the Islands Bastian Hofmann
Social networks are not closed off to the rest of the web anymore. Various standards like ActivityStreams, PubSubHubbub, WebFinger, OpenSocial, Salmon, OEmbed, XAuth or OExchange are emerging to open them up to other websites. I will introduce these protocols, show how they work together, how you can benefit from them and give an outlook on how they will change the world of social networks.
Achieving consistency in large CSS projects — FullStackLX #2André Luís
Video at: https://www.youtube.com/watch?v=1_YdO9uGhYY
We all know CSS’s reputation for being a mess. We’ve all seen Peter Griffin’s GIF. It’s not that tricky but if we let our immediate needs roam wild, our future self will be shaking their fist at our present self. In this talk we’ll cover how we can put in place several mechanisms in our favourite CSS pre-processor to achieve consistency not only in terms of code but also achieving a visually consistent product.
PDF with notes available at http://talks.andr3.net/2016/consistency.pdf
Bibliography & Appendixes Can new web technologies HTML5 & CSS3 kill Flash? D...Jeremie Charlet
Dissertation on HTML5, CSS3 and Adobe Flash performed from July to December 2010 while doing an MSc in Computer Science at Staffordshire University, England
this pdf includes the bibliography and appendixes missing in the main report available here:
http://www.slideshare.net/charlet_jeremie/can-html5-css3-kill-flash/
Blueprints were introduced to Confluence 5.1 & have a huge potential usage. In this presentation we show how they are much more than just templates. By pulling in other modules into Blueprints, you can access any data and create complex content as easy as 1, 2, 3.
After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain.
One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.
In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.
Opening up the Social Web - Standards that are bridging the Islands Bastian Hofmann
Social networks are not closed off to the rest of the web anymore. Various standards like ActivityStreams, PubSubHubbub, WebFinger, OpenSocial, Salmon, OEmbed, XAuth or OExchange are emerging to open them up to other websites. I will introduce these protocols, show how they work together, how you can benefit from them and give an outlook on how they will change the world of social networks.
Achieving consistency in large CSS projects — FullStackLX #2André Luís
Video at: https://www.youtube.com/watch?v=1_YdO9uGhYY
We all know CSS’s reputation for being a mess. We’ve all seen Peter Griffin’s GIF. It’s not that tricky but if we let our immediate needs roam wild, our future self will be shaking their fist at our present self. In this talk we’ll cover how we can put in place several mechanisms in our favourite CSS pre-processor to achieve consistency not only in terms of code but also achieving a visually consistent product.
PDF with notes available at http://talks.andr3.net/2016/consistency.pdf
Microformatos - juntando as peças do puzzleAndré Luís
Apresentação dada no Codebits 2008. Focada no que são, como usá-los, como publicá-los e como os consumir... para permitir muitas hacks no concurso.
A presentation I gave at Codebits 2008, focused on what they are, how to use them, publish them and consume them... to enable hacking at the contest.
Microformatos - pequenas peças do puzzleAndré Luís
Internal training session (in Portuguese) at SAPO.pt to introduce the concepts and explain the implementation details of the most prominent formats.
----
Sessão de formação interna (em português) @ SAPO.pt para introduzir os conceitos e os pormenores de implementação dos formatos mais relevantes.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
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.
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.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
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
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.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
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!
3. INTRODUCTION
whoamI?
I have this thing for sticking my finger in pointy monuments.
I’m all over the web. Check http://id.andr3.net or @andr3.
Friday, November 12, 2010
4. INTRODUCTION
whoamI?
Been speaking on a variety of topics, including...
JavaScript microformats HTML5 CSS
more at http://slideshare.net/andr3
Friday, November 12, 2010
14. Evolution of Webdesign
Aquickhistorylesson
1991
The CERN
years
1998
tables for layout
& framesets
2003
Designing with
web standards
by J. Zeldman
CSS
Zen Garden
by Dave Shea
&
2005
microformats
Friday, November 12, 2010
15. Evolution of Webdesign
Aquickhistorylesson
1991
The CERN
years
1998
tables for layout
& framesets
2003
Designing with
web standards
by J. Zeldman
CSS
Zen Garden
by Dave Shea
&
2007
CSS3 features
become more
widely adopted
2005
microformats
Friday, November 12, 2010
16. Evolution of Webdesign
Aquickhistorylesson
1991
The CERN
years
1998
tables for layout
& framesets
2003
Designing with
web standards
by J. Zeldman
CSS
Zen Garden
by Dave Shea
&
2007
CSS3 features
become more
widely adopted
2005
microformats
2009
HTML5 features
become more
widely adopted
Friday, November 12, 2010
17. Evolution of Webdesign
Aquickhistorylesson
1991
The CERN
years
1998
tables for layout
& framesets
2003
Designing with
web standards
by J. Zeldman
CSS
Zen Garden
by Dave Shea
&
2007
CSS3 features
become more
widely adopted
2010
What now?
2005
microformats
2009
HTML5 features
become more
widely adopted
Friday, November 12, 2010
18. Evolution of Webdesign
Aquickhistorylesson
Role of the Webdesigner
1991 Write HTML.
1998 Draw boxed layouts & write HTML.
...
2010 Design layout, do Information Architecture,
cover every interaction, content strategy, etc.
Friday, November 12, 2010
19. The Web is dead. Long live the Internet.
http://www.wired.com/magazine/2010/08/ff_webrip/
http://6s0t.sl.pt
Friday, November 12, 2010
31. Flexibility
flex·i·ble (adj.)
capable of bending easily without breaking.
khalid-almasoud http://6s4a.sl.pt
standing on the shoulders of:
Dan Cederholm
http://simplebits.com
Friday, November 12, 2010
48. Responsive Design
re·spon·sive (adj.)
1. reacting or replying quickly to a suggestion, etc.
2. responsive architecture: spaces responding to presence
of people passing through them.
standing on the shoulders of:
Ethan Marcotte
http://unstoppablerobotninja.com
Friday, November 12, 2010
49. Responsive Webdesign
Whatcanourwebsitesreactto&how?
Remember the amount of user-agents?
width?
height?
device-width?
device-height?
orientation?
aspect-ratio?
device-aspect-ratio?
color?
color-index?
monochrome?
resolution?
scan?
grid?
Friday, November 12, 2010
74. Responsive Webdesign
Whatcanourwebsitesreactto&how?
Final thoughts on Responsive Webdesign™
“That’s the thing about responsive web design:
you can’t just think of it as a sprinkle of pixie
dust that can be applied to any site. It requires
the right mindset. It requires that sites be built
on solid foundations of best practice. If those
foundations are in place—a flexible layout,
flexible images, optimised performance—then
responsive web design can work its magic.”
Jeremy Keith in “A responsive mind”
http://adactio.com/journal/1696/
http://6tqn.sl.pt
Friday, November 12, 2010
77. Appropriate Typefaces
Usingtherightonesandnottheavailableones
@font-face {
font-family: 'Gotham';
src: url('gotham.eot');
src: local('☺'),
url('gotham.woff') format('woff'),
url('gotham.ttf') format('truetype');
}
Bulletproof Font-face by Paul Irish
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
http://6tts.sl.pt
Friday, November 12, 2010
78. Appropriate Typefaces
Usingtherightonesandnottheavailableones
Just because you can, doesn’t mean you should.
Heads up:
Render issues on all browsers in Windows.
Performance: more bytes to download.
Character map: make sure the typeface
supports the entire set of latin chars (or your
language, for that matter).
Friday, November 12, 2010