SlideShare une entreprise Scribd logo
1  sur  167
CSS3
  - is everything
we used to do
  wrong ?
re living in
we a
         times
exciting
better
 browsers
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
Opera 11:
Best HTML5 forms
     support
<input   type="color">
<input   type="date">
<input   type="number">
<input   type="range">
Opera 11:
    Best CSS3
backgrounds support
p { background-repeat: space; }
p { background-repeat: round; }

div { background-origin:
   padding-box; }

div { background-clip:
   padding-box; }

div { background-size: cover; }
div { background-size: contain;}
p
{
    background-position:
    left 10px top 15px;
}
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
Chrome 11:
Slightly ahead of
    Safari 5
background-image:     Safari 5
-webkit-gradient(linear,
left center, right center,
from(yellow), to(black));
background-image:     Safari 5
-webkit-gradient(linear,
left center, right center,
from(yellow), to(black));

background-image:      Chrome 11
-webkit-linear-gradient
(left, yellow, black);
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
21 June 2011??
IE 9
   Safari 5
 Opera 11
Chrome 11
  Firefox 5
      IE 10
Preview released:
  11 April 2011
Release:
early 2012?
are w ork   ing w ith
If you
              s h o u ld b e p a y in g
 CS S3, you
        ion to th e latest
 attent
 n ightly   builds?
http://nightly.webkit.org/
http://nightly.mozilla.org/
http://tools.google.com/dlpage/chromesxs
http://www.opera.com/browser/download/
cool
 CS S 3
       stuff
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Transforms & transitions
Linear & radial gradients
CSS3 selectors
Border-radius
Box-shadow
Text-shadow
@font-face
And more!
Befo
       re w
              e ge
                   t too
                           exc
                               ited
                                      …




              few th ings to
her e are a
                     mind
   ep             in
 ke
use CSS3 fo
           r the right

 re asons
W hile C S S 3 is
                   exciting,
w e h a ve to b e
                  c a re fu l
about how an
                 d
when we us
                e it.
r th a t s im p ly u s e
R a th e
          because        its c o o l,
CSS3
            u ld b e lo   o k in g a t
we sho
           ess rea     s o n s fo r
 busin
 i m p le m e n  tin g it.
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
@font-face
{
font-family: 'fontName';
src:
url('font.eot?')
   format('eot'
url('font.woff')
   format('woff'),
url('font.ttf')
   format('truetype');
}
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
section:target
{ background: lime; }

#section1:target
{ background: lightgreen; }

::selection
{
   color: #fff;
   background: #000;
}
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
@media all and
(max-device-width: 480px)
{
}

@media all and
(min-device-width: 481px) and
(max-device-width: 1024px) and
(orientation:portrait)
{
}
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
CSS3 - is everything we used to do wrong?
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
Web fonts
         Less images
        Improved UX
    Device targeting
 Faster page speeds
Efficient site building
Ease of maintenance
be aware of
            potential

   issues
Browser support
Vendor extensions
Changing syntax
Unstable Structural
CSS3 - is everything we used to do wrong?
Browser support
Vendor extensions
Changing syntax
Unstable Structural
Vendor-specific property
div
{
-webkit-border-radius: 10px;
}
Vendor-specific value
div
{
background-image:
-moz-linear-gradient
(left, yellow, black);
}
Vendor-specific property & value
div
{
-webkit-transition:
-webkit-transform 1s;
}
Different vendor extensions
div
{
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Browser support
Vendor extensions
Changing syntax
Unstable Structural
background-image:
-webkit-gradient(linear,
left center, right center,
from(yellow), to(black));

background-image:
-moz-linear-gradient
(left, yellow, black);
Browser support
Vendor extensions
Changing syntax
Unstable Structural selectors
:last-child { }
:only-child { }
:first-of-type { }
:last-of-type { }
:only-of-type { }
:empty { }
:nth-child(n) { }
:nth-last-child(n) { }
:nth-of-type(n) { }
:nth-last-of-type(n) { }
rtin g a n y p ro je c t,
B e fo re s ta
           d to k n o   w w h ic h
you n e e
         ers and     devices
brows
          o be sup       ported
 need t
This will help y
                    ou determine
 progressive e                    if
                  nhancement o
other solution                   r
                  s are needed
f o r y ou r p roj
                   e ct
learn the ba
            sics

   f irst
ig n e rs ju m p in to
M any des
              out k n o w  ing the
C S S 3 w ith
b asics of    CSS2.1
M a n y a s p e c ts
                     of CSS3
build on top
                     of CSS2.1
22
CSS2.1 selectors
36
CSS3 selectors
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
p {
background:
    [background-image]
    [background-position]
    [/ background-size]
    [background-repeat]
    [background-attachment]
    [background-origin]
    [background-clip]
    [background-color];
}
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
E:lang(c)
E:first-child
E:first-line
E:first-letter
E:before
E:after
E[att]
E[att=val]
E[att~=val]
E[att|=val]
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
.intro
{ overflow: hidden; }

.intro
{ float: left; }

.intro
{ display: inline-block; }
Older IE issues like haslayout
The block formatting context
   Complex CSS2.1 selector
    Initial values & shorthand
     The various box-models
        Inheritance & cascade
                   Float basics
.intro
{ position: relative; }

.intro
{ zoom: 1; }
fo c us
on the bigge
             r   issues
ality is th at CSS3
The re
             ne aspe    ct of the
is j u s t o
 de  veloper       toolkit
W e should be
                 exploring
how we can m
                 ake our desig
and developm                   n
                ent practices
m ore e fficie
               nt & flexible
how
     do   we b
               ecom
more               e
     efficie
            nt
more flex
          ible
more efficien
             t

 CS S
CSS resets
CSS resets ai
               m to remove a
 browser-spec                  ll
               ific styles, and
 build CSS up                  then
              again from sc
so that each e               ratch -
              lement will ap
the same in                   pear
             all browsers
html,body,div,span,applet,object,iframe,h1,h2,
h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,
i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,
td,article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,
video
{
      margin:0;
      padding:0;
      border:0;
      font-size:100%;
      font: inherit;
      vertical-align: baseline;
}
Strengths:
Efficient development
Strengths:
Efficient development
Strengths:
Efficient development
Consistency for teams
Strengths:
Efficient development
Consistency for teams

Weaknesses:
Applied without thought
lots of additional rewriting
Strengths:
Efficient development
Consistency for teams

Weaknesses:
lots of additional rewriting
CSS frameworks
CSS framewo
                 rks are pre-pr
libraries that a               epared
                re meant to al
easier, stand                  low for
                 ards-compli
styling of web                 ant
                pages.
rameworks      focus on
Many f                       velopers
lay out grids,  allowing de
      ll in library classes to
 to pu
     ld comple      x layouts
 bui
.column, .span-1, .span-2, .span-
3, .span-4, .span-5, .span-6,
.span-7, .span-8, .span-9, .span-
10, .span-11, .span-12, .span-13,
.span-14, .span-15, .span-16,
.span-17, .span-18, .span-19,
.span-20, .span-21, .span-22,
.span-23, .span-24
{float:left;margin-right:10px;}
Strength
Efficient development
                Lean,
Strength
Efficient development
                Lean,
Strength
 Efficient development
Lean, abstracted CSS
Strength
      Efficient development
     Lean, abstracted CSS

             Weaknesses
      Designs that don’t fit
      Bloated frameworks
Presentational class names
Strength
      Efficient development
     Lean, abstracted CSS

             Weaknesses
      Designs that don’t fit
      Bloated frameworks
Presentational class names
Strength
      Efficient development
     Lean, abstracted CSS

             Weaknesses
      Designs that don’t fit
      Bloated frameworks
Presentational class names
Strength
      Efficient development
     Lean, abstracted CSS

             Weaknesses
      Designs that don’t fit
      Bloated frameworks
Presentational class names
Keep in mind
              you can alway
roll you r ow                s
              n fram e w ork
smarter

   CSS
Object-oriented CSS
Object-oriente
               d CSS styles
“objects” or “m              HTML
                odules” with
cleaner, mor
              e efficient C
                            SS
For all the har
                dcore develop
yes, it’s not re                 ers…
                 ally object-orie
It’s just a na                   nted.
                me!
How many times
does your CSS file
  mention H2 or
   “float: left”?
Do you ever find
yourself styling
using Firebug?
There is a stro
                ng chance tha
 you may be “d                   t
                 oing it wrong”
or could at lea                 ,
                st be
“doing it bet
               ter”
How?
e starting your CSS,
Befor
    k at your layouts and
loo
 try to find patterns
Are there asp
               ects of the
layout that co
              uld be
abstracted i
              nto library it
                            ems?
Strengths
lean, robust CSS
Strengths
lean, robust CSS
Strengths
lean, robust CSS
easier site maintenance
Strengths
lean, robust CSS
easier site maintenance
avoid repetitive CSS
Strengths
lean, robust CSS
easier site maintenance
avoid repetitive CSS
avoid specificity wars
Strengths
lean, robust CSS
easier site maintenance
avoid repetitive CSS
avoid specificity wars

Weaknesses
additional HTML classes
new mindset
Strengths
lean, robust CSS
easier site maintenance
avoid repetitive CSS
avoid specificity wars

Weaknesses
additional HTML classes
new mindset
Strengths
lean, robust CSS
easier site maintenance
avoid repetitive CSS
avoid specificity wars

Weaknesses
additional HTML classes
new mindset
more powerf
           ul
development
Pre-processors
Pre-processo
              rs allow us to
variables in                 use
              CSS files and
parse them to                  then
               regular stylesh
                              eets.
LESS
  SASS
 Turbine
Switch CSS
  DtCSS
CSS Crush
Variables
@color1:   red;
@color2:   green;
@color3:   blue;
@color4:   orange;
@color5:   brown;

#a { background: @color1; }
Minification
div{width:200px;height:200px;-
webkit-border-radius:10px;-
moz-border-radius:10px;border-
radius:10px;}
#one{background:red;-webkit-
border-radius:20px;-moz-
border-radius:20px;border-
radius:20px;}#one
a{color:green;}
#two{background:green;-webkit-
border-radius:30px;-moz-
Mixins
.border-radius(@radius: 5px)
{
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}

div { .border-radius(); }
Packing
Gzipping
Compiling
Strength
Strength
faster development
Strength
faster development
variables!
Strength
faster development
variables!

Weaknesses
Strength
faster development
variables!

Weaknesses
deep nesting
#nav
{
   background: @color1;
   li
   {
      list-style: none

        a { color: green; }
    }
}
Strength
faster development
variables!

Weaknesses
deep nesting
inefficient CSS
Strength
faster development
variables!

Weaknesses
deep nesting
inefficient CSS
entirely new syntax
more respon
           sive

 d es ign
What is
Responsive design?
Until recently,
                people built si
for desktop                    tes
               and/or mobi
                              le only
Responsive   design is
    ut creating sites that
abo
ad apt to an  y device
Problem 1:
solving screen size
Ideally, we wa
                 nt to start with
single linear la                  a
                yout that can
viewed by a                     be
                ny device
we gradua  lly build a
Then
  ries of adva nced fluid
se
          n top, con  trolled by
layouts o                   aScript
 m edia que  ries or Jav
@media only screen and
(min-width: 800px) and
(max-width: 999px)
{
}

@media only screen and
(min-width: 1000px)
{
}
This means w
                 e can deliver
entirely differe
                nt layouts
based on the
                  viewport
Problem 2:
solving bandwidth
      issues
But what abo
            ut
images and
            other   media?
lly, we sho uld deliver
Idea
          images    and media
low end
 as the default
Then we deliv
                er larger, riche
for those dev                   r media
                 ices that can
(or at least tho                  cope
                se devices wit
suitable band                   h the
               width)
Problem 3:
content and context
Another probl
               em we face is
 determining w
                hat types of
content shoul
               d be delivered
devices, and i                to
              n what contex
people are u                 t are
              sing the site
simple as delivering
It is not as
       ed back c  ontent for
 stripp
 mobile d  evices and
          ntent for  desktops
 rich co
The reality is t
                hat these last
problems are                   two
                not solved yet
But a chang                    .
               e is coming
re at a tipp ing point.
I think we a                   going to
     y soon, a m  ajor site is
 Ver                        lems and
 c rack these  three prob
                way we b      uild sites
 ch  ange the
wrap
       up
hell am I
      what the
So,
            ng?
        sayi
be aware of th
               e
potential iss
              ues
learn the b asics
    fore divin  g in
 be
focus on the
bigger issue
               s
W rite e fficie ntly
D esign
    responsively
thank you
     Russ Weakley
   @russmaxdesign
 www.maxdesign.com.au

Contenu connexe

Tendances (20)

HTML and CSS crash course!
HTML and CSS crash course!HTML and CSS crash course!
HTML and CSS crash course!
 
CSS for Beginners
CSS for BeginnersCSS for Beginners
CSS for Beginners
 
Java script
Java scriptJava script
Java script
 
Html n CSS
Html n CSSHtml n CSS
Html n CSS
 
AEM Rich Text Editor (RTE) Deep Dive
AEM Rich Text Editor (RTE) Deep DiveAEM Rich Text Editor (RTE) Deep Dive
AEM Rich Text Editor (RTE) Deep Dive
 
HTML5
HTML5HTML5
HTML5
 
Beginners css tutorial for web designers
Beginners css tutorial for web designersBeginners css tutorial for web designers
Beginners css tutorial for web designers
 
Css pseudo-classes
Css pseudo-classesCss pseudo-classes
Css pseudo-classes
 
Css3
Css3Css3
Css3
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
 
Basic Details of HTML and CSS.pdf
Basic Details of HTML and CSS.pdfBasic Details of HTML and CSS.pdf
Basic Details of HTML and CSS.pdf
 
Java script
Java scriptJava script
Java script
 
Access ppt
Access ppt Access ppt
Access ppt
 
Html cheat-sheet
Html cheat-sheetHtml cheat-sheet
Html cheat-sheet
 
Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3
 
Xml presentation
Xml presentationXml presentation
Xml presentation
 
CSS3 Media Queries
CSS3 Media QueriesCSS3 Media Queries
CSS3 Media Queries
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Introducing Cascading Style Sheets
Introducing Cascading Style SheetsIntroducing Cascading Style Sheets
Introducing Cascading Style Sheets
 

En vedette

Microsoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationMicrosoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationRachel Andrew
 
Structure Web Content
Structure Web ContentStructure Web Content
Structure Web ContentNicole Ryan
 
Laying Out Elements with CSS
Laying Out Elements with CSSLaying Out Elements with CSS
Laying Out Elements with CSSNicole Ryan
 
Getting Started with CSS
Getting Started with CSSGetting Started with CSS
Getting Started with CSSNicole Ryan
 
Tutorial: Html5 And Css3 Site
Tutorial: Html5 And Css3 SiteTutorial: Html5 And Css3 Site
Tutorial: Html5 And Css3 SiteAdam Stewart
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Paolo Sordi
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33Paolo Sordi
 
Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Paolo Sordi
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare
 
Everything You know about CSS is Wrong
Everything You know about CSS is WrongEverything You know about CSS is Wrong
Everything You know about CSS is Wrongchandleryu
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShareSlideShare
 
Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Viviana Trujillo
 
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสSamit Koyom
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoftwyggio
 
Formatting text with CSS
Formatting text with CSSFormatting text with CSS
Formatting text with CSSNicole Ryan
 
I phone 4s-n94_schematics
I phone 4s-n94_schematicsI phone 4s-n94_schematics
I phone 4s-n94_schematicsAnonmos Bird
 
The Future State of Layout
The Future State of LayoutThe Future State of Layout
The Future State of LayoutStephen Hay
 
MedPower2016_S4_Paper003_SinisaSpremicPresentation
MedPower2016_S4_Paper003_SinisaSpremicPresentationMedPower2016_S4_Paper003_SinisaSpremicPresentation
MedPower2016_S4_Paper003_SinisaSpremicPresentationSinisa Spremic
 

En vedette (20)

Microsoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 PresentationMicrosoft TechDays - CSS3 Presentation
Microsoft TechDays - CSS3 Presentation
 
Structure Web Content
Structure Web ContentStructure Web Content
Structure Web Content
 
Laying Out Elements with CSS
Laying Out Elements with CSSLaying Out Elements with CSS
Laying Out Elements with CSS
 
Getting Started with CSS
Getting Started with CSSGetting Started with CSS
Getting Started with CSS
 
Tutorial: Html5 And Css3 Site
Tutorial: Html5 And Css3 SiteTutorial: Html5 And Css3 Site
Tutorial: Html5 And Css3 Site
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 34-90
 
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33
Progettazione e realizzazione di siti web, a.a. 2014-2015, slide 1-33
 
Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Everything You know about CSS is Wrong
Everything You know about CSS is WrongEverything You know about CSS is Wrong
Everything You know about CSS is Wrong
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 
Presentación Multimedia - HTML5
Presentación Multimedia - HTML5Presentación Multimedia - HTML5
Presentación Multimedia - HTML5
 
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียสตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
ตัวอย่าง Workshop basic html5 and css3 จากไอทีจีเนียส
 
Techdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec MicrosoftTechdays 2012 - Développement Web Mobile avec Microsoft
Techdays 2012 - Développement Web Mobile avec Microsoft
 
Formatting text with CSS
Formatting text with CSSFormatting text with CSS
Formatting text with CSS
 
I phone 4s-n94_schematics
I phone 4s-n94_schematicsI phone 4s-n94_schematics
I phone 4s-n94_schematics
 
The Future State of Layout
The Future State of LayoutThe Future State of Layout
The Future State of Layout
 
Physics2ndpaper
Physics2ndpaperPhysics2ndpaper
Physics2ndpaper
 
MedPower2016_S4_Paper003_SinisaSpremicPresentation
MedPower2016_S4_Paper003_SinisaSpremicPresentationMedPower2016_S4_Paper003_SinisaSpremicPresentation
MedPower2016_S4_Paper003_SinisaSpremicPresentation
 
C Tutorial Bangla Introduction 00
C Tutorial Bangla Introduction 00C Tutorial Bangla Introduction 00
C Tutorial Bangla Introduction 00
 

Similaire à CSS3 - is everything we used to do wrong?

CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 Jeffrey Barke
 
Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3Zohar Arad
 
Progressive enhancement
Progressive enhancementProgressive enhancement
Progressive enhancementZohar Arad
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web TypographyTrent Walton
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web DesignClarissa Peterson
 
CSS Methodology
CSS MethodologyCSS Methodology
CSS MethodologyZohar Arad
 
OOScss Architecture For Rails Apps
OOScss Architecture For Rails AppsOOScss Architecture For Rails Apps
OOScss Architecture For Rails AppsNetguru
 
CSS3: Are you experienced?
CSS3: Are you experienced?CSS3: Are you experienced?
CSS3: Are you experienced?Denise Jacobs
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comapplicake
 
Intro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS featuresIntro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS featuresAndreas Bovens
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applicationsVittorio Vittori
 
Enhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web DesignEnhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web DesignEric Overfield
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinRazorfish
 
CSS Frameworks: Categories, Criteria and Recommendations
CSS Frameworks: Categories, Criteria and RecommendationsCSS Frameworks: Categories, Criteria and Recommendations
CSS Frameworks: Categories, Criteria and Recommendationssirajrkhan
 

Similaire à CSS3 - is everything we used to do wrong? (20)

Css3 101
Css3 101Css3 101
Css3 101
 
CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3
 
Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3Progressive enhancement - Bridging the gap between CSS2 and CSS3
Progressive enhancement - Bridging the gap between CSS2 and CSS3
 
Progressive enhancement
Progressive enhancementProgressive enhancement
Progressive enhancement
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web Typography
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
CSS Methodology
CSS MethodologyCSS Methodology
CSS Methodology
 
OOScss Architecture For Rails Apps
OOScss Architecture For Rails AppsOOScss Architecture For Rails Apps
OOScss Architecture For Rails Apps
 
CSS3: Are you experienced?
CSS3: Are you experienced?CSS3: Are you experienced?
CSS3: Are you experienced?
 
presentation
presentationpresentation
presentation
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
 
Intro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS featuresIntro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS features
 
Fundamental CSS3
Fundamental CSS3Fundamental CSS3
Fundamental CSS3
 
Teams, styles and scalable applications
Teams, styles and scalable applicationsTeams, styles and scalable applications
Teams, styles and scalable applications
 
Enhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web DesignEnhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web Design
 
slides-students-C04.pdf
slides-students-C04.pdfslides-students-C04.pdf
slides-students-C04.pdf
 
Knowing it all
Knowing it allKnowing it all
Knowing it all
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
 
Evolution of CSS
Evolution of CSSEvolution of CSS
Evolution of CSS
 
CSS Frameworks: Categories, Criteria and Recommendations
CSS Frameworks: Categories, Criteria and RecommendationsCSS Frameworks: Categories, Criteria and Recommendations
CSS Frameworks: Categories, Criteria and Recommendations
 

Plus de Russ Weakley

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windowsRuss Weakley
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptionsRuss Weakley
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible namesRuss Weakley
 
What are accessible names and why should you care?
What are accessible names and why should you care?What are accessible names and why should you care?
What are accessible names and why should you care?Russ Weakley
 
How to build accessible UI components
How to build accessible UI componentsHow to build accessible UI components
How to build accessible UI componentsRuss Weakley
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?Russ Weakley
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design SystemsRuss Weakley
 
Creating accessible modals and autocompletes
Creating accessible modals and autocompletesCreating accessible modals and autocompletes
Creating accessible modals and autocompletesRuss Weakley
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loaderRuss Weakley
 
Accessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryAccessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryRuss Weakley
 
Accessible Inline errors messages
Accessible Inline errors messagesAccessible Inline errors messages
Accessible Inline errors messagesRuss Weakley
 
Accessible Form Hints and Errors
Accessible Form Hints and ErrorsAccessible Form Hints and Errors
Accessible Form Hints and ErrorsRuss Weakley
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern LibrariesRuss Weakley
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern librariesRuss Weakley
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Russ Weakley
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-completeRuss Weakley
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labelsRuss Weakley
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdownRuss Weakley
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchRuss Weakley
 

Plus de Russ Weakley (20)

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windows
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names
 
What are accessible names and why should you care?
What are accessible names and why should you care?What are accessible names and why should you care?
What are accessible names and why should you care?
 
How to build accessible UI components
How to build accessible UI componentsHow to build accessible UI components
How to build accessible UI components
 
What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?What is WCAG 2 and why should we care?
What is WCAG 2 and why should we care?
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
 
Creating accessible modals and autocompletes
Creating accessible modals and autocompletesCreating accessible modals and autocompletes
Creating accessible modals and autocompletes
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader
 
Accessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryAccessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and glory
 
Accessible Inline errors messages
Accessible Inline errors messagesAccessible Inline errors messages
Accessible Inline errors messages
 
Accessible Form Hints and Errors
Accessible Form Hints and ErrorsAccessible Form Hints and Errors
Accessible Form Hints and Errors
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labels
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
 

Dernier

Riddhi Kevadiya. WILLIAM SHAKESPEARE....
Riddhi Kevadiya. WILLIAM SHAKESPEARE....Riddhi Kevadiya. WILLIAM SHAKESPEARE....
Riddhi Kevadiya. WILLIAM SHAKESPEARE....Riddhi Kevadiya
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Work Experience for psp3 portfolio sasha
Work Experience for psp3 portfolio sashaWork Experience for psp3 portfolio sasha
Work Experience for psp3 portfolio sashasashalaycock03
 
3.26.24 Race, the Draft, and the Vietnam War.pptx
3.26.24 Race, the Draft, and the Vietnam War.pptx3.26.24 Race, the Draft, and the Vietnam War.pptx
3.26.24 Race, the Draft, and the Vietnam War.pptxmary850239
 
KARNAADA.pptx made by - saransh dwivedi ( SD ) - SHALAKYA TANTRA - ENT - 4...
KARNAADA.pptx  made by -  saransh dwivedi ( SD ) -  SHALAKYA TANTRA - ENT - 4...KARNAADA.pptx  made by -  saransh dwivedi ( SD ) -  SHALAKYA TANTRA - ENT - 4...
KARNAADA.pptx made by - saransh dwivedi ( SD ) - SHALAKYA TANTRA - ENT - 4...M56BOOKSTORE PRODUCT/SERVICE
 
Vani Magazine - Quarterly Magazine of Seshadripuram Educational Trust
Vani Magazine - Quarterly Magazine of Seshadripuram Educational TrustVani Magazine - Quarterly Magazine of Seshadripuram Educational Trust
Vani Magazine - Quarterly Magazine of Seshadripuram Educational TrustSavipriya Raghavendra
 
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINT
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINTARTICULAR DISC OF TEMPOROMANDIBULAR JOINT
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINTDR. SNEHA NAIR
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...Dr. Asif Anas
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Department of Health Compounder Question ‍Solution 2022.pdf
Department of Health Compounder Question ‍Solution 2022.pdfDepartment of Health Compounder Question ‍Solution 2022.pdf
Department of Health Compounder Question ‍Solution 2022.pdfMohonDas
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 

Dernier (20)

Riddhi Kevadiya. WILLIAM SHAKESPEARE....
Riddhi Kevadiya. WILLIAM SHAKESPEARE....Riddhi Kevadiya. WILLIAM SHAKESPEARE....
Riddhi Kevadiya. WILLIAM SHAKESPEARE....
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Work Experience for psp3 portfolio sasha
Work Experience for psp3 portfolio sashaWork Experience for psp3 portfolio sasha
Work Experience for psp3 portfolio sasha
 
3.26.24 Race, the Draft, and the Vietnam War.pptx
3.26.24 Race, the Draft, and the Vietnam War.pptx3.26.24 Race, the Draft, and the Vietnam War.pptx
3.26.24 Race, the Draft, and the Vietnam War.pptx
 
KARNAADA.pptx made by - saransh dwivedi ( SD ) - SHALAKYA TANTRA - ENT - 4...
KARNAADA.pptx  made by -  saransh dwivedi ( SD ) -  SHALAKYA TANTRA - ENT - 4...KARNAADA.pptx  made by -  saransh dwivedi ( SD ) -  SHALAKYA TANTRA - ENT - 4...
KARNAADA.pptx made by - saransh dwivedi ( SD ) - SHALAKYA TANTRA - ENT - 4...
 
Vani Magazine - Quarterly Magazine of Seshadripuram Educational Trust
Vani Magazine - Quarterly Magazine of Seshadripuram Educational TrustVani Magazine - Quarterly Magazine of Seshadripuram Educational Trust
Vani Magazine - Quarterly Magazine of Seshadripuram Educational Trust
 
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINT
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINTARTICULAR DISC OF TEMPOROMANDIBULAR JOINT
ARTICULAR DISC OF TEMPOROMANDIBULAR JOINT
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...
Unveiling the Intricacies of Leishmania donovani: Structure, Life Cycle, Path...
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Department of Health Compounder Question ‍Solution 2022.pdf
Department of Health Compounder Question ‍Solution 2022.pdfDepartment of Health Compounder Question ‍Solution 2022.pdf
Department of Health Compounder Question ‍Solution 2022.pdf
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 

CSS3 - is everything we used to do wrong?