Före cell

• 62
• 076
• 3E
• 00111110

Efter cell

• >
• >
• Större än

Före rad (Symbol)

• =

• ASCII art
• Ansible
• Teleprinter
• ASCII art
• ASCIIDENT
ISO 8859-1 idn_to_ascii('sökmotorn.se'); # xn--skmotorn-n4a.se telnet towel.blinkenlights.nl

7 bitar ger 127 möjliga tecken

• .css
• Vendor prefix
• Pseudo
• %
• rem
• em
• px
• rem
• vh
• vw
• vmin
• vmax
• :before
• :after


• :link
• :visited
• :hover
• :active


• :focus
• :focus-ring


• :lang
• :has
• :emptyt
• :root
• :first-line
• :nth-child(2n+1)
• :target
• …
• .
• #
• +
• >
• ~
• *
• …
• background
• border
• font
• margin
• padding
• Name "red"
• Hex "#ff0000"
• Rgb "rgb(255,0,0)" (upp till 255)
• Rgba "rgba(255,0,0,0.5)" (för genomskinlighet)
• -webkit
• -moz
• -o
• -ms
• @font-face
• @keyframes
• @media
• @supports
• @import
• Animation
• Transform (translate, rotate, scale)
• Transition
• Rounded corners
• Shadow
• -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
• -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
• -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
• -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
• BEM
• Less Css
• Sass
• Css 3 Pie
• Less framework
• Compass
• Shoelace
• Stylus
• tailwind CSS
• Preprocessing
• Variables
• Nesting
• Partials
• Import
• Mixins
• Extend/Inheritance
• Operators
• Variables
• Mixins
• Nested rules
• Media query bubbling and nested media queries
• Operations
• a href="funktioner">Functions
• Namespaces and Accessors
• Scope
• Comments
<link rel="stylesheet" href="stylesheet.css"> <style></style> <tagg style=""> @media (prefers-color-scheme: dark) { normalize.css reset.css
• = Tilldelning
• == Lika med
• === Exakt lika med
• != Inte lika med
• !== Inte exakt lika med
• > Större än
• < Mindre än
• >= Större än eller lika med
• <= Mindre än eller lika med
• && Och
• || Eller
• ++ Plus ett
• -- Minus ett
• +=
• .=
• ≠
• Cool coding
• Operatörer
[] == false // true !!variable

• 

  1. ASCII

  … >. ANSI (Windows-1252) är Windows ursprungliga teckenkodning. Den har stöd för 256 olika teckenkoder. ISO-8859-1 blev standard för HTML 4. Den har också stöd för 256 olika teckenkoder. Eftersom ANSI och ISO är begränsade, ändrades standard till UTF-…

  Liknande >namn>

  • ASCII art
  • Ansible

  Pryl>

  • Teleprinter

  Konst>

  • ASCII art

  Spel>

  • ASCIIDENT

  >Standardisering>

  ISO 8859-1

  Koda >domän> till ASCII med >PHP>

  idn_to_ascii('sökmotorn.se'); # xn--skmotorn-n4a.se

  >Exempel på Telnet>

  telnet towel.blinkenlights.nl

  >Citat>

  7 bitar ger 127 möjliga tecken

  • Träffar: 5072
  Läs mer
• 

  2. CSS

  … > ~ * … Shorthand background border font margin padding CSS kan användas på tre olika sätt i HTML <link rel="stylesheet" href="stylesheet.css"> <style ></style> <tagg style=""> Tagg i HTML style Attribut i HTML…

  Filändelser>

  • .css

  Prefix>

  • Vendor prefix

  Element>

  • Pseudo

  Enheter> för värden

  • %
  • rem
  • em
  • px
  • rem
  • vh
  • vw
  • vmin
  • vmax

  Pseudo-element>

  • :before
  • :after
  
  
  • :link
  • :visited
  • :hover
  • :active
  
  
  • :focus
  • :focus-ring
  
  
  • :lang
  • :has
  • :emptyt
  • :root
  • :first-line
  • :nth-child(2n+1)
  • :target
  • …

  Selektorer>>>

  • .
  • #
  • +
  • >
  • ~
  • *
  • …

  >>Shorthand>>

  • background
  • border
  • font
  • margin
  • padding

  Färger> kan skrivas på flera olika sätt

  • Name "red"
  • Hex "#ff0000"
  • Rgb "rgb(255,0,0)" (upp till 255)
  • Rgba "rgba(255,0,0,0.5)" (för genomskinlighet)

  >Vendor prefix>

  • -webkit
  • -moz
  • -o
  • -ms

  >@-rules>

  • @font-face
  • @keyframes
  • @media
  • @supports
  • @import

  Nyheter> i CSS 3

  • Animation
  • Transform (translate, rotate, scale)
  • Transition
  • Rounded corners
  • Shadow

  Styling för >iOS> >Safari>

  • -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
  • -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
  • -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  • -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */

  Ramverk>

  • BEM
  • Less Css
  • Sass
  • Css 3 Pie
  • Less framework
  • Compass
  • Shoelace
  • Stylus
  • tailwind CSS

  Sass>

  • Preprocessing
  • Variables
  • Nesting
  • Partials
  • Import
  • Mixins
  • Extend/Inheritance
  • Operators

  Less>

  • Variables
  • Mixins
  • Nested rules
  • Media query bubbling and nested media queries
  • Operations
  • a href="funktioner">Functions
  • Namespaces and Accessors
  • Scope
  • Comments

  CSS kan användas rel="stylesheet" href="stylesheet.css"> <style></style> <tagg style="">

  Exempel på hur en >media query> för >mörkt> >tema> kan se ut i CSS

  @media (prefers-color-scheme: dark) {

  >Filer>

  normalize.css reset.css
  • Träffar: 1031
  Läs mer
• 

  3. Operatorer

    Skrivsätt med specialtecken = Tilldelning == Lika med === Exakt lika med != Inte lika med !== Inte exakt lika med > Större än = Större än eller lika med  

  Skrivsätt med >specialtecken>

  • = Tilldelning
  • == Lika med
  • === Exakt lika med
  • != Inte lika med
  • !== Inte exakt lika med
  • > Större än
  • < Mindre än
  • >= Större än eller lika med
  • <= Mindre än eller lika med
  • && Och
  • || Eller
  • ++ Plus ett
  • -- Minus ett
  • +=
  • .=

  Specialtecken>

  • ≠

  Bok>

  • Cool coding

  Liknande >namn>

  • Operatörer

  Kolla om en >array> är tom med >Javascript>

  [] == false // true

  Omvandla en variabel till en boolean med >Javascript>

  !!variable
  • Träffar: 131
  Läs mer