css-tricks   1374

« earlier    

DRY Switching with CSS Variables: The Difference of One Declaration | CSS-Tricks
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less
css  variables  css-tricks  css-variables 
2 days ago by davilious
The Ecological Impact of Browser Diversity | CSS-Tricks
“Early in my career when I worked at agencies and later at Microsoft on Edge, I heard the same lament over and over: ‘Argh, why doesn’t Edge just run on Blink? Then I would have access to ALL THE APIs I want to use and would only have to test in one browser!’

“Let me be clear: an Internet that runs only on Chrome’s engine, Blink, and its offspring, is not the paradise we like to imagine it to be.”
edge  chrome  ie  browsers  css-tricks  2018 
9 days ago by handcoding
Front-end development is not a problem to be solved | CSS-Tricks
“The sentiment is that front-end development is a problem to be solved: ‘if we just have the right tools and frameworks, then we might never have to write another line of HTML or CSS ever again!’ And oh boy what a dream that would be, right?

“Well, no, actually. I certainly don’t think that front-end development is a problem at all.”
csstricks  css-tricks  2018  frontend  css 
15 days ago by handcoding
Absolute Positioning Inside Relative Positioning | CSS-Tricks
A page element with relative positioning gives you the control to absolutely position children elements inside of it. To some, this is obvious. To others,
Relative  absolute  css  positioning  csstricks  css-tricks 
22 days ago by jwithy
Centering in CSS: A Complete Guide | CSS-Tricks
Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to
center  tutorial  webdev  css-tricks  vertical  css  tips  howto  align  centering 
8 weeks ago by colcustard
Preventing a Grid Blowout | CSS-Tricks
Chris Coyier discusses the squashiness of CSS Grid and how some elements (such as the 'pre' tag) can overflow. Rachel Andrew comments with an explanation but by this time my head had already exploded!
ChrisCoyier  RachelAndrew  grid  CSS  WebDesign  css-tricks  squashiness  sizing  columns  min-content  fr  fraction 
9 weeks ago by searchmeister
Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc) | CSS-Tricks
Chris Coyier lends a few ideas for getting long lines of text to wrap properly rather than interfere with the container. Long set of comments with further suggestions below.
css3  text  wrapping  wrap  CSS  ChrisCoyier  css-tricks  howto 
10 weeks ago by searchmeister

« earlier    

related tags

2018  a11y  absolute  accessibility  accessible  accordion  align  animate  animation-svg  animation  api  apps  array  aspect  auto-height  bem  bio  blog  blogs  blur  browsers  buttons  center  centering  chriscoyier  chrome  client  codepen  columns  comments  compendium  course  crop  css-design  css-dev  css-grid  css-grids  css-layouts  css-paint  css-techniques  css-variables  css  css3  cssgrid  csstricks  custom  design  developer-roadmap  development  dropdown  edge  effect  effects  favorites  fed  fetch  fit  flexbox  flip  flipping.js  float  fluid  folders  fonts  for  fr  fraction  free  frontend  grid  guide  gutenberg  height  howto  html  ideal  ie  image  images  inline  inspiration  instagram  interpolation  is  jamstack  javascript  jensimmons  jquery-dead  jquery  js  july  layout  line-height  line  link  links  loading  min-content  navigation  netlify  nuxt  online  order  osx  overlay  page  pages?  pagesize  parallax  patterns  performance  photography  positioning  presentation  programming  promise  promises  properties  pwa  quick  rachelandrew  ration  react  reduce  reference  relative  resource  responsive  responsive_images  roadmap  sass  seo  sequence  shapes  size  sizing  sketch  source  squashiness  srcset  static  svg  terminal  text-decoration-skip  text  the  tips  tool  tools  tutorial  typography  underline  variable  variables  vertical  vue  vuejs  web-design  web  web_dev  webdesign  webdesign_tools  webdev  webpage  webpagesize  what  wordpress  wrap  wrapping  | 

Copy this bookmark: