css   837415

« earlier    

Galen Framework | Automated testing of responsive design
Layout testing seemed always a complex task. Galen Framework offers a simple solution: test location of objects relatively to each other on page. Using a special syntax and comprehensive rules you can describe any layout you can imagine
automation  testing  design  css  browsers  devices  multidevice 
3 hours ago by beep
Flexbox: How Big Is That Flexible Box? — Smashing Magazine
excellent and very thorough dive into the spec (part of a series)
css  css3  flexbox  reference  webdev 
3 hours ago by inrgbwetrust
Designing A Textbox, Unabridged — Smashing Magazine
article about needing to use html textarea instead of input for fields that might receive a lot of text, and the issue of character limit and how to deal with it. Suggests js methods but without detailing any code.
webdesign  web  design  text  input  textarea  form  field  typing  characters  placeholder  css 
3 hours ago by piperh
Having fun with link hover effects (CSS-Tricks)
Примеры необычных эффектов наведения курсора на ссылку.
design  patterns  CSS  scripts  coding  issue 
3 hours ago by jvetrau
Creating sliding effects using sticky positioning | CSS-Tricks
Using position: sticky to show and hide elements within a container. A sort-of poor man's parallax. No support in IE but otherwise good.
webdesign  web  design  css  sticky  position  fixed  show  hide  slide 
4 hours ago by piperh
Progressively Enhanced CSS Layouts: Floats to Flexbox & Grid — SitePoint
how to progressively enhance the model from a float-based layout to flexbox, and then CSS Grid, respectively.
Might be useful if you ever have to convert a float-based layout rather than starting from scratch
webdesign  web  design  flex  flexbox  css  grid  float  layout  column  row 
4 hours ago by piperh
Updating a CSS Variable with JavaScript | CSS-Tricks
Here's a CSS variable (formally called a "CSS custom property"): :root { --mouse-x: 0px; --mouse-y: 0px; } Perhaps you use them to set a position: .mover
4 hours ago by sjelfull
Having fun with link hover effects | CSS-Tricks
A designer I work with was presenting comps at a recent team meeting. She had done a wonderful job piecing together the concept for a design system, from
4 hours ago by sjelfull
Flexbox: How Big Is That Flexible Box?
In the last two articles, we have looked at what happens when we create a flex container, and also taken a look at alignment. This time we explore the often confusing issue of sizing in Flexbox. How does Flexbox decide how big things should be?
fridayfrontend  css  flexbox  layout  grids 
5 hours ago by spaceninja
Learn CSS Animation - Free CSS tutorials and guides - CSS Animation
superb animation tutorials! it's vanilla css but the effects are super and can be translated to vue2. Check them out!!
CSS  animation 
6 hours ago by ElliotPsyIT

« earlier    

related tags

accessibility  alpha  angular  animation  animations  app  application  aria  art  atrule  automation  awesome  bem  best-practices  blog  bookmarklet  boxshadow  browser  browsers  button  buttons  career  characters  chrome  clevermarks  code  coding  color  colors  column  component_libraries  computerscience  continuous_integration  cool  course  crossplatform  css3  cssgrid  csstricks  david  design  desktop  development  devices  dockyard  education  effect  effects  elementqueries  email  essentials  example  experience  field  filter  fixed  flex  flexbox  float  font  fonts  form  framework  free  fridayfrontend  front-end  function  generator  github-star  graphic  grid  grids  guide  hide  hmtl  hover  howto  html  hum  image  index  input  issue  javascript  layout  list  lists  modular  multidevice  nycda  onlinetools  oocss  opensource  packages  patterns  performance  photos  placeholder  position  programme  progressiveenhancement  property  python  react  reactjs  reference  responsive  responsive_design  row  sass  scripts  shadow  show  sideprojects  slide  smacss  softwaredevelopment  specificity  spinner  sqaure  sticky  style  styleguide  styles  styling  svg  tables  tailwind  templates  testing  text  textarea  tool  toolkit  tools  toshare  transparency  transparent  tutorials  typing  typography  ui  underline  usabil  user-experience  user-interface  user  ux  variables  vuejs  w3schools  walsh  web-design  web-dev  web-development  web-experience  web-programming  web  webdesign  webdev  webpack  資料 

Copy this bookmark: