Click here to Skip to main content
14,357,858 members

Welcome to the Lounge

   

For discussing anything related to a software developer's life but is not for programming questions. Got a programming question?

The Lounge is rated Safe For Work. If you're about to post something inappropriate for a shared office environment, then don't post it. No ads, no abuse, and no programming questions. Trolling, (political, climate, religious or whatever) will result in your account being removed.
 
GeneralRe: What are your CSS practices? Pin
Member 1453048014-Aug-19 12:58
memberMember 1453048014-Aug-19 12:58 
GeneralRe: What are your CSS practices? Pin
F-ES Sitecore13-Aug-19 6:10
mveF-ES Sitecore13-Aug-19 6:10 
GeneralRe: What are your CSS practices? Pin
Chris C-B13-Aug-19 6:13
memberChris C-B13-Aug-19 6:13 
GeneralRe: What are your CSS practices? Pin
W Balboos13-Aug-19 6:59
mveW Balboos13-Aug-19 6:59 
GeneralRe: What are your CSS practices? Pin
jgakenhe13-Aug-19 8:10
professionaljgakenhe13-Aug-19 8:10 
GeneralRe: What are your CSS practices? Pin
Jay Bardeleben14-Aug-19 5:10
professionalJay Bardeleben14-Aug-19 5:10 
GeneralRe: What are your CSS practices? Pin
jgakenhe14-Aug-19 5:48
professionaljgakenhe14-Aug-19 5:48 
GeneralRe: What are your CSS practices? PinPopular
Chris Maunder13-Aug-19 9:15
adminChris Maunder13-Aug-19 9:15 
Are you asking what my best practices are or what I actually do? Wink | ;)

Best practices (in my view) are to use CSS to describe the function of the element, not the style.

So instead of
<div class="centered bold padded info-background">A message</div>
I would do
<div class="alert-box">A message</div>

So that when you decide all your alert boxes will be flush left, or be in italics, or by pinned to the bottom, you're not changing classes on elements, you're changing the style definition of the alert-box class.

For layout I try and define broad types of layout (container, row, column etc) and use them in combination CSS classes that provide intent, not style. I'm not a fan of throwing HTML onto a pile and then using CSS to reorganise it on the screen, so if I'm changing layout I'm changing HTML, and so will change the element's CSS classes at the same time so everything reads sensibly.
cheers
Chris Maunder

GeneralRe: What are your CSS practices? Pin
agolddog14-Aug-19 4:04
memberagolddog14-Aug-19 4:04 
GeneralRe: What are your CSS practices? Pin
englebart14-Aug-19 4:25
memberenglebart14-Aug-19 4:25 
GeneralRe: What are your CSS practices? Pin
Chris Maunder14-Aug-19 4:30
adminChris Maunder14-Aug-19 4:30 
GeneralRe: What are your CSS practices? Pin
Jay Bardeleben14-Aug-19 5:15
professionalJay Bardeleben14-Aug-19 5:15 
GeneralRe: What are your CSS practices? Pin
Member 1409260513-Aug-19 21:59
memberMember 1409260513-Aug-19 21:59 
GeneralRe: What are your CSS practices? Pin
loctrice14-Aug-19 2:48
professionalloctrice14-Aug-19 2:48 
GeneralOh, you ... idiot. Pin
OriginalGriff13-Aug-19 2:53
protectorOriginalGriff13-Aug-19 2:53 
GeneralRe: Oh, you ... idiot. Pin
Rage13-Aug-19 2:56
professionalRage13-Aug-19 2:56 
GeneralRe: Oh, you ... idiot. Pin
musefan13-Aug-19 3:04
membermusefan13-Aug-19 3:04 
GeneralRe: Oh, you ... idiot. Pin
#realJSOP13-Aug-19 3:17
mve#realJSOP13-Aug-19 3:17 
GeneralRe: Oh, you ... idiot. Pin
OriginalGriff13-Aug-19 3:21
protectorOriginalGriff13-Aug-19 3:21 
GeneralRe: Oh, you ... idiot. Pin
Richard Deeming13-Aug-19 5:05
mveRichard Deeming13-Aug-19 5:05 
GeneralRe: Oh, you ... idiot. Pin
Member 1126470614-Aug-19 0:12
memberMember 1126470614-Aug-19 0:12 
GeneralRe: Oh, you ... idiot. Pin
glennPattonWork13-Aug-19 3:23
professionalglennPattonWork13-Aug-19 3:23 
GeneralRe: Oh, you ... idiot. Pin
OriginalGriff13-Aug-19 3:34
protectorOriginalGriff13-Aug-19 3:34 
GeneralRe: Oh, you ... idiot. Pin
lopatir13-Aug-19 3:43
memberlopatir13-Aug-19 3:43 
GeneralRe: Oh, you ... idiot. Pin
glennPattonWork13-Aug-19 3:49
professionalglennPattonWork13-Aug-19 3:49 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.