CSS3 - Novo contexto

•

5 likes•1,195 views

The document discusses the purpose and capabilities of CSS3. It notes that CSS3 allows for beautiful formatting of information including shadows, transparency, gradients and animations. It highlights some new CSS3 features like keyframe animation, media queries to control formatting across devices, template layout replacing floats, 3D manipulation with perspective, touch specifications, and properties like box-shadow, text-shadow and more. The document emphasizes that CSS3 development is modular and that front-end developers have increased responsibility.

Technology

CSS3
Diego Eis
tableless.com.br @diegoeis
visie.com.br @tableless

Monday, July 11, 2011

PARA
O QUE
SERVE
O CSS?
Monday, July 11, 2011

FORMATAR
a informação
Monday, July 11, 2011

O QUE É
informação?
Monday, July 11, 2011

INFORMAÇÃO
é tudo o que
o usuário consome!
imagem, voz, texto, vídeo
e quem sabe o que mais no futuro.

Monday, July 11, 2011

ONTEM
formatar informação
era chato e limitado.

Monday, July 11, 2011

HOJE
CSS é coisa linda!
sombras, transparências,
gradientes, animações
e outras coisas lindas de Deus.
Monday, July 11, 2011

Mais novidades
o desenvolvimento
do CSS3 é modular

Monday, July 11, 2011

ANIMAÇÃO
controlada

Propriedade keyframe
vem ni mim animação!

Monday, July 11, 2011

MEDIA QUERIES
controlando como a
informação será vista
nos meios de acesso

Monday, July 11, 2011

O FLOAT
vai morrer!

Template Layout
aí sim, hein?!

Monday, July 11, 2011

CSS3 3D
manipulação 3D
com CSS
Propriedade Perspective
Chora, neném!

Monday, July 11, 2011

TOUCH
especiﬁcação touch

Monday, July 11, 2011

ENTRE
OUTROS
box-shadow, text-shadow,
rgba/hsla, columns, @font-
face, border-radius

Monday, July 11, 2011

RESPONSABILIDADE
do dev client-side

Monday, July 11, 2011

Viewers also liked

Primeiros passos para estruturar uma equipe front-end

Diego Eis

DOM, CSSOM e RenderThree - Introdução ao Browser Render Path

Diego Eis

Construindo um framework CSS

Diego Eis

O básico sobre Web Semântica, JSON-LD e Linked Data

Diego Eis

Construindo seu framework CSS

Diego Eis

Flexbox and Grid Layout: How you will structure layouts tomorrow.

Diego Eis

O que você precisa saber para se tornar um dev front-end

Diego Eis

Acessibilidade para web

Diego Eis

A verdadeira semântica do HTML

Diego Eis

UX, Front-end and Back-end: How front-end can help these guys?

Diego Eis

Viewers also liked (10)

Primeiros passos para estruturar uma equipe front-end

DOM, CSSOM e RenderThree - Introdução ao Browser Render Path

Construindo um framework CSS

O básico sobre Web Semântica, JSON-LD e Linked Data

Construindo seu framework CSS

Flexbox and Grid Layout: How you will structure layouts tomorrow.

O que você precisa saber para se tornar um dev front-end

Acessibilidade para web

A verdadeira semântica do HTML

UX, Front-end and Back-end: How front-end can help these guys?

Similar to CSS3 - Novo contexto

Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include: * Validators * Preprocessors * Finding dead rules * Linting * CSS3 gradient tools * Performance measurement tools * Unit testing

CSS Power Tools

Nicole Sullivan

Choosing the right Content Management System

Rachel Andrew

Taking SM to Next Level - Governor's Conference 2011

Andrew Hoffman

The Fast, The Slow and the Lazy

Maurício Linhares

"센과 치히로의 행방불명"을 통해 알아보는 우리들의 잃어버린 인간성에 대하여

Ricky Park

ISA11 - Bill Scott - Designing Mice Men

Interaction South America

让开发也懂前端

lifesinger

Opera Mobile HTML5 CSS3 Standards

Zi Bin Cheah

Greach 2011 - Engrandeciendo Grails con MongoDB

greach_es

Cours1 design d'interaction_csv

celinecelines semaan vernon

Cours1: design d'interaction

celinecelines semaan vernon

Koss, How to make desktop caliber browser apps

Evil Martians

ITP / SED Day 4

Sami Niemelä

Speed Dating: How Speeding up your Blog Improves your SEO

VigLink

Similar to CSS3 - Novo contexto (14)

CSS Power Tools

Choosing the right Content Management System

Taking SM to Next Level - Governor's Conference 2011

The Fast, The Slow and the Lazy

"센과 치히로의 행방불명"을 통해 알아보는 우리들의 잃어버린 인간성에 대하여

ISA11 - Bill Scott - Designing Mice Men

让开发也懂前端

Opera Mobile HTML5 CSS3 Standards

Greach 2011 - Engrandeciendo Grails con MongoDB

Cours1 design d'interaction_csv

Cours1: design d'interaction

Koss, How to make desktop caliber browser apps

ITP / SED Day 4

Speed Dating: How Speeding up your Blog Improves your SEO

Recently uploaded

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

The action of the next cyber saga takes place in the mystical lands of the Asia-Pacific region, where the main characters began their digital activities in the middle of 2021 and qualitatively strengthened it in 2022. Corporate espionage, document theft, audio recordings, and data leaks from messaging platforms were all a matter of one day for Dark Pink. Their geographical focus may have started in the Asia-Pacific region, but their ambitions knew no bounds, targeting a European government ministry in a bold move to expand their portfolio. Their victim profile was as diverse as a UN meeting, targeting military organizations, government agencies, and even a religious organization. Because discrimination is not a fashionable agenda. In the world of cybercrime, they serve as a reminder that sometimes the most serious threats come in the most unassuming packages with a pink bow.

Cyberprint. Dark Pink Apt Group [EN].pdf

Overkill Security

In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?

Ransomware_Q4_2023. The report. [EN].pdf

Overkill Security

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Architecting Cloud Native Applications

WSO2

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Recently uploaded (20)

[BuildWithAI] Introduction to Gemini.pdf

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

Exploring the Future Potential of AI-Enabled Smartphone Processors

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Why Teams call analytics are critical to your entire business

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Cyberprint. Dark Pink Apt Group [EN].pdf

Ransomware_Q4_2023. The report. [EN].pdf

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Architecting Cloud Native Applications

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

AWS Community Day CPH - Three problems of Terraform

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Apidays New York 2024 - The value of a flexible API Management solution for O...

CSS3 - Novo contexto

1. CSS3 Diego Eis tableless.com.br @diegoeis visie.com.br @tableless Monday, July 11, 2011

2. Monday, July 11, 2011

3. PARA O QUE SERVE O CSS? Monday, July 11, 2011

4. Monday, July 11, 2011

5. FORMATAR a informação Monday, July 11, 2011

6. Monday, July 11, 2011

7. O QUE É informação? Monday, July 11, 2011

8. Monday, July 11, 2011

9. INFORMAÇÃO é tudo o que o usuário consome! imagem, voz, texto, vídeo e quem sabe o que mais no futuro. Monday, July 11, 2011

10. Monday, July 11, 2011

11. ONTEM formatar informação era chato e limitado. Monday, July 11, 2011

12. Monday, July 11, 2011

13. E HOJE? Monday, July 11, 2011

14. Monday, July 11, 2011

15. Monday, July 11, 2011

16. Monday, July 11, 2011

17. Monday, July 11, 2011

18. Monday, July 11, 2011

19. HOJE CSS é coisa linda! sombras, transparências, gradientes, animações e outras coisas lindas de Deus. Monday, July 11, 2011

20. Monday, July 11, 2011

21. Mais novidades o desenvolvimento do CSS3 é modular Monday, July 11, 2011

22. Monday, July 11, 2011

23. ANIMAÇÃO controlada Propriedade keyframe vem ni mim animação! Monday, July 11, 2011

24. Monday, July 11, 2011

25. MEDIA QUERIES controlando como a informação será vista nos meios de acesso Monday, July 11, 2011

26. Monday, July 11, 2011

27. O FLOAT vai morrer! Template Layout aí sim, hein?! Monday, July 11, 2011

28. Monday, July 11, 2011

29. CSS3 3D manipulação 3D com CSS Propriedade Perspective Chora, neném! Monday, July 11, 2011

30. Monday, July 11, 2011

31. TOUCH especiﬁcação touch Monday, July 11, 2011

32. Monday, July 11, 2011

33. ENTRE OUTROS box-shadow, text-shadow, rgba/hsla, columns, @font- face, border-radius Monday, July 11, 2011

34. Monday, July 11, 2011

35. RESPONSABILIDADE do dev client-side Monday, July 11, 2011

36. CSS3 Diego Eis tableless.com.br @diegoeis visie.com.br @tableless Monday, July 11, 2011

CSS3 - Novo contexto

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (10)

Similar to CSS3 - Novo contexto

Similar to CSS3 - Novo contexto (14)

Recently uploaded

Recently uploaded (20)

CSS3 - Novo contexto