Believe in the Power of CSS

•

0 likes•42 views

This document contains the transcript from a Twitter thread by Chris DeMars about CSS. Some of the main topics discussed include Object-Oriented CSS (OOCSS), flexbox, CSS grid, CSS variables, blend modes, accessibility with CSS (A11y), and resources for learning more about CSS. The thread emphasizes that CSS is still an important skill and contains many powerful features that are often overlooked or undervalued compared to CSS-in-JS libraries.

Technology

1
Chris DeMars ! @saltnburnem
Not in this talk

1
Chris DeMars ! @saltnburnem
Not in this talk
Styled components🚫

1
Chris DeMars ! @saltnburnem
Not in this talk
Css-in-js🚫
Styled components🚫

Twitter: saltnburnem | Site: chrisdemars.com

3
Chris DeMars ! @saltnburnem
Disclaimer

3
Chris DeMars ! @saltnburnem
Disclaimer
I 💚 CSS 🎉🎉

4
CSS
CSS
CSS
Chris DeMars ! @saltnburnem

4
CSS
CSS
CSS
CSS
Chris DeMars ! @saltnburnem

4
CSS
CSS
CSS
CSS CSS
Chris DeMars ! @saltnburnem

5
“CSS is a key
development skill.”
- Ivana McConnell @ CSSConf AU
Chris DeMars ! @saltnburnem

6
“…also the problems with how we
devalue things like CSS…”
- Ivana Michael @ CSSConf AU
Chris DeMars ! @saltnburnem

7
CSS IS STILL
A THING!
Chris DeMars ! @saltnburnem

9
Chris DeMars ! @saltnburnem
Una kravets
https://youtu.be/IRI1H5tyEAo
Front-trends 2017
The power of css

13
Hakon Wium Lie
Bert Bos
Chris DeMars ! @saltnburnem

14
Wes Bos
Bert Bos
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
CSS variables
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
CSS variables
Blend modes
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
CSS variables
Blend modes
Viewport units
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
CSS variables
Blend modes
Accessibility
Viewport units
Chris DeMars ! @saltnburnem

17
Grid
Flexbox
CSS variables
Blend modes
Accessibility
Viewport units
And more…
Chris DeMars ! @saltnburnem

20
Chris DeMars ! @saltnburnem
Block__Element--Modifier
Block_Element-Modifier
Double-Double
Single-Single

22
Makes writing
css fun!
Chris DeMars ! @saltnburnem

22
Makes writing
css fun!
Chris DeMars ! @saltnburnem
Maintainable

22
Makes writing
css fun!
Chris DeMars ! @saltnburnem
Maintainable Modular

22
Makes writing
css fun!
Chris DeMars ! @saltnburnem
Maintainable Modular Flexible

23
Chris DeMars ! @saltnburnem
https://bit.ly/2GRhU2T

26
One dimension
Chris DeMars ! @saltnburnem

27
https://css-tricks.com/snippets/css/a-guide-to-ﬂexbox/
Chris DeMars ! @saltnburnem

28
#1 problem
Chris DeMars ! @saltnburnem

29
Centering
Chris DeMars ! @saltnburnem

33
Two
dimensions
Chris DeMars ! @saltnburnem

34
Rows
&
columns
Chris DeMars ! @saltnburnem

40
Jen Simmons
Rachel Andrew
Chris DeMars ! @saltnburnem

50
Sass & less Variables
Chris DeMars ! @saltnburnem

51
Can’t change dynamically
Dom unaware
No js targets
Drawbacks
Chris DeMars ! @saltnburnem

52
Cascade
Inheritance
js targets
Pros of css vars
Chris DeMars ! @saltnburnem

53
Use cases
For
Custom props
Chris DeMars ! @saltnburnem

54
Emulate
Non-existent
Rules
https://bit.ly/2opAqp4
Chris DeMars ! @saltnburnem

55
Themes
https://bit.ly/2opAqp4
Chris DeMars ! @saltnburnem

56
Support?
https://bit.ly/2opAqp4
Chris DeMars ! @saltnburnem

57
Support?
https://bit.ly/2opAqp4
Chris DeMars ! @saltnburnem

58
Css variables
Syntax
Chris DeMars ! @saltnburnem

63
Image effects
in the browser
Chris DeMars ! @saltnburnem

65
Types
Background
blend mode
Chris DeMars ! @saltnburnem

65
Types
Background
blend mode
Mixed
blend mode
Chris DeMars ! @saltnburnem

66
Mixed blend mode
Chris DeMars ! @saltnburnem

66
Mixed blend mode
initial: Default setting of the property
that does not set a blend mode.
Chris DeMars ! @saltnburnem

66
Mixed blend mode
initial: Default setting of the property
that does not set a blend mode.
inherit: inherits the blend mode from its
parent.
Chris DeMars ! @saltnburnem

66
Mixed blend mode
initial: Default setting of the property
that does not set a blend mode.
inherit: inherits the blend mode from its
parent.
Unset: Removes the blend mode from an
element.
Chris DeMars ! @saltnburnem

69
Numeronym
Chris DeMars ! @saltnburnem

69
Numeronym
A c c e s s i b i l i t y
A 1 2 3 4 5 6 7 8 9 10 11 y
A11y
Chris DeMars ! @saltnburnem

71
Don’t do this!
Chris DeMars ! @saltnburnem

73
:focus-visible
Chris DeMars ! @saltnburnem

75
Focus-visible
polyfill
https://github.com/WICG/focus-visible
Chris DeMars ! @saltnburnem

77
Demo time!
Chris DeMars ! @saltnburnem

78
:focus-within
Chris DeMars ! @saltnburnem

81
Css feels!
Chris DeMars ! @saltnburnem

82
Resources
https://bit.ly/2OV9A63
Chris DeMars ! @saltnburnem

83
Thanks!
Chris demars | saltnburnem
Chris DeMars ! @saltnburnem
https://codepen.io/chrisdemars/
https://bit.ly/2qNA9Q4

The document discusses web accessibility and low vision accessibility. It covers topics like what accessibility (a11y) means, different types of disabilities, principles of accessible design (POUR), low vision vs. poor vision, color blindness, visual acuity, contrast sensitivity, field of vision impairments, and examples of accessibility issues like color contrast, zoom support, typography, and icons. The presentation emphasizes the importance of accessibility and provides takeaways on using accessible colors, testing sites for accessibility, choosing readable fonts, enabling zoom, and using plugins to test for accessibility.

Focusing on Focus

Chris DeMars

This document discusses web accessibility and keyboard focus. It begins with definitions of accessibility and what it means for the web to be accessible to all. It then discusses the importance of keyboard focus, how focus is handled differently across browsers, and the use of CSS like :focus, :focus-visible, and tabindex to control focus. It provides examples and recommendations for implementing proper focus styles. The document encourages an inclusive web that is accessible to all users.

2024 State of Marketing Report – by Hubspot

Marius Sescu

https://www.hubspot.com/state-of-marketing · Scaling relationships and proving ROI · Social media is the place for search, sales, and service · Authentic influencer partnerships fuel brand growth · The strongest connections happen via call, click, chat, and camera. · Time saved with AI leads to more creative work · Seeking: A single source of truth · TLDR; Get on social, try AI, and align your systems. · More human marketing, powered by robots

Everything You Need To Know About ChatGPT

Expeed Software

ChatGPT is a revolutionary addition to the world since its introduction in 2022. A big shift in the sector of information gathering and processing happened because of this chatbot. What is the story of ChatGPT? How is the bot responding to prompts and generating contents? Swipe through these slides prepared by Expeed Software, a web development company regarding the development and technical intricacies of ChatGPT!

Product Design Trends in 2024 | Teenage Engineerings

Pixeldarts

How Race, Age and Gender Shape Attitudes Towards Mental Health

ThinkNow

Mental health has been in the news quite a bit lately. Dozens of U.S. states are currently suing Meta for contributing to the youth mental health crisis by inserting addictive features into their products, while the U.S. Surgeon General is touring the nation to bring awareness to the growing epidemic of loneliness and isolation. The country has endured periods of low national morale, such as in the 1970s when high inflation and the energy crisis worsened public sentiment following the Vietnam War. The current mood, however, feels different. Gallup recently reported that national mental health is at an all-time low, with few bright spots to lift spirits. To better understand how Americans are feeling and their attitudes towards mental health in general, ThinkNow conducted a nationally representative quantitative survey of 1,500 respondents and found some interesting differences among ethnic, age and gender groups. Technology For example, 52% agree that technology and social media have a negative impact on mental health, but when broken out by race, 61% of Whites felt technology had a negative effect, and only 48% of Hispanics thought it did. While technology has helped us keep in touch with friends and family in faraway places, it appears to have degraded our ability to connect in person. Staying connected online is a double-edged sword since the same news feed that brings us pictures of the grandkids and fluffy kittens also feeds us news about the wars in Israel and Ukraine, the dysfunction in Washington, the latest mass shooting and the climate crisis. Hispanics may have a built-in defense against the isolation technology breeds, owing to their large, multigenerational households, strong social support systems, and tendency to use social media to stay connected with relatives abroad. Age and Gender When asked how individuals rate their mental health, men rate it higher than women by 11 percentage points, and Baby Boomers rank it highest at 83%, saying it’s good or excellent vs. 57% of Gen Z saying the same. Gen Z spends the most amount of time on social media, so the notion that social media negatively affects mental health appears to be correlated. Unfortunately, Gen Z is also the generation that’s least comfortable discussing mental health concerns with healthcare professionals. Only 40% of them state they’re comfortable discussing their issues with a professional compared to 60% of Millennials and 65% of Boomers. Race Affects Attitudes As seen in previous research conducted by ThinkNow, Asian Americans lag other groups when it comes to awareness of mental health issues. Twenty-four percent of Asian Americans believe that having a mental health issue is a sign of weakness compared to the 16% average for all groups. Asians are also considerably less likely to be aware of mental health services in their communities (42% vs. 55%) and most likely to seek out information on social media (51% vs. 35%).

AI Trends in Creative Operations 2024 by Artwork Flow.pdf

marketingartwork

Creative operations teams expect increased AI use in 2024. Currently, over half of tasks are not AI-enabled, but this is expected to decrease in the coming year. ChatGPT is the most popular AI tool currently. Business leaders are more actively exploring AI benefits than individual contributors. Most respondents do not believe AI will impact workforce size in 2024. However, some inhibitions still exist around AI accuracy and lack of understanding. Creatives primarily want to use AI to save time on mundane tasks and boost productivity.

Skeleton Culture Code

Skeleton Technologies

Organizational culture includes values, norms, systems, symbols, language, assumptions, beliefs, and habits that influence employee behaviors and how people interpret those behaviors. It is important because culture can help or hinder a company's success. Some key aspects of Netflix's culture that help it achieve results include hiring smartly so every position has stars, focusing on attitude over just aptitude, and having a strict policy against peacocks, whiners, and jerks.

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

How to use Firebase Data Connect For Flutter

Daiki Mogmet Ito

TrustArc Webinar - 2024 Global Privacy Survey

TrustArc

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

Fueling AI with Great Data with Airbyte Webinar

Zilliz

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

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

IndexBug

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

Malak Abu Hammad

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

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

panagenda

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

June Patch Tuesday

Ivanti

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

Full-RAG: A modern architecture for hyper-personalization

Zilliz

Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.

Serial Arm Control in Real Time Presentation

tolgahangng

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

akankshawande

Programming Foundation Models with DSPy - Meetup Slides

Zilliz

Presentation of the OECD Artificial Intelligence Review of Germany

innovationoecd

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.

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

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

“I’m still / I’m still / Chaining from the Block”

Claudio Di Ciccio

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

名前です男

PEPSICO Presentation to CAGNY Conference Feb 2024

Neil Kimberley

PepsiCo provided a safe harbor statement noting that any forward-looking statements are based on currently available information and are subject to risks and uncertainties. It also provided information on non-GAAP measures and directing readers to its website for disclosure and reconciliation. The document then discussed PepsiCo's business overview, including that it is a global beverage and convenient food company with iconic brands, $91 billion in net revenue in 2023, and nearly $14 billion in core operating profit. It operates through a divisional structure with a focus on local consumers.

Content Methodology: A Best Practices Report (Webinar)

contently

This document provides an overview of content methodology best practices. It defines content methodology as establishing objectives, KPIs, and a culture of continuous learning and iteration. An effective methodology focuses on connecting with audiences, creating optimal content, and optimizing processes. It also discusses why a methodology is needed due to the competitive landscape, proliferation of channels, and opportunities for improvement. Components of an effective methodology include defining objectives and KPIs, audience analysis, identifying opportunities, and evaluating resources. The document concludes with recommendations around creating a content plan, testing and optimizing content over 90 days.

Recently uploaded

Building Production Ready Search Pipelines with Spark and Milvus

Zilliz

CAKE: Sharing Slices of Confidential Data on Blockchain

Claudio Di Ciccio

How to use Firebase Data Connect For Flutter

Daiki Mogmet Ito

TrustArc Webinar - 2024 Global Privacy Survey

TrustArc

Fueling AI with Great Data with Airbyte Webinar

Zilliz

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

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

IndexBug

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

Malak Abu Hammad

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

panagenda

June Patch Tuesday

Ivanti

Full-RAG: A modern architecture for hyper-personalization

Zilliz

Serial Arm Control in Real Time Presentation

tolgahangng

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

akankshawande

Programming Foundation Models with DSPy - Meetup Slides

Zilliz

Presentation of the OECD Artificial Intelligence Review of Germany

innovationoecd

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

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

“I’m still / I’m still / Chaining from the Block”

Claudio Di Ciccio

名前です男

Recently uploaded (20)

Building Production Ready Search Pipelines with Spark and Milvus

CAKE: Sharing Slices of Confidential Data on Blockchain

How to use Firebase Data Connect For Flutter

TrustArc Webinar - 2024 Global Privacy Survey

Fueling AI with Great Data with Airbyte Webinar

20240609 QFM020 Irresponsible AI Reading List May 2024

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

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

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

June Patch Tuesday

Full-RAG: A modern architecture for hyper-personalization

Serial Arm Control in Real Time Presentation

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

Programming Foundation Models with DSPy - Meetup Slides

Presentation of the OECD Artificial Intelligence Review of Germany

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

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

Artificial Intelligence for XMLDevelopment

“I’m still / I’m still / Chaining from the Block”

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024

Neil Kimberley

Content Methodology: A Best Practices Report (Webinar)

contently

How to Prepare For a Successful Job Search for 2024

Albert Qian

The document provides guidance on preparing a job search for 2024. It discusses the state of the job market, focusing on growth in AI and healthcare but also continued layoffs. It recommends figuring out what you want to do by researching interests and skills, then conducting informational interviews. The job search should involve building a personal brand on LinkedIn, actively applying to jobs, tailoring resumes and interviews, maintaining job hunting as a habit, and continuing self-improvement. Once hired, the document advises setting new goals and keeping skills and networking active in case of future opportunities.

Social Media Marketing Trends 2024 // The Global Indie Insights

Kurio // The Social Media Age(ncy)

A report by thenetworkone and Kurio. The contributing experts and agencies are (in an alphabetical order): Sylwia Rytel, Social Media Supervisor, 180heartbeats + JUNG v MATT (PL), Sharlene Jenner, Vice President - Director of Engagement Strategy, Abelson Taylor (USA), Alex Casanovas, Digital Director, Atrevia (ES), Dora Beilin, Senior Social Strategist, Barrett Hoffher (USA), Min Seo, Campaign Director, Brand New Agency (KR), Deshé M. Gully, Associate Strategist, Day One Agency (USA), Francesca Trevisan, Strategist, Different (IT), Trevor Crossman, CX and Digital Transformation Director; Olivia Hussey, Strategic Planner; Simi Srinarula, Social Media Manager, The Hallway (AUS), James Hebbert, Managing Director, Hylink (CN / UK), Mundy Álvarez, Planning Director; Pedro Rojas, Social Media Manager; Pancho González, CCO, Inbrax (CH), Oana Oprea, Head of Digital Planning, Jam Session Agency (RO), Amy Bottrill, Social Account Director, Launch (UK), Gaby Arriaga, Founder, Leonardo1452 (MX), Shantesh S Row, Creative Director, Liwa (UAE), Rajesh Mehta, Chief Strategy Officer; Dhruv Gaur, Digital Planning Lead; Leonie Mergulhao, Account Supervisor - Social Media & PR, Medulla (IN), Aurelija Plioplytė, Head of Digital & Social, Not Perfect (LI), Daiana Khaidargaliyeva, Account Manager, Osaka Labs (UK / USA), Stefanie Söhnchen, Vice President Digital, PIABO Communications (DE), Elisabeth Winiartati, Managing Consultant, Head of Global Integrated Communications; Lydia Aprina, Account Manager, Integrated Marketing and Communications; Nita Prabowo, Account Manager, Integrated Marketing and Communications; Okhi, Web Developer, PNTR Group (ID), Kei Obusan, Insights Director; Daffi Ranandi, Insights Manager, Radarr (SG), Gautam Reghunath, Co-founder & CEO, Talented (IN), Donagh Humphreys, Head of Social and Digital Innovation, THINKHOUSE (IRE), Sarah Yim, Strategy Director, Zulu Alpha Kilo (CA).

Trends In Paid Search: Navigating The Digital Landscape In 2024

Search Engine Journal

The search marketing landscape is evolving rapidly with new technologies, and professionals, like you, rely on innovative paid search strategies to meet changing demands. It’s important that you’re ready to implement new strategies in 2024. Check this out and learn the top trends in paid search advertising that are expected to gain traction, so you can drive higher ROI more efficiently in 2024. You’ll learn: - The latest trends in AI and automation, and what this means for an evolving paid search ecosystem. - New developments in privacy and data regulation. - Emerging ad formats that are expected to make an impact next year. Watch Sreekant Lanka from iQuanti and Irina Klein from OneMain Financial as they dive into the future of paid search and explore the trends, strategies, and technologies that will shape the search marketing landscape. If you’re looking to assess your paid search strategy and design an industry-aligned plan for 2024, then this webinar is for you.

5 Public speaking tips from TED - Visualized summary

SpeakerHub

From their humble beginnings in 1984, TED has grown into the world’s most powerful amplifier for speakers and thought-leaders to share their ideas. They have over 2,400 filmed talks (not including the 30,000+ TEDx videos) freely available online, and have hosted over 17,500 events around the world. With over one billion views in a year, it’s no wonder that so many speakers are looking to TED for ideas on how to share their message more effectively. The article “5 Public-Speaking Tips TED Gives Its Speakers”, by Carmine Gallo for Forbes, gives speakers five practical ways to connect with their audience, and effectively share their ideas on stage. Whether you are gearing up to get on a TED stage yourself, or just want to master the skills that so many of their speakers possess, these tips and quotes from Chris Anderson, the TED Talks Curator, will encourage you to make the most impactful impression on your audience. See the full article and more summaries like this on SpeakerHub here: https://speakerhub.com/blog/5-presentation-tips-ted-gives-its-speakers See the original article on Forbes here: http://www.forbes.com/forbes/welcome/?toURL=http://www.forbes.com/sites/carminegallo/2016/05/06/5-public-speaking-tips-ted-gives-its-speakers/&refURL=&referrer=#5c07a8221d9b

ChatGPT and the Future of Work - Clark Boyd

Clark Boyd

Everyone is in agreement that ChatGPT (and other generative AI tools) will shape the future of work. Yet there is little consensus on exactly how, when, and to what extent this technology will change our world. Businesses that extract maximum value from ChatGPT will use it as a collaborative tool for everything from brainstorming to technical maintenance. For individuals, now is the time to pinpoint the skills the future professional will need to thrive in the AI age. Check out this presentation to understand what ChatGPT is, how it will shape the future of work, and how you can prepare to take advantage.

Getting into the tech field. what next

Tessa Mero

The document provides career advice for getting into the tech field, including: - Doing projects and internships in college to build a portfolio. - Learning about different roles and technologies through industry research. - Contributing to open source projects to build experience and network. - Developing a personal brand through a website and social media presence. - Networking through events, communities, and finding a mentor. - Practicing interviews through mock interviews and whiteboarding coding questions.

Google's Just Not That Into You: Understanding Core Updates & Search Intent

Lily Ray

1. Core updates from Google periodically change how its algorithms assess and rank websites and pages. This can impact rankings through shifts in user intent, site quality issues being caught up to, world events influencing queries, and overhauls to search like the E-A-T framework. 2. There are many possible user intents beyond just transactional, navigational and informational. Identifying intent shifts is important during core updates. Sites may need to optimize for new intents through different content types and sections. 3. Responding effectively to core updates requires analyzing "before and after" data to understand changes, identifying new intents or page types, and ensuring content matches appropriate intents across video, images, knowledge graphs and more.

How to have difficult conversations

Rajiv Jayarajah, MAppComm, ACC

Introduction to Data Science

Christy Abraham Joy

Time Management & Productivity - Best Practices

Vit Horky

The six step guide to practical project management

MindGenius

The six step guide to practical project management If you think managing projects is too difficult, think again. We’ve stripped back project management processes to the basics – to make it quicker and easier, without sacrificing the vital ingredients for success. “If you’re looking for some real-world guidance, then The Six Step Guide to Practical Project Management will help.” Dr Andrew Makar, Tactical Project Management

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

RachelPearson36

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

Applitools

During this webinar, Anand Bagmar demonstrates how AI tools such as ChatGPT can be applied to various stages of the software development life cycle (SDLC) using an eCommerce application case study. Find the on-demand recording and more info at https://applitools.info/b59 Key takeaways: • Learn how to use ChatGPT to add AI power to your testing and test automation • Understand the limitations of the technology and where human expertise is crucial • Gain insight into different AI-based tools • Adopt AI-based tools to stay relevant and optimize work for developers and testers * ChatGPT and OpenAI belong to OpenAI, L.L.C.

12 Ways to Increase Your Influence at Work

GetSmarter

ChatGPT webinar slides

Alireza Esmikhani

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.

More than Just Lines on a Map: Best Practices for U.S Bike Routes

Project for Public Spaces & National Center for Biking and Walking

Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...

DevGAMM Conference

Has your project been caught in a storm of deadlines, clashing requirements, and the need to change course halfway through? If yes, then check out how the administration team navigated through all of this, relocating 160 people from 3 countries and opening 2 offices during the most turbulent time in the last 20 years. Belka Games’ Chief Administrative Officer, Katerina Rudko, will share universal approaches and life hacks that can help your project survive unstable periods when there seem to be too many tasks and a lack of time and people.

Barbie - Brand Strategy Presentation

Erica Santiago

Featured (20)

PEPSICO Presentation to CAGNY Conference Feb 2024

Content Methodology: A Best Practices Report (Webinar)

How to Prepare For a Successful Job Search for 2024

Social Media Marketing Trends 2024 // The Global Indie Insights

Trends In Paid Search: Navigating The Digital Landscape In 2024

5 Public speaking tips from TED - Visualized summary

ChatGPT and the Future of Work - Clark Boyd

Getting into the tech field. what next

Google's Just Not That Into You: Understanding Core Updates & Search Intent

How to have difficult conversations

Introduction to Data Science

Time Management & Productivity - Best Practices

The six step guide to practical project management

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

12 Ways to Increase Your Influence at Work

ChatGPT webinar slides

More than Just Lines on a Map: Best Practices for U.S Bike Routes

Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...

Barbie - Brand Strategy Presentation

Believe in the Power of CSS

1. 1 Chris DeMars ! @saltnburnem Not in this talk

2. 1 Chris DeMars ! @saltnburnem Not in this talk Styled components🚫

3. 1 Chris DeMars ! @saltnburnem Not in this talk Css-in-js🚫 Styled components🚫

4. Twitter: saltnburnem | Site: chrisdemars.com

5. 3 Chris DeMars ! @saltnburnem Disclaimer

6. 3 Chris DeMars ! @saltnburnem Disclaimer I 💚 CSS 🎉🎉

7. 4 Chris DeMars ! @saltnburnem

8. 4 CSS Chris DeMars ! @saltnburnem

9. 4 CSS CSS Chris DeMars ! @saltnburnem

10. 4 CSS CSS CSS Chris DeMars ! @saltnburnem

11. 4 CSS CSS CSS CSS Chris DeMars ! @saltnburnem

12. 4 CSS CSS CSS CSS CSS Chris DeMars ! @saltnburnem

13. 5 “CSS is a key development skill.” - Ivana McConnell @ CSSConf AU Chris DeMars ! @saltnburnem

14. 6 “…also the problems with how we devalue things like CSS…” - Ivana Michael @ CSSConf AU Chris DeMars ! @saltnburnem

15. 7 CSS IS STILL A THING! Chris DeMars ! @saltnburnem

16. 8 Chris DeMars ! @saltnburnem

17. 8 Chris DeMars ! @saltnburnem

18. 9 Chris DeMars ! @saltnburnem Una kravets https://youtu.be/IRI1H5tyEAo Front-trends 2017 The power of css

19. 10 Chris DeMars ! @saltnburnem

20. 11 Chris DeMars ! @saltnburnem

21. 12 Chris DeMars ! @saltnburnem

22. 13 Hakon Wium Lie Bert Bos Chris DeMars ! @saltnburnem

23. 14 Wes Bos Bert Bos Chris DeMars ! @saltnburnem

24. 14 Wes Bos Bert Bos Chris DeMars ! @saltnburnem

25. 15 Chris DeMars ! @saltnburnem

26. 16 Chris DeMars ! @saltnburnem

27. 17 Chris DeMars ! @saltnburnem

28. 17 Flexbox Chris DeMars ! @saltnburnem

29. 17 Grid Flexbox Chris DeMars ! @saltnburnem

30. 17 Grid Flexbox CSS variables Chris DeMars ! @saltnburnem

31. 17 Grid Flexbox CSS variables Blend modes Chris DeMars ! @saltnburnem

32. 17 Grid Flexbox CSS variables Blend modes Viewport units Chris DeMars ! @saltnburnem

33. 17 Grid Flexbox CSS variables Blend modes Accessibility Viewport units Chris DeMars ! @saltnburnem

34. 17 Grid Flexbox CSS variables Blend modes Accessibility Viewport units And more… Chris DeMars ! @saltnburnem

35. 18 Chris DeMars ! @saltnburnem

36. 19 Chris DeMars ! @saltnburnem Oocss

37. 19 Chris DeMars ! @saltnburnem Oocss

38. 20 Chris DeMars ! @saltnburnem Block__Element--Modifier Block_Element-Modifier Double-Double Single-Single

39. 21 Chris DeMars ! @saltnburnem Oocss

40. 21 Chris DeMars ! @saltnburnem Oocss

41. 21 Chris DeMars ! @saltnburnem Oocss

42. 21 Chris DeMars ! @saltnburnem Oocss

43. 21 Chris DeMars ! @saltnburnem Oocss

44. 22 Makes writing css fun! Chris DeMars ! @saltnburnem

45. 22 Makes writing css fun! Chris DeMars ! @saltnburnem Maintainable

46. 22 Makes writing css fun! Chris DeMars ! @saltnburnem Maintainable Modular

47. 22 Makes writing css fun! Chris DeMars ! @saltnburnem Maintainable Modular Flexible

48. 23 Chris DeMars ! @saltnburnem https://bit.ly/2GRhU2T

49. 24 Chris DeMars ! @saltnburnem

50. 25 Chris DeMars ! @saltnburnem

51. 26 One dimension Chris DeMars ! @saltnburnem

52. 27 https://css-tricks.com/snippets/css/a-guide-to-ﬂexbox/ Chris DeMars ! @saltnburnem

53. 28 #1 problem Chris DeMars ! @saltnburnem

54. 29 Centering Chris DeMars ! @saltnburnem

55. 30 Chris DeMars ! @saltnburnem

56. 30 Chris DeMars ! @saltnburnem

57. 31 Chris DeMars ! @saltnburnem

58. 32 Chris DeMars ! @saltnburnem

59. 33 Two dimensions Chris DeMars ! @saltnburnem

60. 34 Rows & columns Chris DeMars ! @saltnburnem

61. 35 Chris DeMars ! @saltnburnem

62. 35 Chris DeMars ! @saltnburnem

63. 36 Chris DeMars ! @saltnburnem

64. 36 Chris DeMars ! @saltnburnem

65. 37 Chris DeMars ! @saltnburnem

66. 37 Chris DeMars ! @saltnburnem

67. 38 Chris DeMars ! @saltnburnem

68. 38 Chris DeMars ! @saltnburnem

69. 39 Chris DeMars ! @saltnburnem

70. 39 Chris DeMars ! @saltnburnem

71. 40 Jen Simmons Rachel Andrew Chris DeMars ! @saltnburnem

72. 41 Chris DeMars ! @saltnburnem

73. 42 Chris DeMars ! @saltnburnem

74. 43 Chris DeMars ! @saltnburnem

75. 43 Chris DeMars ! @saltnburnem

76. 44 Chris DeMars ! @saltnburnem

77. 45 Chris DeMars ! @saltnburnem

78. 46 Chris DeMars ! @saltnburnem

79. 46 Chris DeMars ! @saltnburnem

80. 47 Chris DeMars ! @saltnburnem

81. 47 Chris DeMars ! @saltnburnem

82. 48 Chris DeMars ! @saltnburnem

83. 49 Chris DeMars ! @saltnburnem

84. 49 Chris DeMars ! @saltnburnem 🤬

85. 50 Sass & less Variables Chris DeMars ! @saltnburnem

86. 51 Can’t change dynamically Dom unaware No js targets Drawbacks Chris DeMars ! @saltnburnem

87. 52 Cascade Inheritance js targets Pros of css vars Chris DeMars ! @saltnburnem

88. 53 Use cases For Custom props Chris DeMars ! @saltnburnem

89. 54 Emulate Non-existent Rules https://bit.ly/2opAqp4 Chris DeMars ! @saltnburnem

90. 55 Themes https://bit.ly/2opAqp4 Chris DeMars ! @saltnburnem

91. 55 Themes https://bit.ly/2opAqp4 Chris DeMars ! @saltnburnem

92. 56 Support? https://bit.ly/2opAqp4 Chris DeMars ! @saltnburnem

93. 57 Support? https://bit.ly/2opAqp4 Chris DeMars ! @saltnburnem

94. 58 Css variables Syntax Chris DeMars ! @saltnburnem

95. 59 Chris DeMars ! @saltnburnem

96. 60 Chris DeMars ! @saltnburnem

97. 60 Chris DeMars ! @saltnburnem

98. 61 Chris DeMars ! @saltnburnem

99. 62 Chris DeMars ! @saltnburnem

100. 62 🤬 🤬 Chris DeMars ! @saltnburnem

101. 63 Image effects in the browser Chris DeMars ! @saltnburnem

102. 64 Chris DeMars ! @saltnburnem

103. 64 🚫Chris DeMars ! @saltnburnem

104. 65 Types Chris DeMars ! @saltnburnem

105. 65 Types Background blend mode Chris DeMars ! @saltnburnem

106. 65 Types Background blend mode Mixed blend mode Chris DeMars ! @saltnburnem

107. 66 Mixed blend mode Chris DeMars ! @saltnburnem

108. 66 Mixed blend mode initial: Default setting of the property that does not set a blend mode. Chris DeMars ! @saltnburnem

109. 66 Mixed blend mode initial: Default setting of the property that does not set a blend mode. inherit: inherits the blend mode from its parent. Chris DeMars ! @saltnburnem

110. 66 Mixed blend mode initial: Default setting of the property that does not set a blend mode. inherit: inherits the blend mode from its parent. Unset: Removes the blend mode from an element. Chris DeMars ! @saltnburnem

111. 67 Chris DeMars ! @saltnburnem

112. 67 Chris DeMars ! @saltnburnem

113. 68 Chris DeMars ! @saltnburnem

114. 69 Numeronym Chris DeMars ! @saltnburnem

115. 69 Numeronym Chris DeMars ! @saltnburnem

116. 69 Numeronym A c c e s s i b i l i t y A 1 2 3 4 5 6 7 8 9 10 11 y A11y Chris DeMars ! @saltnburnem

117. 70 :focus Chris DeMars ! @saltnburnem

118. 71 Don’t do this! Chris DeMars ! @saltnburnem

119. 72 Chris DeMars ! @saltnburnem

120. 72 Chris DeMars ! @saltnburnem

121. 73 :focus-visible Chris DeMars ! @saltnburnem

122. 74 Yayyyyy!!