Contribution & Confidence, All Things Open Keynote

•

0 gostou•1,114 visualizações

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.

Contribution & Confidence
Rachel Andrew | All Things Open 2016
Rachel Andrew | Tweet @rachelandrew #ato2016

Hello
Rachel Andrew | Tweet @rachelandrew #ato2016

How would I get started
today?
Rachel Andrew | Tweet @rachelandrew #ato2016

It's 1989
Rachel Andrew | Tweet @rachelandrew #ato2016

Rachel Andrew | Tweet @rachelandrew #ato2016

Dancers do not need to use
computers
Rachel Andrew | Tweet @rachelandrew #ato2016

The web gave me a
community
Rachel Andrew | Tweet @rachelandrew #ato2016

“Knowing HTML” was a
marketable skill
Rachel Andrew | Tweet @rachelandrew #ato2016

Learning something one
day
Teaching it to someone else the next
Rachel Andrew | Tweet @rachelandrew #ato2016

The web gave me a new
career.
Rachel Andrew | Tweet @rachelandrew #ato2016

The web was accessible, and
had a culture of sharing
knowledge.
Rachel Andrew | Tweet @rachelandrew #ato2016

Font tags and nested tables
Rachel Andrew | Tweet @rachelandrew #ato2016

Encouraging designers to
care about web standards
Rachel Andrew | Tweet @rachelandrew #ato2016

Front-end developer
2005?
Browser bugs expert
Rachel Andrew | Tweet @rachelandrew #ato2016

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.
1
http://www.webstandards.org/2013/03/01/our-work-here-is-done/
Rachel Andrew | Tweet @rachelandrew #ato2016

Browser vendors are
implementing standard
things in a standard way
Rachel Andrew | Tweet @rachelandrew #ato2016

Innovation happens
through the standards
process
Rachel Andrew | Tweet @rachelandrew #ato2016

Show stopping browser
bugs when doing
straightforward things in
modern browsers are rare
Rachel Andrew | Tweet @rachelandrew #ato2016

The industry has grown up
Rachel Andrew | Tweet @rachelandrew #ato2016

Studies show that a todo list is
the most complex JavaScript app
you can create before a newer,
better framework is invented.
1
http://www.allenpike.com/2015/javascript-framework-fatigue/
Rachel Andrew | Tweet @rachelandrew #ato2016

We’re creating complexity
Hiding the simple languages of the web
behind tooling and process
Rachel Andrew | Tweet @rachelandrew #ato2016

Knowing your core skills
brings opportunity to
contribute
Rachel Andrew | Tweet @rachelandrew #ato2016

Giving back
Rachel Andrew | Tweet @rachelandrew #ato2016

If you have been doing this
for a year, there is someone
6 months in who you are
ideally placed to help.
Rachel Andrew | Tweet @rachelandrew #ato2016

You will learn by teaching
Rachel Andrew | Tweet @rachelandrew #ato2016

Contribute to the
standards that make up the
web
Rachel Andrew | Tweet @rachelandrew #ato2016

The CSS Working Group
Rachel Andrew | Tweet @rachelandrew #ato2016

What do authors think?
Rachel Andrew | Tweet @rachelandrew #ato2016

Making a difference to a
CSS Specification
can be as straightforward as writing
about how you want to use it
Rachel Andrew | Tweet @rachelandrew #ato2016

Learn how the modern
standards process works
Rachel Andrew | Tweet @rachelandrew #ato2016

To make an impact on a
specification you need to do
so while it is still
experimental
Rachel Andrew | Tweet @rachelandrew #ato2016

Vendor prefixes are going
away
Rachel Andrew | Tweet @rachelandrew #ato2016

The problem with feature
flags
Rachel Andrew | Tweet @rachelandrew #ato2016

Developing behind flags
means authors need to be
proactive in testing
Rachel Andrew | Tweet @rachelandrew #ato2016

It's a feature not a bug
Rachel Andrew | Tweet @rachelandrew #ato2016

If authors do not offer
feedback
the final specification will reflect our
needs as understood by people who do
not build websites.
Rachel Andrew | Tweet @rachelandrew #ato2016

Contributing to the open
web platform
is like giving future you a gift
Rachel Andrew | Tweet @rachelandrew #ato2016

Contribute to CSS Specifications
4 Specifications are discussed on GitHub at https://
github.com/w3c/csswg-drafts
Rachel Andrew | Tweet @rachelandrew #ato2016

Contribute to
interoperability
Raise bugs with browsers
Rachel Andrew | Tweet @rachelandrew #ato2016

Learn to create a reduced
test case
This is a skill that will save time in
your own work and also in logging
issues with any project
Rachel Andrew | Tweet @rachelandrew #ato2016

Keep learning
Rachel Andrew | Tweet @rachelandrew #ato2016

Learning. Contributing
Excited about the future.
Rachel Andrew | Tweet @rachelandrew #ato2016

Thank you!
Slides and links at
https://cssgrid.me/ato-keynote
@rachelandrew
Rachel Andrew | Tweet @rachelandrew #ato2016

Mais conteúdo relacionado

Mais procurados

Five Whys - Devoxx UK 2014

Andrew Harmel Law

Aplicaciones web 2_0_google_docs

Jessica Jimenez

Aplicaciones web 2_0_google_docs

Tefiit Paredes

Aplicaciones web 2_0_google_docs

Vivi Aguilar

Scaling Django to the sky

Naren Arya

Scaling Data Science at Airbnb

Work-Bench

Seguridad inform tica

GloriaJazz95

Against Best Practices - Embracing the Avant Garde for a Weirder Web

Chelsea Maxwell

Mais procurados (8)

Five Whys - Devoxx UK 2014

Aplicaciones web 2_0_google_docs

Scaling Django to the sky

Scaling Data Science at Airbnb

Seguridad inform tica

Against Best Practices - Embracing the Avant Garde for a Weirder Web

Destaque

Laying out the future

Rachel Andrew

Conference Speakers

Rachel Andrew

New CSS Meets the Real World

Rachel Andrew

Making the most of New CSS Layout

Rachel Andrew

Confoo: The New CSS Layout

Rachel Andrew

CSS Grid Layout - An Event Apart Orlando

Rachel Andrew

CSSConf.asia - Laying out the future

Rachel Andrew

The Right Layout Tool for the Job

Rachel Andrew

Next-level CSS

Rachel Andrew

Knowing it all

Rachel Andrew

CSS Grid Layout for Frontend NE

Rachel Andrew

AEA Chicago CSS Grid Layout

Rachel Andrew

Menoovr

menoovr

Introducing CSS Grid Layout

Rachel Andrew

Hoppala at O'Reilly Where 2.0 Conference

Marc René Gardeya

Open Standards in the Walled Garden

digitalbindery

This document discusses various technical aspects of formatting ebooks, including CSS, images, and metadata. It provides advice on which CSS properties are well-supported across different reading systems and which may cause issues. It also notes limitations in support for image formatting and interactive features. Throughout, it emphasizes designing for the broadest accessibility while still taking advantage of newer features where reliably supported.

Kevin Kelly

Web 2.0 Expo

The document summarizes the evolution of connectivity from linking computers through networks to linking data through shared databases. It describes how the web has evolved from linking pages to aiming to own every bit of data through the cloud. It predicts that in the next 6,500 days media will converge on one platform governed by shared laws and finances will converge in one system through sharing and databases in the cloud.

Demand Media

Web 2.0 Expo

- Demand Media is an experienced team with roots in social media from companies like MySpace, eBay, Yahoo!, Amazon, and IAC. They have a large, growing network reaching over 70 million unique users monthly. - They produce over 130,000 internet videos, 340,000 articles, and 5 million blog posts through their Demand Studios program which provides content creation jobs. - Their goal is to create high-quality, scalable content to distribute across their network of over 250 partners and beyond through platforms like YouTube and future partners in different verticals.

CSS Grid Layout

Rachel Andrew

This document discusses CSS Grid Layout and provides examples of how to define grids and place items on grids. Some key points: - CSS Grid Layout allows dividing available space into columns and rows to position elements. - Grids are defined on parent elements using properties like grid-template-columns, grid-template-rows, and grid-template-areas. - Child elements can be placed on the grid using line-based placement with properties like grid-column and grid-row, or by targeting named lines and areas. - Grids can be redefined at different breakpoints to create responsive layouts without changing HTML structure.

Confoo: You can use CSS for that!

Rachel Andrew

Today we have CSS specifications for animation and transitions, complex layout, custom properties and much more. In addition to the breadth of modern CSS specifications, our evergreen, auto-updating browsers sneak in new features with every release. In this talk, I’ll be taking a look at some of the things that CSS is capable of, some of which you might think you need a JavaScript framework or at least a pre-processor to achieve.

Destaque (20)

Laying out the future

Conference Speakers

New CSS Meets the Real World

Making the most of New CSS Layout

Confoo: The New CSS Layout

CSS Grid Layout - An Event Apart Orlando

CSSConf.asia - Laying out the future

The Right Layout Tool for the Job

Next-level CSS

Knowing it all

CSS Grid Layout for Frontend NE

AEA Chicago CSS Grid Layout

Menoovr

Introducing CSS Grid Layout

Hoppala at O'Reilly Where 2.0 Conference

Open Standards in the Walled Garden

Kevin Kelly

Demand Media

CSS Grid Layout

Confoo: You can use CSS for that!

Semelhante a Contribution & Confidence, All Things Open Keynote

Where does CSS come from?

Rachel Andrew

The document discusses the origins and development process of CSS specifications. It explains that specs originate from browser vendors, other software companies, and the CSS working group. New specs are developed through a multi-stage process involving drafts, implementations, feedback, and standardization. The community can influence this process by testing experimental implementations, providing feedback, and reporting issues.

Looking Back to Move Forward: Building the Modern Web

Rachel 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.

Montreal Girl Geeks: Building the Modern Web

Rachel Andrew

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.

Technology

Mcolisi Tineth Ngwenya

The document discusses Rachel Andrew's experience building the modern web. It traces her journey from first learning HTML in the early days of the web to becoming a front-end developer. Along the way, she discusses the importance of web standards and progressive enhancement to ensure accessibility. She also talks about the need to avoid over-reliance on frameworks and tools and instead focus on mastering the core technologies of HTML, CSS, and JavaScript. The document advocates for contributing to the open web standards process to help shape new specifications.

The Future of Technical SEO | Women in Tech SEO 2019 | Rachel Costello

Rachel Costello

Using Social Media To Market Your VO Business #WoVoChat 5-6-15

Pamela Muldoon

Teaching the k 12 standards with ict for global competitiveness

Bakakeng National High School

This document appears to be a presentation about teaching K12 standards with information and communication technology (ICT) for global competitiveness. Some key points: - It discusses how to integrate technology in teaching and learning to help students develop 21st century skills. - 21st century skills mentioned include problem solving, collaboration, and information/media literacy. - The presenter advocates for transformative learning with ICT, moving from passive learning to active knowledge production using tools like collaborative problem solving. - Examples are given of how to unpack standards into what students should know, understand and be able to do, and selecting appropriate ICT tools to meet the standards. - The City Schools Division of Bata

Managing Content Projects with Success and Panache by Ahava Leibtag (Now What...

Blend Interactive

So often in digital projects, we push content to the bottom of the pile, or the end of the timeline. As we evolve our strategies, we’re learning that content really needs to come first. Ahava will show you how to avoid this problem and plan your content for success. Using case studies from a major university, a children’s hospital and a major publishing company, you will learn how to set up your digital projects, so that content is a major consideration and doesn’t destroy your project at the last minute.

Open source at PayPal

Saranyan Vigraham

The document discusses PayPal's journey towards more open source practices and platforms. It describes challenges of legacy systems and high costs of pivoting technologies. It also outlines learnings around creating a culture of collaboration, empowering teams, and adopting open source. Case studies demonstrate efforts like building services using Docker and creating code generation tools like GENIO. The overall goal is developing tools and processes to enable more open cultures and democratize technology for individual teams.

Programmable Telecoms Evolution presented at IIT RTC Conference

Alan Quayle

The document discusses programmable telecoms, including various acronyms related to communications platforms and services. It notes that programmable telecoms includes any telecom-related capabilities that are programmable or configurable. Estimates for the size of the communications platforms and services market in 2021 are provided, with the total estimated to be over $100 billion that year. The document also describes TADHack, a global hackathon event focused on telecoms, internet, and IT technologies that helps people build solutions to problems in their communities.

Progressive web and the problem of JavaScript

Christian Heilmann

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.

Creating Videos People Want to Watch: Practical advice and implementable tech...

Richard Harrington

There’s a lot to making a great video… one that connect with an audience and drives them to action. Of course video can be both expensive and time consuming. In this session, web video expert Rich Harrington shares practical advice that won’t break the bank. He’ll share techniques he’s used for big brands like Apple, the American Red Cross, the Family Online Safety Institute and more.

UX Poland 2016 - Nick van der Linde - Context is King – Creating Smarter, Ada...

UX Poland

This talk will elaborate on an increasingly relevant–yet often overlooked–part of digital product design: context. Now that our industry has (sort of) mastered responsive design, our next challenge as designers and developers is creating smarter products that utilise device sensors, data, and previous behaviour to create a more seamless, efficient and successful user experience. At Mirabeau we have been playing around with things like data, device sensors and (previous) customer behaviour that together help us anticipate a user’s intent. Paired with web development best practices like progressive enhancement, this allows us to create more efficient and enjoyable digital experiences. This talk will: - show examples of “smarter” digital products from our own work, and other industries - reveals the fundamentals of our agency’s research/discovery/design approach - concludes with some design principles for creating context-aware product

Improve Social Standing: Examining the Rise & Fall of Top Luxury Brands

NetBase Solutions Inc.

This document summarizes a presentation about analyzing social media conversations around luxury brands. It finds that European brands continue to dominate the luxury conversation, though two American brands, Apple and eBay, rise into the top 10 mentioned brands. It also examines emotions in conversations, finding the luxury category has a passion index of 59 and net sentiment of 69. A deep dive on watch brands shows Rolex and Apple Watch compared. Finally, it is reported that in 2015, Chanel had stronger social media presence and consumer passion than rival Louis Vuitton.

The Science of Content

Uberflip

The document discusses Anela Chan's presentation on bringing science to content marketing. She outlines a framework for smart content marketing that involves using data science at three stages: Create, Connect, and Optimize. At the Create stage, data can help determine what stories to tell, formats to use, and best contributors. At the Connect stage, data helps with distribution strategies. And at the Optimize stage, various metrics are measured to continuously improve content, audiences, and results. Chan argues that combining art and science in this way leads to more effective content marketing over time.

Technical communication futurist by Scott Abel

Maxwell Hoffmann

5 Revolutionary Technologies Technical Communicators Can’t Afford To Ignore

Scott Abel

Getting the right information to the right people, at the right time, in the right format, and in the right language is the goal of every professional technical communicator. But, the pace of change is fast, and each and every step forward is often accompanied by two steps back. That’s because the speed of technological change is outstripping our ability to keep up. It seems we’re always playing catch up. But, it doesn’t have to be that way. In this slide deck, Scott Abel, The Content Wrangler, showcases five powerful information technology innovations that, when harnessed by professional technical communicators, can help us future-proof our content and ensure we’re meeting – even exceeding – our goals.

WordPress 102 WordCamp Hamilton 2016

Shanta Nathwani

Wordpress and TNEW integration

Ash Mann

We were at TLCC2016 to discuss the considerations, processes, challenges, and benefits involved in our approach to delivering websites for cultural organizations. Our recently launched sites for Birmingham Hippodrome, Wales Millennium Centre’s Festival of Voice, and Nottingham Theatre Royal & Concert Hall were all created using a sophisticated integration between WordPress and Tessitura Network Express Web.

10 Ways To Improve Any Website Or Blog Best Practices For Web Publishers

Richard Harrington

In this class we’ll explore practical techniques to improve your website. From design to technology, this class will take a look at techniques that work.Rich Harrington published his first website in 1996, and with nearly 20 years publishing experience he’s got a lot of life lessons to share. We’ll look at essential tools that increase time on site as well as explore helper services for automation. You’ll also discover essential strategies to enhance your posts with graphics and video.

Semelhante a Contribution & Confidence, All Things Open Keynote (20)

Where does CSS come from?

Looking Back to Move Forward: Building the Modern Web

Montreal Girl Geeks: Building the Modern Web

Technology

The Future of Technical SEO | Women in Tech SEO 2019 | Rachel Costello

Using Social Media To Market Your VO Business #WoVoChat 5-6-15

Teaching the k 12 standards with ict for global competitiveness

Managing Content Projects with Success and Panache by Ahava Leibtag (Now What...

Open source at PayPal

Programmable Telecoms Evolution presented at IIT RTC Conference

Progressive web and the problem of JavaScript

Creating Videos People Want to Watch: Practical advice and implementable tech...

UX Poland 2016 - Nick van der Linde - Context is King – Creating Smarter, Ada...

Improve Social Standing: Examining the Rise & Fall of Top Luxury Brands

The Science of Content

Technical communication futurist by Scott Abel

5 Revolutionary Technologies Technical Communicators Can’t Afford To Ignore

WordPress 102 WordCamp Hamilton 2016

Wordpress and TNEW integration

10 Ways To Improve Any Website Or Blog Best Practices For Web Publishers

Mais de Rachel Andrew

All Day Hey! Unlocking The Power of CSS Grid Layout

Rachel 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 Layout

Rachel 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.

Unlocking the Power of CSS Grid Layout

Rachel Andrew

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 Creative New World of CSS

Rachel Andrew

Into the Weeds of CSS Layout

Rachel Andrew

Solving Layout Problems with CSS Grid & Friends - DevFest17

Rachel 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.

Graduating to Grid

Rachel Andrew

View Source London: Solving Layout Problems with CSS Grid & Friends

Rachel 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 today

Rachel 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 - RuhrJS

Rachel 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 & Friends

Rachel 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 - WEBU17

Rachel Andrew

Laying out the future with grid & flexbox - Smashing Conf Freiburg

Rachel Andrew

Solving Layout Problems with CSS Grid & Friends - NordicJS

Rachel Andrew

Google Developers Experts Summit 2017 - CSS Layout

Rachel Andrew

Web Summer Camp Keynote

Rachel Andrew

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.

New CSS Layout Meets the Real World

Rachel Andrew

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 World

Rachel 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.

Perch, Patterns and Old Browsers

Rachel Andrew

Evergreen websites for Evergreen browsers

Rachel 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.

Mais de Rachel Andrew (20)

All Day Hey! Unlocking The Power of CSS Grid Layout

SmashingConf SF: Unlocking the Power of CSS Grid Layout

Unlocking the Power of CSS Grid Layout

The Creative New World of CSS

Into the Weeds of CSS Layout

Solving Layout Problems with CSS Grid & Friends - DevFest17

Graduating to Grid

View Source London: Solving Layout Problems with CSS Grid & Friends

DevFest Nantes - Start Using CSS Grid Layout today

Start Using CSS Grid Layout Today - RuhrJS

404.ie: Solving Layout Problems with CSS Grid & Friends

Solving Layout Problems with CSS Grid & Friends - WEBU17

Laying out the future with grid & flexbox - Smashing Conf Freiburg

Solving Layout Problems with CSS Grid & Friends - NordicJS

Google Developers Experts Summit 2017 - CSS Layout

Web Summer Camp Keynote

New CSS Layout Meets the Real World

An Event Apart DC - New CSS Layout meets the Real World

Perch, Patterns and Old Browsers

Evergreen websites for Evergreen browsers

Último

How to use Firebase Data Connect For Flutter

Daiki Mogmet Ito

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

Brandon Minnick, MBA

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

GenAI Pilot Implementation in the organizations

kumardaparthi1024

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

名前です男

CAKE: Sharing Slices of Confidential Data on Blockchain

Claudio Di Ciccio

Presented at the CAiSE 2024 Forum, Intelligent Information Systems, June 6th, Limassol, Cyprus. Synopsis: Cooperative information systems typically involve various entities in a collaborative process within a distributed environment. Blockchain technology offers a mechanism for automating such processes, even when only partial trust exists among participants. The data stored on the blockchain is replicated across all nodes in the network, ensuring accessibility to all participants. While this aspect facilitates traceability, integrity, and persistence, it poses challenges for adopting public blockchains in enterprise settings due to confidentiality issues. In this paper, we present a software tool named Control Access via Key Encryption (CAKE), designed to ensure data confidentiality in scenarios involving public blockchains. After outlining its core components and functionalities, we showcase the application of CAKE in the context of a real-world cyber-security project within the logistics domain. Paper: https://doi.org/10.1007/978-3-031-61000-4_16

Infrastructure Challenges in Scaling RAG with Custom AI models

Zilliz

Building Retrieval-Augmented Generation (RAG) systems with open-source and custom AI models is a complex task. This talk explores the challenges in productionizing RAG systems, including retrieval performance, response synthesis, and evaluation. We’ll discuss how to leverage open-source models like text embeddings, language models, and custom fine-tuned models to enhance RAG performance. Additionally, we’ll cover how BentoML can help orchestrate and scale these AI components efficiently, ensuring seamless deployment and management of RAG systems in the cloud.

Best 20 SEO Techniques To Improve Website Visibility In SERP

Pixlogix Infotech

20240605 QFM017 Machine Intelligence Reading List May 2024

Matthew Sinclair

Things to Consider When Choosing a Website Developer for your Website | FODUU

FODUU

Ocean lotus Threat actors project by John Sitima 2024 (1).pptx

SitimaJohn

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.

How to Get CNIC Information System with Paksim Ga.pptx

danishmna97

HCL Notes and Domino License Cost Reduction in the World of DLAU

panagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/ The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this! We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model. Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward. These topics will be covered - Reducing license cost by finding and fixing misconfigurations and superfluous accounts - How do CCB and CCX licenses really work? - Understanding the DLAU tool and how to best utilize it - Tips for common problem areas, like team mailboxes, functional/test users, etc - Practical examples and best practices to implement right away

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

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

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

shyamraj55

Serial Arm Control in Real Time Presentation

tolgahangng

Mariano G Tinti - Decoding SpaceX

Mariano Tinti

Essentials of Automations: The Art of Triggers and Actions in FME

Safe 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!

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers

akankshawande

Contribution & Confidence, All Things Open Keynote

1. Contribution & Confidence Rachel Andrew | All Things Open 2016 Rachel Andrew | Tweet @rachelandrew #ato2016

2. Hello Rachel Andrew | Tweet @rachelandrew #ato2016

3. How would I get started today? Rachel Andrew | Tweet @rachelandrew #ato2016

4. It's 1989 Rachel Andrew | Tweet @rachelandrew #ato2016

5. Rachel Andrew | Tweet @rachelandrew #ato2016

6. Rachel Andrew | Tweet @rachelandrew #ato2016

7. Dancers do not need to use computers Rachel Andrew | Tweet @rachelandrew #ato2016

8. Rachel Andrew | Tweet @rachelandrew #ato2016

9. The web gave me a community Rachel Andrew | Tweet @rachelandrew #ato2016

10. Rachel Andrew | Tweet @rachelandrew #ato2016

11. “Knowing HTML” was a marketable skill Rachel Andrew | Tweet @rachelandrew #ato2016

12. Learning something one day Teaching it to someone else the next Rachel Andrew | Tweet @rachelandrew #ato2016

13. The web gave me a new career. Rachel Andrew | Tweet @rachelandrew #ato2016

14. The web was accessible, and had a culture of sharing knowledge. Rachel Andrew | Tweet @rachelandrew #ato2016

15. Font tags and nested tables Rachel Andrew | Tweet @rachelandrew #ato2016

16. Rachel Andrew | Tweet @rachelandrew #ato2016

17. Rachel Andrew | Tweet @rachelandrew #ato2016

18. Rachel Andrew | Tweet @rachelandrew #ato2016

19. Rachel Andrew | Tweet @rachelandrew #ato2016

20. Encouraging designers to care about web standards Rachel Andrew | Tweet @rachelandrew #ato2016

21. Rachel Andrew | Tweet @rachelandrew #ato2016

22. Front-end developer 2005? Browser bugs expert Rachel Andrew | Tweet @rachelandrew #ato2016

23. 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. 1 http://www.webstandards.org/2013/03/01/our-work-here-is-done/ Rachel Andrew | Tweet @rachelandrew #ato2016

24. Browser vendors are implementing standard things in a standard way Rachel Andrew | Tweet @rachelandrew #ato2016

25. Innovation happens through the standards process Rachel Andrew | Tweet @rachelandrew #ato2016

26. Rachel Andrew | Tweet @rachelandrew #ato2016

27. Show stopping browser bugs when doing straightforward things in modern browsers are rare Rachel Andrew | Tweet @rachelandrew #ato2016

28. The industry has grown up Rachel Andrew | Tweet @rachelandrew #ato2016

29. Studies show that a todo list is the most complex JavaScript app you can create before a newer, better framework is invented. 1 http://www.allenpike.com/2015/javascript-framework-fatigue/ Rachel Andrew | Tweet @rachelandrew #ato2016

30. We’re creating complexity Hiding the simple languages of the web behind tooling and process Rachel Andrew | Tweet @rachelandrew #ato2016

31. Rachel Andrew | Tweet @rachelandrew #ato2016

32. Knowing your core skills brings opportunity to contribute Rachel Andrew | Tweet @rachelandrew #ato2016

33. Giving back Rachel Andrew | Tweet @rachelandrew #ato2016

34. If you have been doing this for a year, there is someone 6 months in who you are ideally placed to help. Rachel Andrew | Tweet @rachelandrew #ato2016

35. You will learn by teaching Rachel Andrew | Tweet @rachelandrew #ato2016

36. Contribute to the standards that make up the web Rachel Andrew | Tweet @rachelandrew #ato2016

37. Rachel Andrew | Tweet @rachelandrew #ato2016

38. The CSS Working Group Rachel Andrew | Tweet @rachelandrew #ato2016

39. What do authors think? Rachel Andrew | Tweet @rachelandrew #ato2016

40. Making a difference to a CSS Specification can be as straightforward as writing about how you want to use it Rachel Andrew | Tweet @rachelandrew #ato2016

41. Learn how the modern standards process works Rachel Andrew | Tweet @rachelandrew #ato2016

42. Rachel Andrew | Tweet @rachelandrew #ato2016

43. To make an impact on a specification you need to do so while it is still experimental Rachel Andrew | Tweet @rachelandrew #ato2016

44. Vendor prefixes are going away Rachel Andrew | Tweet @rachelandrew #ato2016

45. The problem with feature flags Rachel Andrew | Tweet @rachelandrew #ato2016

46. Developing behind flags means authors need to be proactive in testing Rachel Andrew | Tweet @rachelandrew #ato2016

47. It's a feature not a bug Rachel Andrew | Tweet @rachelandrew #ato2016

48. Rachel Andrew | Tweet @rachelandrew #ato2016

49. If authors do not offer feedback the final specification will reflect our needs as understood by people who do not build websites. Rachel Andrew | Tweet @rachelandrew #ato2016

50. Contributing to the open web platform is like giving future you a gift Rachel Andrew | Tweet @rachelandrew #ato2016

51. Contribute to CSS Specifications 4 Specifications are discussed on GitHub at https:// github.com/w3c/csswg-drafts Rachel Andrew | Tweet @rachelandrew #ato2016

52. Rachel Andrew | Tweet @rachelandrew #ato2016

53. Contribute to interoperability Raise bugs with browsers Rachel Andrew | Tweet @rachelandrew #ato2016

54. Learn to create a reduced test case This is a skill that will save time in your own work and also in logging issues with any project Rachel Andrew | Tweet @rachelandrew #ato2016

55. Keep learning Rachel Andrew | Tweet @rachelandrew #ato2016

56. Learning. Contributing Excited about the future. Rachel Andrew | Tweet @rachelandrew #ato2016

57. Thank you! Slides and links at https://cssgrid.me/ato-keynote @rachelandrew Rachel Andrew | Tweet @rachelandrew #ato2016

Contribution & Confidence, All Things Open Keynote

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (8)

Destaque

Destaque (20)

Semelhante a Contribution & Confidence, All Things Open Keynote

Semelhante a Contribution & Confidence, All Things Open Keynote (20)

Mais de Rachel Andrew

Mais de Rachel Andrew (20)

Último

Último (20)

Contribution & Confidence, All Things Open Keynote