piperh + css   1188

The Many Ways to Change an SVG Fill on Hover (and When to Use Them) | CSS-Tricks
Ways to colour svg, inline or as img. Interesting info and ref about svg and css filters, and a weird way to specify rgba colours using matrix
webdesign  web  design  code  coding  colour  color  filter  css  svg 
yesterday by piperh
Applying Styles Based on the User Scroll Position with Smart CSS • PQINA
title: Applying Styles Based on the User Scroll Position with Smart CSS
webdesign  web  design  scroll  position  style  css  page  offset  html  js  javascript  script 
3 days ago by piperh
CSSCamp — Conference for Web Designers and Developers
a css conference in Barcelona July 2019. One day, 190€
conference  css  camp  csscamp  barcelona  teach  learn  meet  meeting  july  2019 
5 days ago by piperh
Slide an Image to Reveal Text with CSS Animations | CSS-Tricks
code howto: Slide an Image to Reveal Text with CSS Animations
webdesign  web  design  css  animation  animate  slide  reveal 
5 days ago by piperh
How do you figure? | scottohara.me
feb 2019: about the accessible use of html figure and figcaption
webdesign  web  design  css  figure  figcaption  caption  aria  accessibility  accessible  html 
6 days ago by piperh
A look at CSS hyphenation in 2019 | justmarkup
about the current state of word hyphenation in browsers (feb 2019)
webdesign  web  design  word  break  hyphen  hyphenate  hyphenation  css  line  ending 
6 days ago by piperh
Destyle.css - a clean slate for writing CSS without user agent styles
Opinionated reset stylesheet that provides a clean slate for styling your html.
webdesign  web  design  css  reset  user  agent  styles  html 
9 days ago by piperh
The developer’s guide to native web animation - Heart Internet Blog - Focusing on all aspects of the web
9.2.19 Outline of methods for achieving native animation in a site - css, web animations api (waapi), javascript
webdesign  web  design  animation  animate  methods  techniques  native  tools  css  api  waapi  js  javascript  script 
11 days ago by piperh
Use the :lang pseudo-class over the lang attribute selector for language-specific styles
about using lang pseudo class and why it's handier than lang attribute (for styling), although it seems to me that the lang attribute must still be present in the html
webdesign  web  design  language  lang  css  pseudo  class  attribute  html  style 
12 days ago by piperh
Shapy | Gradient Generator
gradient shape editor that generates the css code
webdesign  web  design  css  gradient  tool  editor  generator  code  experiment  try  test 
12 days ago by piperh
CSS Grid for Designers – Times Open
haven't read it yet but looks like an a useful walkthrough tutorial about css grid. Some more resource links at end for other tutorials and guides.
webdesign  web  design  css  grid  tutorial  howto  layout  guide 
14 days ago by piperh
What’s New in HTML 5.2?
interesting summary of new and deprecated features in html 5.2 (from early 2018)
webdesign  web  design  html  html5.2  5.2  features  dialog  main  hidden  style  css  inline  p  children  valid  invalid  strict 
27 days ago by piperh
cubic-bezier(.17,0,0,1.03) ✿ cubic-bezier.com
shows numbers for cubic bezier curve. You move handles 'til you get the animation you want, then copy the curve numbers for a css transform
webdesign  web  design  ease  cubic-bezier  cubic  bezier  css  curve  generator  transform 
28 days ago by piperh
Using Media Queries For Responsive Design In 2018 — Smashing Magazine
Rachel Andrew Smashing Mag article about responsive design currently (Feb 2018) - flexbox and grid reduce the need for MQs.
webdesign  web  design  grid  flex  flexbox  media  queries  mq  responsive  css 
4 weeks ago by piperh
CSS Grid Explained in 7 Minutes (with diagrams and code) - YouTube
a 7-minute video lecture explaining the basic concepts of css grid. Quick handy way to understand what it's about before getting into more detail
webdesign  web  design  css  grid  display  layout  tutorial  video  class  introduction  explanation 
4 weeks ago by piperh
Did you know that style and script tags can be set to display: block? | CSS-Tricks
Amazing fact: you can set the style tag to display :block; and, if it's in the html, then it will display. You could do same with 'script' tags.
Also shows use of contenteditable, which I didn't know about. Makes content editable on the browser page! Not sure why/when you'd need it, but it should be in my knowledge bank bit of the brain!
webdesign  web  design  css  style  tag  display  block  contenteditable  webdev 
5 weeks ago by piperh
CSS Accordion Slider: A tool for generating accordion sliders
Handy code generator for accordion style panels. You can only have one open at a time - open one, the previous closes. css only, no js. Some options can be configured first via sliders. Horizontal and vertical options.
webdesign  web  design  css  html  code  generator  configure 
5 weeks ago by piperh
CodyHouse | Web Design Nuggets
they say: CodyHouse's design system is a CSS framework and a library of HTML, CSS, JS components that work seamlessly with the framework.
Possibly some handy code within the components section and maybe some useful js. Some of the stuff uses scss
webdesign  web  design  css  html  components  framework  js 
5 weeks ago by piperh
New CSS Logical Properties! – Elad Shechter – Medium
about css logical properties: a new way of naming things like padding-left padding-right etc according to reading direction of site
webdesign  web  design  css  logical  properties  rtl  ltr  multi  language  box  model 
7 weeks ago by piperh
Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc., Boston, MA
dec 2018 article comparing current font loading with css-only and with js. Seems like css only is good but js can enhance it a bit.
webdesign  web  design  font  loading  js  javascript  script  css  foit  fout  webfont 
10 weeks ago by piperh
Observe a story
nice logo for a west Texas observatory with animation
webdesign  web  design  inspiration  animation  logo  graphic  css  animate 
10 weeks ago by piperh
An Introduction to CSS Shapes | Codrops
check MS support for css shapes before using (end 2018: not in Edge or IE)
webdesign  web  design  css  shapes  text  flow  layout  runaround  shape 
11 weeks ago by piperh
Child and Sibling Selectors | CSS-Tricks
simple explanation of the different descendent, child and sibling selectors
webdesign  web  design  css  selector  child  sibling  descendent  combinator 
11 weeks ago by piperh
A11Y Style Guide
they say: This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist.
webdesign  web  design  a11y  accessibility  accessible  style  guide  html  css  code  coding 
12 weeks ago by piperh
Why I use the BEM naming convention for my CSS - YouTube
a geezer explains about his bem and why you should use it or at least some kind of naming convention.
He says OK css nesting on small sites. On big sites will lead to problems.
You end putting classes (sometimes several) on every element in the html.
bem ties in well with sass - both use the double underscore.
webdesign  web  design  css  bem  naming  convention  block  element  modifier  sass  class 
12 weeks ago by piperh
CSS and Network Performance – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
techy article about structuring css to allow async drawing of page. Looks like a lot of bother for low-priority return in my case
webdesign  web  design  webdev  development  css  speed  performance  dom  cssom  render  critical 
november 2018 by piperh
Editorial Layouts, Floats, and CSS Grid | Rob Weychert
shows how css grid doesn't accommodate text wrap around images - you end up using a float like always, which seems to undermine the usefullness of grid. (I can't believe this use case wasn't an important consideration in the implementation of grid).
See addendum linked to Rachel Andrew and css exclusions (currently only in Edge)
webdesign  web  design  css  grid  code  coding  width  columns  float  wrap  around  text  editorial  layout  gutter  margin 
november 2018 by piperh
Fun Tip: Use calc() to Change the Height of a Hero Component | CSS-Tricks
complicated demo of using css calc to resize type or images for different window widths, instead of using media queries
webdesign  web  design  scale  responsive  fluid  proportion  aspect  ratio  css  calc 
november 2018 by piperh
How to Use SVG Patterns as Backgrounds
1st para: SVG patterns offer a more flexible approach to repeating a background image on a web page than CSS tiling. Let’s look at why that is, and how you can use them
webdesign  web  design  background  svg  css  pattern  image 
november 2018 by piperh
Responsive images with constant aspect ratio
a codepen using the top padding trick to maintain aspect ratio in responsive code
webdesign  web  design  css  code  coding  aspect  ratio  proportion  responsive 
november 2018 by piperh
Grid Tile Layouts with auto-fit and minmax | Geddski
author says: 'auto-fit' was made for this
We use the new auto-fit keyword to create tile layouts. It instructs the Grid to create as many columns of the given size as can fit in the space of the grid container.
webdesign  web  design  css  grid  layout  tile 
november 2018 by piperh
Splicing HTML’s DNA With CSS Attribute Selectors — Smashing Magazine
useful look at attribute selectors, lots of code examples and howtos
webdesign  web  design  css  selector  attribute  html 
november 2018 by piperh
30 Seconds of CSS
author says: A curated collection of useful CSS snippets ...
Divided and listed into categories: layout, visual, animation, interactivity, other. With explanations. Handy. I didn't know about ::selection or user-select:none or focus-within. Technique for overflow gradient. Checkbox hack toggle.
webdesign  web  design  css  snippets  code  coding  html  reference  copy 
november 2018 by piperh
Constant width to height ratio
nice bit of css that maintains aspect ration and allows content in the div, BUT, if content is larger than the div you have to deal with overflow, or the div will grow, thereby spoiling the aspect ratio. Image is best as background img.
webdesign  web  design  code  coding  css  width  height  ratio  aspect  constant  maintain 
november 2018 by piperh
Concise Media Queries with CSS Grid
within 1st para author says: with CSS grid we can write our grid rules once, and achieve the desired layout at any screen size with a single rule, and without any framework
webdesign  web  design  css  grid  layout  mq  media  queries  flex  flexbox 
november 2018 by piperh
GRID: A simple visual cheatsheet for CSS Grid Layout
a simple, clear reference cheatsheet for css grid properties and syntax
webdesign  web  design  cheatsheet  css  grid  layout  reference  syntax  display 
november 2018 by piperh
Creating Layouts with CSS Grid — SitePoint
an intro to css grid: The Grid Formatting Context
Adding display: grid to an element triggers a grid formatting context for that element and its children. ...
webdesign  web  design  css  grid  intro  introduction  layout  display 
november 2018 by piperh
The Shapes of CSS | CSS-Tricks
interesting list of shapes achievable only with css - with live editable code!
webdesign  web  design  css  shapes  before  after  border  radius  shadow  html  reference 
november 2018 by piperh
SVG Marching Ants | CSS-Tricks
marching ants effect on outlines using svg
webdesign  web  design  graphic  svg  css  code  coding  marching  ants  animation  animated 
october 2018 by piperh
Valid CSS Content | CSS-Tricks
about stuff you can inject via the css 'content' property
webdesign  web  design  css  content  pseudo  class  valid  invalid  attribute  property  before  after 
october 2018 by piperh
Unbuttoning Buttons | scottohara.me
explains how to make a block of text behave like a button, by using css, aria and js to restyle the button element. Complicated and possibly not worth worrying about
webdesign  web  design  button  css  inline  selector  accessible  reset  style  styling 
october 2018 by piperh
Understanding the difference between grid-template and grid-auto
article title: Understanding the difference between grid-template and grid-auto.
Explains about explicit and implicit grids, and grid-template and grid-auto properties
webdesign  web  design  css  grid  layout  template  auto  explicit  implicit 
october 2018 by piperh
CSS { In Real Life }
title: Negative Grid Lines
1st para: Did you know you can use negative line numbers to position grid items with CSS Grid?
webdesign  web  design  css  grid  negative  lines  layout 
october 2018 by piperh
Selectors Level 3
w3.org page showing specs for types of classes - v useful ref
webdesign  web  design  css  selectors  pseudo  classes  elements  reference 
october 2018 by piperh
CSS Layout cookbook - CSS: Cascading Style Sheets | MDN
a few css recipes for commonly used items or patterns, using flex or grid
webdesign  web  design  layout  components  css  flex  grid  recipes  examples  flexbox 
october 2018 by piperh
Use Cases For Flexbox — Smashing Magazine
Use Cases For Flexbox: last article of a series by Rachel Andrew on the uses for flex and grid
webdesign  web  design  flex  flexbox  layout  grid  css 
october 2018 by piperh
Styled checkbox and radio buttons from Filament but dependent on jQuery or Showstring (another js lib). Very nicely done but look like a fair amount of faff ( too much faff in fact for Amantaní ). The css file is long
webdesign  web  design  accessible  checkbox  radio  button  custom  filament  styled  css  js  javascript  script 
october 2018 by piperh
Pure CSS: Accessible Checkboxes and Radios Buttons – Clarity Design System – Medium
step-by-step how to style an accessible custom checkbox. Uses opacity:0 to hide the default checkbox
webdesign  web  design  checkbox  accessible  style  css  code  coding  howto  custom  customise  input 
october 2018 by piperh
What CSS prefixes should I use?
shows necessary prefixes. Date shown when I booked this (7.10.18) was 31.10.17, so it's nearly 1 year old - so don't know how often this is updated.
webdesign  web  design  css  prefix  prefixes  code  coding 
october 2018 by piperh
Creating Horizontal Scrolling Containers the Right Way [CSS Grid]
step by step code howto for making a horizontally scrolling part of a page, Netflix style
webdesign  web  design  css  horizontal  scroll  scrolling  grid 
october 2018 by piperh
✅ UX Animation Principles: Duration | @keyframers 1.22.1
possibly useful code for stepped fade-ins of divs, a la typical app behaviour, via css keyframes
webdesign  web  design  keyframe  animation  animate  fadein  fade  load  enter  css  duration  time 
october 2018 by piperh
Having fun with link hover effects | CSS-Tricks
a couple of OK hover effects, and some terrible ones
webdesign  web  design  hover  effect  link  css  animated 
october 2018 by piperh
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 
september 2018 by piperh
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 
september 2018 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 
september 2018 by piperh
Complete Guide to CSS Scroll Snap
intro says: The introduction of CSS scroll snap has made creation of carousels like this a lot easier. Scroll snap can also be used to easily create landing pages which snap to each section when scrolling.
Demo doesn't seem to snap - css unsupported in my browsers.
webdesign  web  design  scroll  snap  ui  css 
september 2018 by piperh
Create your design system, part 6: Buttons – CodyHouse – Medium
article on styling buttons and conveying meaning. Fairly detailed code examples. Uses BEM. Maybe will part of a design system and a framework
webdesign  web  design  css  buttons  btn  components  ui 
september 2018 by piperh
The Complete CSS Demo for OpenType Features - OpenType Features in CSS
This project is a comprehensive CSS font-feature-settings demo for OpenType features, a refined version of Syntax for OpenType features in CSS by Adobe.
Examples show why font features are horrible in the wrong hands
webdesign  web  design  opentype  font  feature  ligature  special  character  css  typography 
september 2018 by piperh
CSS Duotone Generator
playground for css image blend effects. Photoshop-like blending modes. Give duotone-like effects. Generate the html and css
webdesign  web  design  css  blend  duotone  generator  effect  colour  html 
september 2018 by piperh
CSS Playground - Interactive Playground for CSS
playground for testing the effects of different css values using sliders. Also gives you the values of your adjustments.
webdesign  web  design  css  playground  slider  test  play 
september 2018 by piperh
CSS Grid
ready-made css 12-column grid layout, using css grid.
webdesign  web  design  grid  12-column  12  column  layout  responsive  css 
september 2018 by piperh
CSS Scan - Check or copy computed CSS on hover
developer says: Inspect Element on steroids: study how things are made on the web in real-time and copy computed styles with no hassle (neither longhand styles).
You hover over an element and a tooltip shows the computed css. Looks handy
webdesign  web  design  tool  inspect  computed  css  copy  style 
september 2018 by piperh
Using CSS Clip Path to Create Interactive Effects, Part II | CSS-Tricks
transition effects using svg clip path. Support better than css clip path, says author.
webdesign  web  design  clip-path  clip  path  svg  css  effect  transition  clipping 
september 2018 by piperh
Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor - Mozilla Hacks - the Web developer blog
about using firefox tool - shape path editor. Can't see why you'd use a firefox tool instead of just writing the css, but maybe when you learn more ...
webdesign  web  design  css  path  firefox  tool  shape  wrap  clip-path 
september 2018 by piperh
Customise radio buttons without compromising accessibility
techniques for fancying up radio buttons and maintaining accessibility
webdesign  web  design  css  radio  button  accessible  accessibility 
september 2018 by piperh
The Benefits of Using CSS Grid for Web Form Layout — SitePoint
Craig Buckler article about using grid and flex for form construction and layout
webdesign  web  design  css  grid  layout  form  flex 
september 2018 by piperh
Using Feature Detection to Write CSS with Cross-Browser Support | CSS-Tricks
in-depth article about dealing with browser feature support. Interesting but quite techy. Saves time and hassle if you avoid dodgy features? But still, worth reading
webdesign  web  design  css  html  support  browser  feature  detection  code  coding 
september 2018 by piperh
Easy and Responsive Modern CSS Grid Layout — SitePoint
1st para: how to create a responsive modern CSS Grid layout, demonstrating how to use fallback code for old browsers, how to add CSS Grid progressively, and how to restructure the layout in small devices and center elements using the alignment properties. Useful, with code
webdesign  web  design  css  grid  progressive  fallback  @supports  layout 
september 2018 by piperh
« earlier      
per page:    204080120160

related tags

!important  %  *  1x  2x  3-line  3d  3x  5.2  12-column  100%  100%height  :after  :before  :content  :not  @  @font  @font-face  @fontface  @import  @media  @rule  @supports  a  a11y  abem  about  above  absolute  accelerated  accessibility  accessible  accordion  actions  active  adaptive  add  additive  address  adjacent  adjust  adobe  advanced  advice  after  agent  ajax  align  all-css  alpha  alt  alternative  alternatives  amp  analyse  analysis  analytics  analyze  anchor  andrew  android  angle  angled  animatable  animate  animated  animating  animation  animations  animator  antispam  ants  api  app  apple  application  architecture  aria  arial  around  arrow  arrows  articles  ascii  aspect  assistive  asterisk  at  at-rule  atomic  attribute  audits  auto  autoprefix  autoprefixer  backdrop  background  background-blend-mode  background-clip  background-image  backgrounder  ball  balmes  banding  bar  barcelona  base  based  basic  basics  basis  before  beginner  begins  below  bem  best  bezel  bezier  bg  bigtext  blend  blender  blending  block  blog  blogger  blogging  blueprint  blur  body  boiler  boilerplate  bold  book  books  bootstrap  border  border-box  border-image  border-radius  borders  bottom  bounce  bouncey  box  box-decoration-break  box-shadow  box-sizing  boxes  brad  bradfrost  breadcrumb  break  breakpoint  broken  browser  browser-based  browsers  bruno  btn  bubble  bug  bugfixes  bugs  build  builder  bullet  bulletin  button  buttons  calc  calculator  calendar  call  callout  camp  canvas  canyon  captcha  caption  capture  card  carousel  cart  cascade  cat  cell  center  centered  centering  centre  centred  centring  ch  change  character  characters  chart  cheat  cheatsheet  check  checkbox  checked  checklist  child  children  china  chinese  chris  chrome  circle  class  class*  classes  clean  cleaning  clear  clearfix  clearing  click  client  clients  clip  clip-path  clipPath  clipping  close  cms  cmyk  coda  code  codec  codepen  coder  codes  coding  coing  collapse  collapsing  collection  color  colors  colour  colours  column  columns  combinator  comment  comments  common  compare  comparison  compatibility  compatible  compilesyntax  complete  component  components  compress  compression  compressor  computed  computer  computers  concept  conditional  conference  configure  consistency  console  constant  construct  construction  constructor  contact  contain  container  content  contenteditable  context  contract  contrast  contrasting  control  convention  conversion  convert  converter  copy  copying  corner  corners  correcting  counter  counter-increment  course  courses  coyier  cpu  create  critical  crop  cross-browser  crossfade  css  css-only  css-sprites  css-tricks  css2  css3  csscamp  cssedit  cssom  csssprites  csstable  cubic  cubic-bezier  current  currentcolor  currentpage  cursive  curtain  curve  custom  customise  cut  data  database  debug  debugging  declaration  declarations  declare  declaring  default  defined  definition  definitions  degradation  degrade  delay  delete  demo  demonstration  demos  density  descendent  desig  design  designer  designers  designing  desktop  details  detect  detection  dev  developemtn  developer  development  device  device-width  devices  devtool  devtools  dialog  dialogmodal  dimension  dingbat  disable  disabled  discretionary  discussion  dismiss  display  div  division  doctype  documentation  dom  double  doublemargin  down  dpi  draw  drawing  dreamweaver  drop  drop-down  dropdown  dropshadow  duotone  duplicate  duration  dynamic  e-commerce  e-mail  ease  easing  ecommerce  edge  edit  editing  editor  editorial  educate  education  effect  effects  efficiency  elastic  element  elements  eliminate  ellipsis  em  email  emails  embed  embedded  embedding  embolden  emboss  empty  ems  encryption  ending  ends  enlarge  enter  entities  entity  eot  equal  equalheight  equivalent  eric  escape  espresso  euclidean  event  ex  example  examples  expand  expandable  expanding  experience  experiment  explained  explanation  explicit  explorer  explorer6  explorer7  explorer8  explosion  expression  extension  extensions  external  extract  ezine  fab  face  faces  fade  fadein  fallback  false  fancy  fassino  faux  favicon  feature  features  federal  fex  field  fields  figcaption  figure  filament  file  fill  film  filter  filter-function  filters  find  firebug  firefox  first-child  first-letter  fit  fittext  fix  fixed  fixes  fixing  flash  flex  flex-basis  flex-grow  flex-shrink  flexbox  flexible  flip  float  floating  floats  flow  fluid  flyout  focus  focus-within  foic  foit  fold  foldout  folds  font  font-display  font-face  font-family  font-size  font-size-adjust  font-stack  font-weight  fontface  fontforge  fonts  fontsize  fontstack  footer  footnotes  form  format  formatting  forms  forum  fouc  foundation  four  fout  fps  fr  fraction  frame  framework  frameworks  free  frequent  friendly  frog  froggy  frontend  frost  ftp  full  fun  function  funny  gabriele  galleria  gallery  game  gap  geek  geeky  generate  generated  generator  generators  georg  gimmick  glass  glyph  google  gradient  gradients  graphic  graphics  greensock  grid  grid-column  grid-template-columns  grids  grunt  guide  guidelines  gunlaug  gutter  h1  hack  hacks  hamburger  handheld  handhelds  hanzi  hard  hardware  hash  haslayout  head  header  heading  headline  height  helvetica  hex  hexadecimal  hidden  hide  high  high-density  high-res  highlight  highres  hires  hoffman  horizontal  horizontally  hosted  hosting  hover  hoverblock  howto  href  hsl  html  html-email  html5  html5.2  html5shiv  htmlmail  htmlshiv  html_email  http  hybrid  hyphen  hyphenate  hyphenation  icon  icon-font  iconfont  icons  id  ideas  ie  ie-only  ie6  ie7  ie8  ie9  ie10  ie11  iframe  illustration  image  images  imagesize  img  implicit  importance  important  in  inclusive  increment  indent  independent  index  indicator  infinite  information  inheritance  inline  inline-block  input  inspect  inspecting  inspector  inspiration  installed  instant  interface  internet  intrinsic  intro  introduction  invalid  invisible  ios  ios8  ipad  iphone  iphone6  iphonex  italic  italicise  item  javascript  jen  jquery  jquery-free  js  jsbin  jukka  july  jump  justify  keyboard  keyframe  keyframes  keyword  keywords  knockout  korpela  landscape  lang  language  large  last-of-type  layer  layers  layout  layouts  lazy  lazyloading  learn  learning  legacy  length  letterpress  levels  li  libraries  library  ligature  lightbox  lightweight  line  line-break  line-height  lines  link  links  lint  linter  liquid  list  list-style  listen  listener  listing  lists  live  load  loader  loading  local  logical  logo  long  loop  ltr  lupe  mac  macintosh  macrabbit  magnifier  magnify  mail  mailchimp  mailing  main  maintain  maintainable  management  manager  manual  map  maps  marching  margin  margins  marketing  markup  mask  masking  masonry  material  max  max-width  maximizer  mdn  measure  measurement  media  media-queries  media-query  meet  meeting  mega  megadropdown  megamenu  menu  menus  meta  method  methodology  methods  metrics  meyer  micro  microsoft  min  min-width  mini  minified  minifier  minify  minimal  minmax  mistakes  mix-blend  mix-blend-mode  mobile  mobiles  mobileweb  modal  mode  model  modernizr  modifier  modular  modules  monitor  morph  morphing  motion  mouse  move  movie  moving  moz  mozilla  mq  multi  multi-column  multi-toggle  multiple  multiply  munsell  mysql  mystrd  name  named  names  naming  native  nav  navicon  navigation  negation  negative  neon  nested  netbook  newrelic  news  newsletter  newsletters  next  nicolas  nintendo  no  no-javascript  no-jquery  no-js  no-script  no-touch  non-breaking  non-rectangular  non-rectanular  non-square  normal  normalise  normalize  noscript  not  notation  notes  nowrapper  nth  nth-child  nth-last-child  nth-of-type  number  numbers  obfuscate  obfuscation  object  object-fit  object-position  obscure  of  off  off-canvas  offset  oixel  ol  old  older  on  onclick  one-page  online  only  oocss  opacity  open  opentype  opera  operator  optimisation  optimise  optimiser  optimization  optimize  optional  order  oriented  osx  otf  out  outline  outline-offset  outside  overflow  overide  overlay  override  oversize  p  pad  padding  page  pages  palette  pane  panel  panic  pantone  paradeiser  parallax  parent  parse  parsing  paste  path  pattern  patterns  pc  pdf  peeper  percent  percentage  performance  performant  perspective  phone  photo  photogallery  photograph  photography  photos  php  pica  picker  pictogram  picture  picturefill  pierce  pixel  pixels  placeholder  plagiarise  plate  platform  play  player  playground  plugin  plugins  png  point  pointer  pointer-events  points  polyfill  polygon  popular  popup  portrait  position  positioning  postcss  postprocessor  ppi  practice  pre  pre-formatted  pre-processor  prefix  prefix-free  prefixed  prefixer  prefixes  premailer  preprocessor  preprocessors  present  presentation  previous  print  printing  process  processor  product  progamming  program  programme  programmes  programming  progress  progressive  progressively  promo  promotion  properties  property  proportion  proprietary  pseudo  pseudo-class  pseudo-element  publicity  publish  pullout  pure  purge  px  python  quantity  queries  query  quirk  quirks  quirksmode  quote  rachel  radio  radius  random  rate  ratio  reader  ready-made  recipes  redesign  ref  reference  reflective  refresh  refresher  regex  regular  relative  rem  reminder  remove  render  rendering  repaint  repaintless  repeat  repetitive  replace  replaced  replacement  replacing  reset  resets  resize  resizing  resolution  resource  resources  response  responsive  retina  reveal  revealing  rgb  rgba  rollover  rollovers  romanato  root  round  rounded  roundup  row  rows  rtl  ruby  rule  rules  run  runaround  rwd  safari  safe  sample  samples  sans-serif  sass  save  saving  scalable  scale  scaling  school  scope  screen  screencast  script  scripting  scripts  scroll  scroll-snap  scroll-type  scroller  scrolling  scrollto  scss  security  select  selection  selector  selectors  self-closing  semantic  send  seo  sequence  serps  serve  server  service  set  sftp  shadow  shadows  shape  shape-outside  shapes  sharing  sheet  shim  shiv  shopping  shoppingcart  shortcuts  shorthand  show  show/hide  sibling  sidebar  simmons  simple  simplified  site  sitepoint  size  sizes  sizing  skeleton  skype  slabtext  slant  slanted  slash  slices  slide  slide-in  slidein  slider  slideshow  slideshows  sliding  smacss  small  smartphone  smashing  smooth  smoothness  snap  snap-to  snapping  snapport  snapto  snippet  snippets  soft  software  son  sonofsuckerfish  space  spambot  special  specification  specifications  specificity  specify  specs  speech  speed  spinner  splittext  spread  sprite  sprites  square  src  srcset  stack  stacking  standard  standards  standout  starter  state  statistics  stats  step  stepdown  sticky  stickyfooter  strategy  stress  strict  strip  structure  studio  style  styled  styles  stylesheet  styling  sublime  submit  subtractive  suckerfish  summary  superfish  support  survey  svg  swash  swipe  switch  symbol  syntax  system  tab  tabbed  table  table-cell  table-layout  table-row  tables  tablet  tablets  tabs  tag  tags  tap  target  td  teach  teaching  tech  technical  technique  techniques  technologies  technology  tel  telephone  template  templates  test  testing  tests  text  text-shadow  text-size-adjust  textarea  texteditor  texture  theme  thimble  this  thispage  thought  three  three-line  thumbnail  thumbnails  tile  time  timeline  timing  tiny  tip  tips  title  to  toggle  tool  tools  tooltip  tooltips  top  touch  touchscreen  tr  traditional  trail  training  transforem  transform  transition  transitional  transitions  translate  transparency  transparent  tremble  tria  triangle  trick  tricks  trigger  truncate  truncation  try  tryout  ttf  tutorial  tutorials  tween  two  type  typedia  typeface  typefaces  typekit  typing  typographic  typography  ui  uilang  ul  uncss  underline  understand  understanding  unique  unit  units  universal  unminify  unordered  unused  update  url  usa  usability  use  used  user  using  utilities  utility  ux  valid  validate  validation  validator  value  values  vanilla  var  variable  variables  vector  vendor  versions  versus  vertical  vertical-align  vertically  vh  video  view  viewbox  viewport  vimeo  virtual  visibility  visible  visual  vmax  vmin  vocabulary  vs  vue  vw  w3  w3c  waapi  web  webapp  webdesign  webdev  webfont  webfonts  webkit  weblog  webmail  webpage  websafe  website  webslides  webstandards  webtype  weight  white-space  widgets  width  wildcard  will-change  window  windows  wireframe  with  woff  word  word-break  wordpress  workflow  wrap  wrap-around  wrapper  wrapping  write  writing  writing-mode  wysiwyg  X  x-height  xhtml  xray  yahoo  youtube  z-index  zero  zindex  zoom  zoomable 

Copy this bookmark: