The document discusses Rachel Andrew's experience building the modern web. It summarizes that Rachel found community and a new career through learning HTML and sharing her knowledge of building websites. Over time, the web became more standardized and accessible, though complexity has also increased with various frameworks abstracting the core technologies of HTML, CSS, and JavaScript. Rachel advocates for developing strong fundamental skills in the core technologies rather than relying too heavily on frameworks.
This was our final Series A deck. Read more about raising the round in this blog post:
https://medium.com/@DanielleMorrill/welcome-brad-feld-to-the-mattermark-team-announcing-our-6-5m-series-a-dd9532fc1b39
Mobile-First SEO - The Marketers Edition #3XEDigitalAleyda Solís
How to target your SEO process to a reality of more people searching on mobile devices than desktop and an upcoming mobile first Google index? Check it out.
A downloadable template created by VCs for founders looking to raise seed capital. Download here: https://www.dropbox.com/s/pxnyscz93dzjbv8/Nextview_startup_pitch_deck_template.pptx?dl=0
If you’re looking to become an experienced public speaker with invites coming in your inbox every week, check out these 10 easy steps to becoming a keynote speaker!
Download the full guide here: http://bit.ly/2gZu00G
Delivering powerful keynote speeches takes more than words. Public speaking is in many ways a form of art or entertainment - presenting yourself and your ideas to an audience. While there is no single formula for a good performance, there are many techniques that you can employ to make it work for you.
As a speaker you have to convey an idea. But to do that, you need to bring people into the same feeling, the same wavelength around that single idea. TED curator Chris Anderson encourages speakers to organize their speeches following this simple framework:
1. Focus on a single idea
Choose an idea that you’re most passionate about. Explain that idea and try to give it context as well as offer examples.
2. Give people a reason to care
Your audience is most likely not as aware of the idea you want to approach. Stir their curiosity by using guiding questions. Try to spark in them the desire to bridge the knowledge gap.
3. Build your idea piece by piece
Speak the same language as your audience, especially if you have a technical presentation to deliver. The more you can use visual explanations and patterns, the easier it will be for your audience to understand and to Have those “Aha!” moments.
Make your idea worth sharing
TED’s tagline encourage speakers to consider who does their ideas benefit. An idea worthy of being shared is one that has the potential to change someone else’ perspective and inspire. It’s not a selfish presentation serving only a few or, worse, your own interests exclusively.
Now, ideas come in all shapes and sizes from the complex and analytical to the simple and aesthetic. To convey them, you have to stimulate your audience’s minds. How? By delivering a performance, not just a speech. This is how you’ll be able to transfer your idea from your head to theirs.
Read more about how you can create and deliver amazing keynote speeches on our blog - http://visualhackers.com/blog/
Publishing Production: From the Desktop to the CloudDeanta
The publishing landscape is evolving from a format-driven industry to a content-focussed one. As such our processes and technology solutions should adapt to meet these changing needs. This presentation looks at moving from a static desktop-based workflow to that of a collaborative cloud-based one.
This is the first SlideShare adaption of Timothy E. Johansson's 100 Growth Hacks in 100 Days. The growth hacks that's included in the slide are 1 to 10. Timothy is the front-end developer at UserApp (www.userapp.io).
GraphQL is a specification created by Facebook that defines a query language for fetching data from backend services. It allows clients to request specific data fields from a server in a hierarchical manner and receive only the requested data. GraphQL queries are strongly typed and introspective, allowing clients to understand the structure of the returned data. While still in draft form, GraphQL is used in production by Facebook's mobile apps and provides advantages over traditional REST APIs by being more product-centric and client-driven.
This was our final Series A deck. Read more about raising the round in this blog post:
https://medium.com/@DanielleMorrill/welcome-brad-feld-to-the-mattermark-team-announcing-our-6-5m-series-a-dd9532fc1b39
Mobile-First SEO - The Marketers Edition #3XEDigitalAleyda Solís
How to target your SEO process to a reality of more people searching on mobile devices than desktop and an upcoming mobile first Google index? Check it out.
A downloadable template created by VCs for founders looking to raise seed capital. Download here: https://www.dropbox.com/s/pxnyscz93dzjbv8/Nextview_startup_pitch_deck_template.pptx?dl=0
If you’re looking to become an experienced public speaker with invites coming in your inbox every week, check out these 10 easy steps to becoming a keynote speaker!
Download the full guide here: http://bit.ly/2gZu00G
Delivering powerful keynote speeches takes more than words. Public speaking is in many ways a form of art or entertainment - presenting yourself and your ideas to an audience. While there is no single formula for a good performance, there are many techniques that you can employ to make it work for you.
As a speaker you have to convey an idea. But to do that, you need to bring people into the same feeling, the same wavelength around that single idea. TED curator Chris Anderson encourages speakers to organize their speeches following this simple framework:
1. Focus on a single idea
Choose an idea that you’re most passionate about. Explain that idea and try to give it context as well as offer examples.
2. Give people a reason to care
Your audience is most likely not as aware of the idea you want to approach. Stir their curiosity by using guiding questions. Try to spark in them the desire to bridge the knowledge gap.
3. Build your idea piece by piece
Speak the same language as your audience, especially if you have a technical presentation to deliver. The more you can use visual explanations and patterns, the easier it will be for your audience to understand and to Have those “Aha!” moments.
Make your idea worth sharing
TED’s tagline encourage speakers to consider who does their ideas benefit. An idea worthy of being shared is one that has the potential to change someone else’ perspective and inspire. It’s not a selfish presentation serving only a few or, worse, your own interests exclusively.
Now, ideas come in all shapes and sizes from the complex and analytical to the simple and aesthetic. To convey them, you have to stimulate your audience’s minds. How? By delivering a performance, not just a speech. This is how you’ll be able to transfer your idea from your head to theirs.
Read more about how you can create and deliver amazing keynote speeches on our blog - http://visualhackers.com/blog/
Publishing Production: From the Desktop to the CloudDeanta
The publishing landscape is evolving from a format-driven industry to a content-focussed one. As such our processes and technology solutions should adapt to meet these changing needs. This presentation looks at moving from a static desktop-based workflow to that of a collaborative cloud-based one.
This is the first SlideShare adaption of Timothy E. Johansson's 100 Growth Hacks in 100 Days. The growth hacks that's included in the slide are 1 to 10. Timothy is the front-end developer at UserApp (www.userapp.io).
GraphQL is a specification created by Facebook that defines a query language for fetching data from backend services. It allows clients to request specific data fields from a server in a hierarchical manner and receive only the requested data. GraphQL queries are strongly typed and introspective, allowing clients to understand the structure of the returned data. While still in draft form, GraphQL is used in production by Facebook's mobile apps and provides advantages over traditional REST APIs by being more product-centric and client-driven.
Building an enduring, multi-billion dollar consumer technology company is hard. As an investor, knowing which startups have the potential to be massive and long-lasting is also hard. From both perspectives, identifying companies with this potential is a combination of “art” and “science” — the art is understanding how products work, and the science is knowing how to measure it. At the earliest stages of a company, it comes down to understanding how a product is built to maximize and leverage user engagement.
In this presentation, Sarah Tavel shares her "Hierarchy of Engagement" framework she uses to evaluate non-transactional consumer companies she is looking to invest in.
This document outlines Seth Familian's presentation on working with big data. It discusses key concepts like what constitutes big data, popular tools for working with big data like Splunk and Segment, and techniques for building dashboards and inferring customer segments from large datasets. Specific examples are provided of automated data flows that extract, load, transform and analyze big data from various sources to generate insights and populate customized dashboards.
As NFT projects continue to pop up and censorship woes become a reality, decentralized storage has become a beacon of hope for many. Let’s check out how much the decentralized storage sector has grown!
The document discusses various AI tools from OpenAI like GPT-3 and DALL-E 2, as well as ChatGPT. It explores how search engines are using AI and things to consider around AI-generated content. Potential SEO uses of ChatGPT are also presented, such as generating content at scale, conducting topic research, and automating basic coding tasks. The document encourages further reading on using ChatGPT for SEO purposes.
Using ChatGPT can be helpful in presentations to explain concepts in easy-to-understand terms.
Pairing that with Dall-E 2 can make your slides fun and interesting.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
This document outlines the product development process used by SWARM, a digital product studio. It describes the key stages of discovery, information architecture, wireframing, user experience design, user interaction design, and engineering. Discovery involves understanding what is being built, why, and for whom. Information architecture defines the app's structure and components. Wireframes create a skeletal framework. User experience and interaction design further develop the visual design and interface. Engineering is done in two-week sprints to implement the product. Data and analytics are also discussed as ways to enhance marketing and personalization.
StairWear provides custom-fit accessories for stairs that offer more foot space on each step, better grip, and better visibility. This helps address the problems elderly and disabled users face with stairs being too small, lacking grip, and blending together visually. The solution involves measuring existing stairs, customizing products online to exact needs, 3D printing/CNC cutting products locally for quick assembly and installation in under an hour. The pitch deck outlines the sizeable markets for elderly assistive technology and stairlifts, as well as StairWear's competitive advantages such as a tailor-fit, affordable solution that enables continued independent living.
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
Andreas Tschas - Pioneers - Building Startup Marketplaces in Europe & Asia - ...Burton Lee
Talk by Andreas Tschas, CEO & Co-Founder, Pioneers Festival, at Stanford on Feb 22 2016, in our session on 'Startup Marketplaces & AI FinTech Founders :: Vienna & Portugal'.
Website: http://www.StanfordEuropreneurs.org
YouTube Channel: https://www.youtube.com/user/StanfordEuropreneurs
Twitter: @Europreneurs
GraphQL is a query language for APIs and a runtime for fulfilling those queries. It gives clients the power to ask for exactly what they need, which makes it a great fit for modern web and mobile apps. In this talk, we explain why GraphQL was created, introduce you to the syntax and behavior, and then show how to use it to build powerful APIs for your data. We will also introduce you to AWS AppSync, a GraphQL-powered serverless backend for apps, which you can use to host GraphQL APIs and also add real-time and offline capabilities to your web and mobile apps. You can follow along if you have an AWS account – no GraphQL experience required!
Level: Beginner
Speaker: Rohan Deshpande - Sr. Software Dev Engineer, AWS Mobile Applications
The document provides an introduction to back-end development, including definitions of the internet, World Wide Web, and request-response cycle. It explains the differences between front-end and back-end development and lists common front-end and back-end programming languages. Main protocols like IP, TCP, UDP, and HTTP are described. Additional back-end concepts covered include CRUD functionality, securing passwords, HTTPS, and APIs. Resources for further learning back-end development with languages like Python, Node.js, and PHP are also provided.
The document summarizes key takeaways from the SXSW conference. Some of the main topics discussed include: 1) The importance of designing technology with purpose and creating positive human experiences. 2) How collaboration between companies can drive innovation. 3) The value of not being constrained by audiences and taking creative risks. 4) The growing role of virtual and augmented reality. 5) How the rate of technological change is accelerating exponentially. 6) How cognitive computing is being applied across many domains to solve problems. 7) Emerging technologies like self-driving cars that are closer to widespread use than perceived. 8) How ubiquitous computing is already integrating technology into many aspects of life. 9) The growing role of robots and focus on
Pitching Ideas: How to sell your ideas to othersJeroen van Geel
Learn how to convince others of your UX ideas by understanding them.
We are good in designing usable and engaging products and services. We understand the user's needs and have a toolkit with dozens of deliverables. But for some reason it remains difficult to sell an idea or concept to team members, managers or clients. After this session that problem will be solved!
Selling your ideas and convincing others is one of the most undervalued assets in our field. This ranges from convincing a colleague to use a certain design pattern to selling research to your boss and convincing a client to go for your concept. You can come up with the best ideas in the world, but if it is presented in the wrong way these ideas will die a lonely dead. This is sad, because everybody can learn how to bring a message across. The main thing is that you know what to pay attention to.
In this session I will take you on a journey through the world of presenting ideas. We will move through the heads of clients and your colleagues, learn what their thoughts and needs are. We will move to the core of your idea and into the world of psychology.
Flutter is a cross-platform UI framework developed by Google that allows developers to build high-performance native mobile apps from a single codebase. It offers fast development through features like hot reload, high-quality apps through platform integrations and native performance, and broad reach through a single codebase that works on both Android and iOS. The framework uses widgets as the primary building block, and includes both stateless and stateful widgets to help manage app state and updates. It also supports native platform features and plugins.
Go is a statically typed, compiled programming language designed for building simple, reliable, and efficient software. Some key points:
- Go is natively compiled and uses static typing with type inference. It is targeted for system programming and server-side applications.
- It was created at Google in 2007 to address issues with other languages like dependency management, garbage collection, and support for concurrency.
- Popular users include Google, Docker, Dropbox, SoundCloud, and MongoDB. Domains it is used include distributed systems, cloud, web development, and systems programming.
- Key features include built-in concurrency and networking support, a rich standard library, and fast compilation. It aims to be
My books- Learning to Go https://gumroad.com/l/learn2go & The 30 Goals Challenge for Teachers http://amazon.com/The-Goals-Challenge-Teachers-Transform/dp/0415735343
Resources at http://shellyterrell.com/games
Are Traditional Teaching Methods Right for Today's StudentsWiley
Learn about the different domains of competency that influence student success in the classroom and provides them with the necessary skills for the 21st century workplace.
Building an enduring, multi-billion dollar consumer technology company is hard. As an investor, knowing which startups have the potential to be massive and long-lasting is also hard. From both perspectives, identifying companies with this potential is a combination of “art” and “science” — the art is understanding how products work, and the science is knowing how to measure it. At the earliest stages of a company, it comes down to understanding how a product is built to maximize and leverage user engagement.
In this presentation, Sarah Tavel shares her "Hierarchy of Engagement" framework she uses to evaluate non-transactional consumer companies she is looking to invest in.
This document outlines Seth Familian's presentation on working with big data. It discusses key concepts like what constitutes big data, popular tools for working with big data like Splunk and Segment, and techniques for building dashboards and inferring customer segments from large datasets. Specific examples are provided of automated data flows that extract, load, transform and analyze big data from various sources to generate insights and populate customized dashboards.
As NFT projects continue to pop up and censorship woes become a reality, decentralized storage has become a beacon of hope for many. Let’s check out how much the decentralized storage sector has grown!
The document discusses various AI tools from OpenAI like GPT-3 and DALL-E 2, as well as ChatGPT. It explores how search engines are using AI and things to consider around AI-generated content. Potential SEO uses of ChatGPT are also presented, such as generating content at scale, conducting topic research, and automating basic coding tasks. The document encourages further reading on using ChatGPT for SEO purposes.
Using ChatGPT can be helpful in presentations to explain concepts in easy-to-understand terms.
Pairing that with Dall-E 2 can make your slides fun and interesting.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
This document outlines the product development process used by SWARM, a digital product studio. It describes the key stages of discovery, information architecture, wireframing, user experience design, user interaction design, and engineering. Discovery involves understanding what is being built, why, and for whom. Information architecture defines the app's structure and components. Wireframes create a skeletal framework. User experience and interaction design further develop the visual design and interface. Engineering is done in two-week sprints to implement the product. Data and analytics are also discussed as ways to enhance marketing and personalization.
StairWear provides custom-fit accessories for stairs that offer more foot space on each step, better grip, and better visibility. This helps address the problems elderly and disabled users face with stairs being too small, lacking grip, and blending together visually. The solution involves measuring existing stairs, customizing products online to exact needs, 3D printing/CNC cutting products locally for quick assembly and installation in under an hour. The pitch deck outlines the sizeable markets for elderly assistive technology and stairlifts, as well as StairWear's competitive advantages such as a tailor-fit, affordable solution that enables continued independent living.
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
Andreas Tschas - Pioneers - Building Startup Marketplaces in Europe & Asia - ...Burton Lee
Talk by Andreas Tschas, CEO & Co-Founder, Pioneers Festival, at Stanford on Feb 22 2016, in our session on 'Startup Marketplaces & AI FinTech Founders :: Vienna & Portugal'.
Website: http://www.StanfordEuropreneurs.org
YouTube Channel: https://www.youtube.com/user/StanfordEuropreneurs
Twitter: @Europreneurs
GraphQL is a query language for APIs and a runtime for fulfilling those queries. It gives clients the power to ask for exactly what they need, which makes it a great fit for modern web and mobile apps. In this talk, we explain why GraphQL was created, introduce you to the syntax and behavior, and then show how to use it to build powerful APIs for your data. We will also introduce you to AWS AppSync, a GraphQL-powered serverless backend for apps, which you can use to host GraphQL APIs and also add real-time and offline capabilities to your web and mobile apps. You can follow along if you have an AWS account – no GraphQL experience required!
Level: Beginner
Speaker: Rohan Deshpande - Sr. Software Dev Engineer, AWS Mobile Applications
The document provides an introduction to back-end development, including definitions of the internet, World Wide Web, and request-response cycle. It explains the differences between front-end and back-end development and lists common front-end and back-end programming languages. Main protocols like IP, TCP, UDP, and HTTP are described. Additional back-end concepts covered include CRUD functionality, securing passwords, HTTPS, and APIs. Resources for further learning back-end development with languages like Python, Node.js, and PHP are also provided.
The document summarizes key takeaways from the SXSW conference. Some of the main topics discussed include: 1) The importance of designing technology with purpose and creating positive human experiences. 2) How collaboration between companies can drive innovation. 3) The value of not being constrained by audiences and taking creative risks. 4) The growing role of virtual and augmented reality. 5) How the rate of technological change is accelerating exponentially. 6) How cognitive computing is being applied across many domains to solve problems. 7) Emerging technologies like self-driving cars that are closer to widespread use than perceived. 8) How ubiquitous computing is already integrating technology into many aspects of life. 9) The growing role of robots and focus on
Pitching Ideas: How to sell your ideas to othersJeroen van Geel
Learn how to convince others of your UX ideas by understanding them.
We are good in designing usable and engaging products and services. We understand the user's needs and have a toolkit with dozens of deliverables. But for some reason it remains difficult to sell an idea or concept to team members, managers or clients. After this session that problem will be solved!
Selling your ideas and convincing others is one of the most undervalued assets in our field. This ranges from convincing a colleague to use a certain design pattern to selling research to your boss and convincing a client to go for your concept. You can come up with the best ideas in the world, but if it is presented in the wrong way these ideas will die a lonely dead. This is sad, because everybody can learn how to bring a message across. The main thing is that you know what to pay attention to.
In this session I will take you on a journey through the world of presenting ideas. We will move through the heads of clients and your colleagues, learn what their thoughts and needs are. We will move to the core of your idea and into the world of psychology.
Flutter is a cross-platform UI framework developed by Google that allows developers to build high-performance native mobile apps from a single codebase. It offers fast development through features like hot reload, high-quality apps through platform integrations and native performance, and broad reach through a single codebase that works on both Android and iOS. The framework uses widgets as the primary building block, and includes both stateless and stateful widgets to help manage app state and updates. It also supports native platform features and plugins.
Go is a statically typed, compiled programming language designed for building simple, reliable, and efficient software. Some key points:
- Go is natively compiled and uses static typing with type inference. It is targeted for system programming and server-side applications.
- It was created at Google in 2007 to address issues with other languages like dependency management, garbage collection, and support for concurrency.
- Popular users include Google, Docker, Dropbox, SoundCloud, and MongoDB. Domains it is used include distributed systems, cloud, web development, and systems programming.
- Key features include built-in concurrency and networking support, a rich standard library, and fast compilation. It aims to be
My books- Learning to Go https://gumroad.com/l/learn2go & The 30 Goals Challenge for Teachers http://amazon.com/The-Goals-Challenge-Teachers-Transform/dp/0415735343
Resources at http://shellyterrell.com/games
Are Traditional Teaching Methods Right for Today's StudentsWiley
Learn about the different domains of competency that influence student success in the classroom and provides them with the necessary skills for the 21st century workplace.
The Human Body in the IoT. Tim Cannon + Ryan O'SheaFuture Insights
Making the most of our data and the human body in the internet of things. The document discusses biohacking and implantable devices that can send biometric data wirelessly from the body to a phone. It also discusses the history of citizen science and how innovations in accessibility can empower citizens. The future possibilities discussed include active and passive control of digital systems using feedback from the peripheral and central nervous systems.
Innovation Enablers: Culture, Community & Code Angel Diaz
1) Innovation requires infusing a culture of innovation through disruptive technologies like cloud, mobile, IoT, data and analytics, and cognitive computing.
2) Successful digital transformation leaders challenge traditional approaches, cut through bureaucracy, and prioritize developing leaders to drive strategic change.
3) To innovate, organizations must learn to lead by empowering cross-discipline teams as passionate explorers, identifying how developers want to lead and be led, and enabling the right technology to adapt to change in positive ways.
Business optimization | building your first million is easySurjeet Singh
Making your first million is easier with the help of these a few steps. you'll find that making millions in a few short years is not that much difficult as you think before.
Augmented reality (AR) enhances real-world environments with digital information through technology like smartphones. The document discusses how AR can be used in tourism to provide additional information to visitors through their devices without needing expensive hardware. It presents a case study of the Dommuseum in Salzburg, Austria, which implemented an AR tour to enhance visitors' experiences. An experiment showed that the AR tour significantly improved visitors' entertainment, education, escapism, engagement, knowledge, emotional connection, and overall experience compared to a control group without AR. Therefore, AR enhances museum visitors' experiences.
The document summarizes a TEDx event held in San Francisco on October 29, 2015. Over 1,500 people from around the world attended the event at Pier 70, where 24 speakers shared their passions and visions. 20 farmers and food startups operated a pop-up market, and 30 artists transformed the site. Attendees provided positive feedback, praising the inspiring talks, venue, food, and feeling of community. The event was deemed a success in bringing people together and sharing new ideas.
As a society, we're in the age of transformation, yet we're applying old metaphors and running our transformations like software projects. Let's start to consider transformational change as a series of social movements.
The latest study from the ADP Research Institute® presents key considerations for leaders to keep pace with the rapidly changing needs of a global workforce.
Facebook, LinkedIN & Beyond - or how the new media changed how sales people d...AdNerds
A lot of industries have changed drastically since the arrival of the internet. Think of the music business. The Internet comes with threats and great opportunities, if you set the proper objectives and strategy.
In this presentation, we present insights in how sales managers and new bizz people can use tools like Facebook and LinkedIN to their benefit. Especially LinkedIN requires a completely different approach, since authority is only gained by participating fully. And having your sales manager be very active on a platform like LinkedIN makes them easier to find for your competitors. But not having them participate, is a threat as well...
At AdNerds - part of Proximity BBDO - we give advice on how to behave, how to set the proper objectives and how to define your strategy.
You don’t need to be born with super-human strength or have mutant abilities. IBM Cloud Security Enforcer can give you the powers you need to be a Cloud Security Superhero.
La présente étude a pour vocation de proposer un regard quantitatif sur les rapports de force entre candidats et partis sur Facebook dans le cadre de la campagne présidentielle française.
Pour élaborer cette analyse, Publicis consultants Net Intelligenz s’est associé à Pikko Software pour mettre en oeuvre une méthodologie propriétaire basée sur la collecte, l’analyse et la cartographie de dizaines de milliers d’interactions sur les pages Facebook officielles des candidats et partis représentés dans la campagne. En résulte une mise en lumière de la dynamique «sociale» des différents bords politiques.
Cathay Pacific collaborates with suppliers like Rolls Royce and Fulcrum BioEnergy to innovate its supply chain and business model. With Fulcrum, Cathay was the first airline to invest in biofuel development, gaining a stake in the company and long-term fuel supply. Alibaba partners with Payscout to expand globally by providing secure payment processing across markets. Payscout spent years establishing trust in China before partnering with Alibaba, and now works closely with Alibaba teams to rapidly deploy new markets. Both partnerships required aligning goals and building trust over time for successful collaboration and innovation.
Looking Back to Move Forward: Building the Modern WebRachel Andrew
The document discusses Rachel Andrew's experience building the modern web. It describes how the web gave her a community and career through accessible sharing of knowledge. Standards efforts helped address browser inconsistencies. While tools now make development easier, there is a risk of over-reliance obscuring core web technologies. The document advocates for progressive enhancement, contributing to standards, and helping others to develop timeless skills and ensure the web remains open and accessible.
This document discusses the DiSo Project and the open web. It proposes using open standards like OAuth and XRDS to enable cross-site social networking and manage user identity across different sites and services. Portable Contacts (PoCo) is presented as a way to bring friends across sites using vCards and invite friends safely using OAuth. Drupal is suggested to use these open standards to advertise user services and enable cross-site social functionality.
1) Rachel Andrew discusses considerations when choosing tools and frameworks for front-end development projects, emphasizing progressive enhancement and ensuring the core experience works for all.
2) She argues against over-reliance on frameworks, which can mask issues and prevent learning core skills. Frameworks should be used lightly and evaluated on a case-by-case basis.
3) Andrew talks about the importance of standards-based development and contributing to emerging specifications like CSS Grid Layout, rather than depending entirely on pre-processors. Her goal is to encourage continued progress of the open web.
This document summarizes the key topics covered in a CSSDevConf 2016 presentation titled "Knowing it all" by Rachel Andrew. It discusses how the role of front-end developers has evolved over time from basic HTML and CSS skills to now encompassing a wide range of technologies and best practices. The presenter emphasizes that it is impossible to know everything and that front-end developers should focus on mastering core skills before diving into new tools and techniques, and should contribute back to the open web platform by engaging with standards bodies and browser vendors.
Contribution & Confidence, All Things Open KeynoteRachel Andrew
The document discusses Rachel Andrew's career journey from dancer to front-end developer and her contributions to advancing web standards. She encourages attendees to contribute to specifications, raise browser bugs, and help others to strengthen the open web platform. Contributing back helps future-proof one's skills and gives back to the community.
The document discusses Rachel Andrew's career journey from dancer to front-end developer and her contributions to advancing web standards. She encourages attendees to contribute to specifications, raise browser bugs, and help others to strengthen the open web platform. Contributing back helps future-proof one's skills and gives back to the community.
This document contains the transcript of a presentation by Chris Heilmann on web development. Some of the key points discussed include:
- The benefits of progressive enhancement and using HTML, CSS, and JavaScript together to build robust and accessible websites.
- How limitations in early design can foster creativity.
- The importance of error handling and defensive coding practices.
- Embracing new technologies like Service Workers and Manifests to build Progressive Web Apps.
- Rethinking the idea that JavaScript is unreliable and should not be depended on, as modern browsers have made it a capable tool.
This document provides an overview of Pharo, an open-source Smalltalk-based programming language and environment:
- Pharo is a pure object-oriented language where everything is an object, including classes. It has a simple syntax that fits on a postcard and a complete but elegant object model.
- Pharo has a large community of developers and is used for a wide range of projects including web frameworks, databases, tools, and games. It has an active developer community on sites like Twitter and YouTube.
- The document outlines some of Pharo's key features like its live, interactive development environment; single inheritance; public methods and protected attributes; and use of messages, blocks, and keywords for
1. The document discusses the debate around relying on JavaScript for web applications and progressive enhancement.
2. It argues that while JavaScript can break, the web has evolved to focus more on capable client-side devices rather than availability of JavaScript.
3. It suggests embracing new paradigms like components and functional programming to build high quality, error-handling code rather than avoiding JavaScript.
Grid layout has now landed in all of the mainstream desktop browsers. It's exciting but how do we start to move to using grid layout, and why should we?
Penjelasan tentang platform NodeJS yang memungkinkan kita menulis code JavaScript di sisi server. Materi dibawakan di meetup Programming Wars Software Architect Indonesia Community tanggal 26 Agustus 2017 di Microsoft Indonesia
Drupal Security for Coders and Themers - XSS and CSRF knaddison
The document discusses security vulnerabilities in Drupal sites and provides recommendations to address them. It notes that sites are vulnerable to issues like cross-site scripting (XSS) and cross-site request forgery (CSRF) attacks that could allow altering or stealing data. It recommends steps for developers and themers to check for vulnerabilities, including reviewing code for unsafe variables, validating user inputs, and using tokens for requests. Resources are also listed for learning more about Drupal security best practices.
There is something about JavaScript - Choose Forum 2014jbandi
JavaScript has evolved from being seen as a joke to becoming a serious programming language used to build large web applications. It started as a scripting language for web browsers but is now used widely on both the client-side and server-side. The JavaScript ecosystem is very active with many libraries, frameworks, and tools available to help developers build and test applications.
This document discusses a project to identify and collect web-based interactive fiction led by Dr. Lynda Clark. The project aims to (1) identify UK-authored interactive narratives, (2) categorize the works, (3) collect and analyze a sample of 294 works, and (4) create an original interactive fiction work. The works are categorized into genres like hypertext, parser-based, choice-based, and multi-modal. Challenges in collection include the lack of standardization and works hosted across different platforms. The analysis found the top genres were slice of life, fantasy, and science fiction.
This document summarizes a presentation about OpenSocial, which is a standard for building social applications that can run across multiple social networking sites. The presentation covers how to build OpenSocial applications, hosting applications, monetizing applications, and becoming an OpenSocial container. It also provides examples of successful OpenSocial applications and discusses best practices for development.
[drupalday2017] - Speed-up your Drupal instance!DrupalDay
Perchè la tua istanza Drupal non performa e cosa puoi fare per invertire la rotta. D'altronde è una questione complessa: i moduli, la qualità del codice, l'uso delle cache, ma anche la versione di PHP, il proxy-cacher, il tuo hosting e, in ultimo, le cavallette...
di Daniele Piaggesi
This document provides tips and tricks for speeding up a Drupal website. It discusses the importance of web performance and how page load times can impact business metrics like revenue and traffic. Faster sites are especially important as mobile usage increases. The document then gives several recommendations for optimizing Drupal performance through software changes like updating modules, enabling caching, and using a CDN. It also provides server-level optimizations such as using PHP 7, Nginx web server, and caching databases like Memcache/Redis. The overall message is that following these best practices can help websites load faster and provide a better experience for users.
PrairieDevCon 2014 - Web Doesn't Mean Slowdmethvin
Web sites can be fast and responsive once you understand the process web browsers use to load and run web pages. We'll look at using tools like WebPageTest to analyze and optimize web pages.
Semelhante a Montreal Girl Geeks: Building the Modern Web (20)
All Day Hey! Unlocking The Power of CSS Grid LayoutRachel Andrew
- The document provides an overview and examples of CSS Grid Layout features such as grid-template-columns, grid-template-rows, grid-gap, grid-column, grid-row, and more.
- It demonstrates how to size grid tracks using fixed, intrinsic, and flexible sizing functions like fr units, minmax(), auto, fit-content(), and others.
- Examples are given for aligning and aligning content within grids using properties like justify-content, align-content, justify-items, align-items and more.
SmashingConf SF: Unlocking the Power of CSS Grid LayoutRachel Andrew
UNLOCKING THE POWER OF CSS GRID LAYOUT
Once you have grasped the basics of CSS Grid, you quickly discover how it enables many existing design patterns in a streamlined, elegant way. However, we shouldn’t see Grid in isolation. Understanding how other parts of CSS work together with Grid is key, in order to get the most out of our new abilities.
In this talk Rachel will be concentrating on a couple of these areas, CSS Box Alignment and CSS Sizing. Rachel will show you practical ways in which a little bit of knowledge in these areas can unlock the full potential of the Grid Specification. You’ll learn how to create useful components and to start thinking of ways in which you can solve design and interface problems in more creative ways.
The document provides a summary of a WordPress Meetup on CSS Grid Layout. It discusses various grid sizing techniques like intrinsic sizing with auto, min-content, max-content, and fit-content. It also covers flexible sizing with fr units and minimum and maximum sizing with minmax(). Other topics include alignment of tracks with align-content and justify-content, alignment of items with align-items and justify-items, and writing modes. Throughout it provides code examples and links to further resources.
The document provides a summary of Rachel Andrew's presentation on CSS layout at Smashing Conf London. It includes links to various CSS specifications and code examples demonstrating different CSS layout techniques like grid sizing, intrinsic sizing, flexible lengths with fr units, minimum and maximum sizing, and responsive design patterns using media queries and feature queries.
Solving Layout Problems with CSS Grid & Friends - DevFest17Rachel Andrew
This document summarizes Rachel Andrew's presentation on solving layout problems with CSS Grid and friends. It discusses how CSS Grid creates an actual grid structure, unlike float-based or flexbox grids which only mimic a grid. Key features of CSS Grid like grid-template-columns, repeat, minmax, and fr units for column sizing are explained. The document also covers using features like float or flexbox as fallbacks for older browsers, and potential future additions to grid like subgrids and masonry layouts.
View Source London: Solving Layout Problems with CSS Grid & FriendsRachel Andrew
This document provides an overview of solving layout problems with CSS Grid and related technologies. It discusses when to use Flexbox versus Grid, how Grid works from the container out compared to other frameworks, tracks sizing with fractions and minmax, nested grids, new sizing keywords, and dealing with older browsers. It also covers subgrids and potential future directions like masonry layouts.
DevFest Nantes - Start Using CSS Grid Layout todayRachel Andrew
The document discusses using CSS Grid Layout for page layout. It provides examples of how to create a grid with multiple equal columns using grid-template-columns, position elements within the grid using grid-column and grid-row, and make the layout responsive by redefining grid placements in media queries. It also addresses backwards compatibility by providing flexbox fallbacks and using feature queries.
Start Using CSS Grid Layout Today - RuhrJSRachel Andrew
This document provides an introduction and overview of CSS Grid Layout. It explains the differences between Grid and other layout methods like Flexbox. It provides examples of how to implement common layout patterns using Grid and addresses concerns about browser support and fallbacks. Key topics covered include grid template areas, responsive design with Grid, and ways for developers to get involved in advancing browser support for new CSS features.
404.ie: Solving Layout Problems with CSS Grid & FriendsRachel Andrew
Rachel Andrew presented on solving layout problems with CSS Grid and friends. CSS Grid allows for two-dimensional page layouts directly in the markup, without needing additional wrapper elements. Grid items can be placed into rows and columns precisely without needing to set widths. Older techniques like floats and flexbox can be used as fallbacks for browsers without Grid support. Subgrids and masonry layouts may be added to Grid in the future. Grid is a native part of CSS with good browser support.
Solving Layout Problems with CSS Grid & Friends - NordicJSRachel Andrew
I explain some of the common layout problems that CSS Grid and related specifications attempt to solve - while answering some of the common questions I am asked about Grid Layout.
This document discusses the evolving nature of front-end development over time. It notes that in the past, skills like knowing HTML and CSS were highly marketable on their own. However, the field has grown increasingly complex with many new techniques and tools. The document encourages focusing on core fundamentals first before jumping to new tools, and stresses the importance of contributing to standards and open web platforms through techniques like filing issues to improve interoperability.
The document discusses using CSS grid layout to create magazine-style page layouts and fancy headers. It provides examples of creating a flexible "media object" with images and text that can stack on mobile. It also demonstrates making a "half-border box" and positioning elements in a "magazine-style layout" with multiple images and a caption. Finally, it shows how to style a run header with the distance in a circular shape and background image.
An Event Apart DC - New CSS Layout meets the Real WorldRachel Andrew
The document discusses using CSS Grid Layout and other modern CSS techniques to create magazine-style layouts and interfaces. Some key points:
- The Media Object pattern is demonstrated using CSS Grid Layout, with images and text arranged in columns and rows.
- Flexbox and minmax() are used to create flexible layouts with auto-sizing elements.
- Feature queries allow applying styles conditionally based on browser support for CSS features.
- Techniques like shape-outside and grid areas are used to create magazine-style layouts with images, captions, and floating elements. Fancy headers with circular elements are also demonstrated.
Evergreen websites for Evergreen browsersRachel Andrew
Grid is for two-dimensional layout, while flexbox is for one-dimensional layout. Grid allows control of layout from the parent container by defining column and row tracks on the container, rather than adding properties to child items. This allows child items to be positioned and overlap in the grid space without adding widths or heights to them directly. Feature queries can be used to provide an enhanced grid-based layout for supporting browsers while avoiding conflicts with non-supporting browsers.
What I discovered about layout vis CSS GridRachel Andrew
The document summarizes key concepts the author learned about CSS Grid layout. Some key points include:
- CSS Grid handles box alignment and positioning in a logical way based on writing direction rather than physical positioning.
- The display property controls how elements generate boxes and formatting contexts for child elements. Grid items are always blockified.
- Features like subgrid, display: contents, and logical properties give more control over layout.
- Understanding how CSS Grid handles boxes and positioning provides tools to build flexible and accessible layouts.
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.
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
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.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
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
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.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUpanagenda
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
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
GraphRAG for Life Science to increase LLM accuracyTomaz Bratanic
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
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.
Generating privacy-protected synthetic data using Secludy and MilvusZilliz
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdfTechgropse Pvt.Ltd.
In this blog post, we'll delve into the intersection of AI and app development in Saudi Arabia, focusing on the food delivery sector. We'll explore how AI is revolutionizing the way Saudi consumers order food, how restaurants manage their operations, and how delivery partners navigate the bustling streets of cities like Riyadh, Jeddah, and Dammam. Through real-world case studies, we'll showcase how leading Saudi food delivery apps are leveraging AI to redefine convenience, personalization, and efficiency.
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
OpenID AuthZEN Interop Read Out - AuthorizationDavid Brossard
During Identiverse 2024 and EIC 2024, members of the OpenID AuthZEN WG got together and demoed their authorization endpoints conforming to the AuthZEN API
9. The web gave me a new
career.
Rachel Andrew, Montreal Girl Geeks
10. The web was accessible, and had
a culture of sharing knowledge.
Rachel Andrew, Montreal Girl Geeks
11. Font tags and nested tables
Rachel Andrew, Montreal Girl Geeks
12. <script type="text/javascript">
<!--
function MM_reloadPage(init) {
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
Rachel Andrew, Montreal Girl Geeks
13. The “Netscape Resize Fix”
If the user resized their browser window positioned
elements lost their positioning values.
The “fix” was to reload the browser window on resize.
Rachel Andrew, Montreal Girl Geeks
18. … basic support of existing W3C
standards has been sacrificed in
the name of such innovation,
needlessly fragmenting the Web
and helping no one.
— http://archive.webstandards.org/mission.html
Rachel Andrew, Montreal Girl Geeks
19. Our goal is to support these core
standards and encourage browser
makers to do the same, thereby
ensuring simple, affordable
access to Web technologies for
all.
— http://archive.webstandards.org/mission.html
Rachel Andrew, Montreal Girl Geeks
24. Thanks to the hard work of
countless WaSP members and
supporters (like you), Tim
Berners-Lee’s vision of the web as
an open, accessible, and universal
community is largely the reality.
— http://www.webstandards.org/2013/03/01/our-work-
here-is-done/
Rachel Andrew, Montreal Girl Geeks
27. Show stopping browser
bugs when doing
straightforward things in
modern browsers are rare
Rachel Andrew, Montreal Girl Geeks
28. Is it all easy now?
Rachel Andrew, Montreal Girl Geeks
29. Studies show that a todo list is
the most complex JavaScript app
you can create before a newer,
better framework is invented.
— http://www.allenpike.com/2015/javascript-
framework-fatigue/
Rachel Andrew, Montreal Girl Geeks
34. Web Video Text Tracks Format (WebVTT)
WEBVTT
1
00:00:22.230 --> 00:00:24.606
This is the first subtitle.
2
00:00:30.739 --> 00:00:34.074
This is the second.
3
00:00:34.159 --> 00:00:35.743
Third
Rachel Andrew, Montreal Girl Geeks
66. Will we be still using
frameworks to abstract
away layout hacks, long
after there is any need for
the hacks?
Rachel Andrew, Montreal Girl Geeks
67. Best practices can become anti-patterns
HTTP/2 will see many of our best practices become bad
practices.
— Image Sprites
— Domain Sharding
— Concatenating CSS and JavaScript
https://www.smashingmagazine.com/2016/02/getting-
ready-for-http2/
Rachel Andrew, Montreal Girl Geeks
68. Whose time are we saving?
Rachel Andrew, Montreal Girl Geeks
69. We write code once.
It runs 100s of 1000s of times in
the browsers of our visitors.
Rachel Andrew, Montreal Girl Geeks
70. “When I look around, I see our community spending a
lot of time coming up with new tools and techniques to
make our jobs easier. To ship faster. And it’s not that
I’m against efficiency, but I think we need to consider
the implications of our decisions. And if one of those
implications is making our users suffer—or potentially
suffer—in order to make our lives easier, I think we need
to consider their needs above our own.”
— http://aaron-gustafson.com/notebook/who-should-
pay/
Rachel Andrew, Montreal Girl Geeks
76. “a robust site or application in the
more traditional sense minimises
its dependencies. The minimum
dependency for a web site should
be an internet connection and the
ability to parse HTML.”
— http://www.bbc.co.uk/guidelines/futuremedia/
accessibility/html/progressive-enhancement.shtml
Rachel Andrew, Montreal Girl Geeks
77. Start with the core
experience
Rachel Andrew, Montreal Girl Geeks
78. What is the minimum that I
need to ship?
How can I ensure as I iterate I
protect the core experience for
everyone?
Rachel Andrew, Montreal Girl Geeks
79. We Ship. We Iterate.
Rachel Andrew, Montreal Girl Geeks
80. How should we integrate
third party code?
Rachel Andrew, Montreal Girl Geeks
82. “Are you afraid to write code? Does the
thought linger in your brain that
somewhere out there somebody has already
done this? Do you find yourself trapped in
an analysis cycle where nothing is getting
done? Is your product mutating to
accommodate third party components? If
yes, then perhaps you are suffering from
invented-here syndrome.”
— http://mortoray.com/2015/02/25/invented-here-syndrome/
Rachel Andrew, Montreal Girl Geeks
83. Avoid turning shortcuts and
third party code into
dependencies
Rachel Andrew, Montreal Girl Geeks
85. “High level modules should not depend upon low-
level modules. Both should depend upon
abstractions.
Abstractions should never depend upon details. Details
should depend upon abstractions.”
— http://www.objectmentor.com/resources/articles/
dip.pdf
Rachel Andrew, Montreal Girl Geeks
87. Progressively enhanced UI
— JavaScript implementation based on the regular
HTML5 Video element
— Static maps that become draggable and zoomable -
avoiding creating a dependency on one maps
provider or library
— Ordering items via a form input - that become drag
and drop if the user has JavaScript
Rachel Andrew, Montreal Girl Geeks
88. You can’t do everything
You can do something
Rachel Andrew, Montreal Girl Geeks
89. “A 100% pure progressively-enhanced
website may not be practical on every
single project you will ever encounter.
While that sort of purity can exist, it’s
unlikely in many business scenarios.
Budgets, timelines: these things exist.
Progressive enhancement isn’t a zero sum
game; it’s a continuum, just like the Web.”
— http://sixtwothree.org/posts/the-practical-case-for-progressive-
enhancement
Rachel Andrew, Montreal Girl Geeks
90. If your site doesn’t load who
misses out? What do they lose?
Rachel Andrew, Montreal Girl Geeks
99. If authors do not offer feedback,
the final specification will reflect
our needs as understood by
people who do not build
websites.
Rachel Andrew, Montreal Girl Geeks
100. To make an impact on a specification you need to do so
while it is still a draft
There is no point complaining about something that is
finished. You have your chance to make your case
during the open standards process.
Rachel Andrew, Montreal Girl Geeks
101. Grid Layout and “gutters”
Rachel Andrew, Montreal Girl Geeks
107. Solving the gutter problem
— https://rachelandrew.co.uk/archives/2015/06/19/css-
grid-layout-solving-the-gutter-problem/
— Post to the CSS WG list about the issue
Rachel Andrew, Montreal Girl Geeks
108. Put together use cases.
Show issues clearly.
Rachel Andrew, Montreal Girl Geeks
109. Look for the issues already listed in draft specifications
Rachel Andrew, Montreal Girl Geeks
110. I am hopeful that
contributing to standards is
going to get easier
Rachel Andrew, Montreal Girl Geeks
111. The CSS Working Group
may move to GitHub for
issues in 2016
Rachel Andrew, Montreal Girl Geeks
112. The Web Incubator Community Group
— https://www.w3.org/community/wicg/
Rachel Andrew, Montreal Girl Geeks
113. “Their goal is to take the lessons
learned during the RICG’s
responsive images slog and adapt
web standards to match.”
— https://www.w3.org/community/respimg/2015/07/09/
wicg/
Rachel Andrew, Montreal Girl Geeks
115. Keep an eye on CSS Houdini
A task force working on drafts that seek to explain and
expose different parts of CSS. This should ultimately
make it easier to polyfill, innovate, experiment and
create entire new features.
— https://wiki.css-houdini.org/
— https://dev.opera.com/articles/houdini/
Rachel Andrew, Montreal Girl Geeks
116. Browsers vendors and the CSS WG alike are looking for
“signals” from authors
— are people talking about this spec?
— are they writing about it, speaking at conferences?
— are they directly requesting the features?
Rachel Andrew, Montreal Girl Geeks