CSS and design Code Diary Entries

This is part of the Semicolon&Sons Code Diary - consisting of lessons learned on the job.

• Adam watham on design
• Advanced selectors
• Ask for flash and validation designs
• Centering
• Core concepts
• CSS tricks
• Difference between descendants and direct children
• Do not style base links and psuedo classes
• Flashing unwanted content
• Flex
• How CSS for scrollbars works
• How does margin collapsing work
• If an elements look changes when leaving expect transition
• If vertical aligning seems broken look at line height
• In admin areas add context links for parent containing entities
• Margin auto
• Margin bottom has no effect on inline elements
• Modifying doctype breaks CSS styles
• Never use pixel values for fonts on websites
• Notes on html heights
• Relative and absolute positioning
• Scss tips
• Understand CSS scrollbar behavior
• Watch out for element transformations causing CSS to flicker
• Z index