Kom ihåg mig?
Home Menu

Menu


CSS med vendor-prefix för CSS-klasser

Ämnesverktyg Visningsalternativ
Oläst 2015-01-23, 09:56 #1
Droog Droog är inte uppkopplad
Medlem
 
Reg.datum: Apr 2011
Inlägg: 129
Droog Droog är inte uppkopplad
Medlem
 
Reg.datum: Apr 2011
Inlägg: 129
Standard CSS med vendor-prefix för CSS-klasser

Jag kollade på någon onlineföreläsning för någon månad sedan och killen där berättade att vissa i branschen som har skitstora mängder med CSS börjat skippa cascadingen i CSS och köra specifika klassnamn på alla ställen istället och att klassnamnen var namngivna på vissa specifika sätt, för att man ska veta vad de gör och vart de används, t.ex. "wnMainLogo" där wn (Webmaster Network) då är ett vendor-prefix för att deras CSS-kod inte ska krocka med den från tredjepartsbibliotek.

Låter det här bekant för någon?
Har det här arbetssättet något namn så att man kan hitta info om det?

Jag har försökt hitta mer info om detta så jag kan läsa in mig på mer teori och även utvärdera om det är något för mig att anamma.
Droog är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-01-23, 11:06 #2
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
Det låter vettigt.
Att ha en vettig konvention vid namnsättning av css-klasser är god sed hos utvecklare.
allstars är inte uppkopplad   Svara med citatSvara med citat
Oläst 2015-01-23, 17:00 #3
x264 x264 är inte uppkopplad
Flitig postare
 
Reg.datum: Dec 2013
Inlägg: 342
x264 x264 är inte uppkopplad
Flitig postare
 
Reg.datum: Dec 2013
Inlägg: 342
Om du laddar hem t.ex. font-awesome och öppnar t.ex. _icons.scss så ser du att du har .#{$fa-css-prefix}-

Som du ser här:

.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }

Du kan själv änra $fa-css-prefix i _variables.scss
x264 är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 19:19.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017