css   832265

« earlier    

cssdb is a comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
css  reference 
3 hours ago by niksy
Clippy — CSS clip-path maker
Create CSS shape generator tool using clip-path!
shared  css  web_development  clip-path  tools 
8 hours ago by n8kowald
Getting Started With Variable Fonts
A variable font encapsulates the entire font family, not just one style or instance. With three out of the four major browsers already supporting variable fonts and the remainder soon to follow, the future is certainly bright for this new font technology. Explore the resources below and be ready to hit the ground running when it arrives.
css  cssbasics  fonts  typography  webfonts  variablefonts 
11 hours ago by spaceninja
Accessible CSS-Only Floating Labels
Floating labels are a simple design pattern that can help make your forms livelier and more dynamic, in the right conditions. Today we will be looking at how to make CSS-only floating labels without losing readability by accessibility tools.
css  cssbasics  forms  labels  accessibility 
11 hours ago by spaceninja
Text editing techniques every Front-End developer should know
Any Front-end developer is going to spend a lot of time typing and manipulating code. It pays to know how to ‘drive’ your editor to get the best performance.
css  cssbasics  editors  sublime  vscode  atom  keyboard  shortcuts 
11 hours ago by spaceninja
Keep your labels clean
Providing contextual information within a form control’s associated label is a technique I’ve seen used to help make forms more accessible. This technique allows for form controls to have large hit areas to help those with motor disabilities, and ensure important instructions, or error messages, are announced to screen reader users.
css  cssbasics  forms  accessibility  labels 
11 hours ago by spaceninja
Build Native Modals Using the Dialog Element
Previously, if we wanted to build a modal or a dialog box of any sort, we needed to arrange our markup in a way where we have a backdrop, a close button, keep events trapped within the dialog, find a way to pass message out of the dialog... It was really complicated. The dialog element solves all the problems above and more.
css  cssbasics  javascript  dialog  modals 
11 hours ago by spaceninja
CSS Ruleset Terminology
Learn the difference between a ruleset, a selector, a declaration, and a property or value in CSS.
css  cssbasics  language  reference  rulesets  selectors  declarations  properties  values 
11 hours ago by spaceninja
Styling buttons, the right way
In this tutorial we’ll create basic styles for <a> and <button> elements, and a custom .btn CSS component. You will find a demo page for each step of the process.
css  cssbasics  buttons  focus  links  reset  hover  focus-visible 
11 hours ago by spaceninja
Getting Started With CSS Layout
Over the past couple of years, CSS Layout has dramatically changed as well as the way we develop the front end of our sites. We now have a real choice in terms of the layout methods we use in CSS to develop our sites, which means we often need to make a choice as to which approach to take. In this article, I will run through the various layout methods that you have available to you by explaining the basics of how they are used and what they are used for.
css  cssbasics  layout  cssgrid  grids  flexbox  floats  columns 
11 hours ago by spaceninja

« earlier    

related tags

a11y  accessibility  animation  animations  atom  atomiccss  backgrounds  best-practices  blogs  bootstrap  browsers  button  buttons  clip-path  coding  collection  color  colors  columns  components  contrast  control  create  css-animations  css-theming  css3  cssbasics  cssgrid  customize  customproperties  dark  declarations  design-system  design  dev  development  dialog  display  editor  editors  email  enhancement  examples  extension  featurequeries  flex  flexbox  float  floats  focus-visible  focus  fonts  forms  fracturescss  framework  fridayfrontend  front-end  functional  functionalcss  generator  google  gradients  graphic  graphics  grid  grids  guide  hand  handwriting  hidden  hover  howto  html  html5  ie  ifttt  javascript  jensimmons  jquery  js  keyboard  labels  language  layout  library  links  modals  mustard  newsletter  night  online  onlinetools  opensource  pattern  patterns  performance  plugins  pocket  print  programming  progressive  progressiveenhancement  properties  prototyping  react  reference  reset  responsive-design  rulesets  sass  selectors  shared  shortcuts  shortlist  sketch  smashing_magazine  software  spinner  standards  sublime  support  supports  system  tailwindcss  theme  themes  tool  toolkit  tools  tutorial  typography  ui  ux  values  variablefonts  variables  vscode  web-design  web-dev  web-development  web  web_development  webapp  webdesign  webdev  webdevelopment  webfonts  wireframe 

Copy this bookmark: