piperh + web   2728

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 
5 hours ago by piperh
The Web Accessibility Introduction I Wish I Had - DEV Community 👩‍💻👨‍💻
primer on web page accessibility and the different types of impairment to consider and code for.
webdesign  web  design  accessibility  wcag 
yesterday by piperh
QuickLens – Explore the UI, down to the Pixels
they say: Powerful Mac App to zoom into pixels, sample colors, measure distances, check alignments, and much more. Costs $10
web  graphic  design  mac  apple  app  colour  distance  mesure  sample 
3 days ago by piperh
Improve Animated GIF Performance With HTML5 Video — Smashing Magazine
shows how to use html5 native video instead of animated gif. Also shows how to convert gifs to webm or mp4
webdesign  web  design  animated  gif  webm  mp4  video  html5  animation 
4 days ago 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 
5 days ago by piperh
You're using <em> wrong
great explanation of difference between <i> and <em> tags. I can use <em> now when appropriate and discard my historical, and justified, reluctance. I am vindicated!
webdesign  web  design  code  coding  i  em  italic  emphasis  stress  sense  markup  html 
5 days ago by piperh
Assistive technology tools you can test with at no cost - Accessibility in government
a gov.uk page explaining how to use free accessibility testing
page heading: Assistive technology tools you can test with at no cost
webdesign  web  design  webdev  development  assistive  accessibility  accesible  tools  test  testing  technology  jaws  dragon  nvda  voiceover  narrator  talkback  screen  readers  free 
5 days ago 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 
7 days ago by piperh
30 Seconds of CSS
snippets of 'useful' CSS. Some handy, some not. Has nice aspect-ratio trick and object-fit example. Interesting use of counter increment. Shows vertical centering achieved by flexbox, display:table and grid methods. Animated hover underline.
webdesign  web  design  css  snippets  examples  code  aspect  ratio  select  center  centre  vertical  centering 
13 days ago 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 
13 days ago by piperh
Consently - Privacy-friendly and GDPR compliant tracking
their headings: The privacy-friendly and GDPR compliant way to add tracking to your website
Get consent before loading third party tracking scripts.
webdesign  web  design  dev  webdev  development  privacy  cookies  tracking  gdpr  compliance  consent 
15 days ago 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 
15 days ago by piperh
UI Movement - The best UI design inspiration, every day
UI effects, free. Interesting page loading effects and loads of other components and layouts
webdesign  web  design  ux  ui  inspiration  code  loading  effects  page  animations 
16 days ago by piperh
htaccess Tester - madewithlove
To test your htaccess rewrite rules, simply fill in the url that you're applying the rules to, place the contents of your htaccess on the larger input area and press "Test" button.
webdesign  web  design  webdev  dev  htaccess  test  tester  rules  rewrite 
19 days ago 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 
19 days ago 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 
19 days ago 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 
19 days ago by piperh
Web Payments Overview  |  Web Fundamentals  |  Google Developers
1st para: Web Payments is an emerging web standard being developed by the W3C.
An introduction
web  dev  development  payments  ecommerce  standard  checkout  browser 
19 days ago by piperh
Site Search with Elasticsearch & Swiftype | Elastic
they say: Create and manage a search experience tailored to your specific needs in no time, thanks to seamless indexing, best-in-class relevance and intuitive customization features.
Has a 14-day free trial. Impossible to find their pricing for the service
web  development  dev  search  site  sitesearch  elastic  ecommerce  content 
22 days ago 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 
24 days ago by piperh
Fancy Border Radius Generator
generates code for corner radius (border-radius) using 8-figure syntax. You can experiment and get interesting effects, 'specially setting one or more corner to 0. Has draggable corner points. Handy.
webdesign  web  design  code  generator  border-radius  border  corner  radius  shape 
25 days ago 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 
4 weeks ago by piperh
Favicon Checker—See how your favicon hold up across popular browsers, including native dark and light modes.
online tool: Compare your favicons on all major web browsers, including native dark and light modes.
webdesign  web  design  tool  online  favicon  check  checker  fav  icon 
4 weeks ago 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 
4 weeks ago 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 
4 weeks ago by piperh
CSS { In Real Life }
gen article about PWAs - when it's worth considering and when not worth the time investment
webdesign  web  design  pwa  progressive  app 
4 weeks ago 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 
4 weeks ago 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 
5 weeks ago 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 
5 weeks ago 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 
5 weeks ago by piperh
CheckboxRadio
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 
6 weeks ago 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 
6 weeks ago 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 
6 weeks ago by piperh
T-Writer Demo
demo of type writing effect script, with link to its github
webdesign  web  design  effect  writing  typewriter  typewriting  keying  library  js  javascript  script 
6 weeks ago by piperh
The Complete Guide to Lazy Loading Images | CSS-Tricks
Various methods for implementing lazy - js, intersection observer API. Some resource links at end
webdesign  web  design  images  lazy  load  loading  speed  performance  js  javascript  script  api 
6 weeks ago by piperh
Trix: A rich text editor for everyday writing
a rich text content editor. Embeddable in web pages, web apps?
webdesign  web  design  webdev  development  rich  text  editor  html 
6 weeks ago 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 
7 weeks ago 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 
7 weeks ago by piperh
GitHub - pehaa/beerslider: A vanilla JS keyboard accessible plugin for any before-after comparison
vanilla js script for making an over-image slider to compare two different overlaid images, "before and after" type
webdesign  web  design  image  comparison  slider  before  after  compare  js  javascript  script 
7 weeks ago 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 
7 weeks ago by piperh
The Low Hanging Fruit of Web Performance - The Media Temple Blog
tips for performance improvements. Worth reading right through. Resources at end of article.
webdesign  web  design  performance  speed  optimisation  cacheing  caching  optimising 
7 weeks ago by piperh
The dialog element | Viget
about the native html dialog element. Sept 18, 2018
webdesign  web  design  dialog  popup  modal  element  window  html  native  polyfill 
7 weeks ago by piperh
Measure Performance with the RAIL Model  |  Web Fundamentals  |  Google Developers
they say: RAIL is a user-centric performance model that breaks down the user's experience into key actions.
It's a Google thing
webdesign  web  design  performance  speed  rail  ux  user  experience 
7 weeks ago 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 
8 weeks ago 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 
8 weeks ago by piperh
The Font Loading Checklist—zachleat.com
distilled view of loading strategies for web fonts, primarily for speed.
A 4-point checklist
webdesign  web  design  font  load  loading  speed  checklist  performance  webfont  foit  fout  @font-face 
8 weeks 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 
8 weeks ago by piperh
GitHub - stutrek/scrollmonitor-parallax: A simple parallax API
not sure if this is useful for me, but pinning it anyway in case
webdesign  web  design  parallax  scroll  effect  js  javascript  script  api 
8 weeks ago by piperh
Free Online Form Builder, create HTML forms and surveys - Cognito Forms
online drag-and-drop form builder. Free and paid services. I think that the form is embedded on your site but the data goes to Cognito Forms.
web  form  builder  embed  online  service 
8 weeks ago by piperh
Web Design Museum
their subhead: The museum exhibits over 900 carefully selected and sorted web sites that show web design trends between the years 1995 and 2005.
webdesign  web  design  graphic  history  internet  museum  gallery 
8 weeks ago by piperh
How do you mark up an accordion? — Sara Soueidan – Freelance-Front-End UI/UX Developer
about the possible markup options for an accordion, with and without semantic elements, for best accessibility. Doesn't give script for the accordion itself, just says it would be js. Some useful resources at end
webdesign  web  design  accordion  markup  html  semantic  element  faq  resources  aria  accessibility  accessible 
8 weeks ago by piperh
Siema - Lightweight and simple carousel with no dependencies
nice simple vanilla js slideshow - 3k gzipped he says. Don't know about unequal photos - needs checking if you use this
webdesign  web  design  js  javascript  script  carousel  slideshow  vanilla  swipe 
8 weeks ago by piperh
The ultimate guide to proper use of animation in UX
some principles to keep in mind when animating elements in web design. Useful advice and ideas about animation speed.
webdesign  web  design  animation  timing  speed  principles  movement  advice  tips  ui  ux 
8 weeks ago by piperh
Guide | ScrollOut
scroll animation library. Allows you to assign css as an element comes into/out of view. Works in both directions of vertical scroll.
Nice on the first view but could get to be annoying
webdesign  web  design  js  javascript  script  scroll  animation  effect 
8 weeks ago 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 
8 weeks ago 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 
8 weeks ago 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 
8 weeks ago by piperh
Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized
js (vanilla or jQuery) code to make a sliding image reveal, for comparing two overlaid images.
webdesign  web  design  slider  comparator  compare  slide  image  photo  split  comparison  reveal  overlay  js  javascript  script 
8 weeks ago 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 
8 weeks ago 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 
8 weeks ago 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 
8 weeks ago 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 
8 weeks ago by piperh
Principle - Animated Design
they say: Principle makes it easy to design animated and interactive user interfaces.
$129 app for Mac, for creating animated interactions and flows
webdesign  web  design  animate  animated  interaction  flow  ui  effect  app  mac  tool  animation 
8 weeks ago 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 
8 weeks ago by piperh
« earlier      
per page:    204080120160

related tags

!important  %  &shy;  *  1px  1x  2-letter  2off2  2x  3-line  3D  3x  10.5  12-column  64base  100%  100%height  :not  <use>  @  @font  @font-face  @fontface  @import  @media  @rule  @supports  a  a11y  aac  abbreviations  abem  abogados  about  above  absolute  academia  accelerated  accesibility  accesible  access  accessibility  accessible  accordion  account  acronyms  action  actions  active  activities  ad  adaptive  adblock  add  add-on  add-ons  additive  addon  addons  address  adjacent  adjust  adobe  adriana  ads  advanced  advert  advertiser  advertising  advice  adwords  ae2014  affordance  after  agencies  agency  agent  agnostic  ago  ai  ajax  alert  algorithm  align  aligning  alignment  all-css  alliance  alpha  alphabet  alt  alternate  alternative  alternatives  alumnae  amantani  amantaní  amazon  amp  analyse  analysis  analytics  analyze  anchor  andrea  andrew  android  angle  angled  animal  animatable  animate  animated  animating  animation  animations  animator  anime  annual  ansi  anti-spam  antispam  ants  aopc  apache  apache2  apartment  api  app  apple  apple-touch-icon  application  applications  apply  apps  architect  architecture  archive  archtitect  area  aria  aria-selected  arial  around  arrels  arrow  arrows  art  arte  article  articles  artisan  arts  artworkers  ascii  asp  aspect  assets  assistive  asterisk  asynchronous  at  at-rule  atomic  attribute  attributes  audio  audit  auditing  audits  austria  author  auto  autocapitalize  autocomplete  autocorrect  autofill  automatic  autoplay  autoprefix  autoprefixer  autotrace  awards  awesome  axis  backdrop  background  background-blend-mode  background-clip  background-image  background-size  backgrounder  backgrounds  backslash  backtotop  backup  bad  badges  badware  ball  banding  banner  bar  barcelona  base  based  baseline  basic  basics  basis  basket  batch  bañeres  beer  before  beginner  begins  behaviour  belgium  below  bem  best  bezier  bg  bigtext  bing  birdseye  birdview  birth  bitmap  bleed  blend  blender  blending  blind  blisk  bloat  block  blocker  blog  blogger  blogging  blogs  blueprint  blur  blurred  bmp  body  boiler  boilerplate  bold  bolsas  book  bookmark  bookmarking  bookmarklet  bookmarks  books  bootstrap  border  border-box  border-image  border-radius  borders  bot  bottom  bounce  bouncey  box  box-decoration-break  box-shadow  box-sizing  boxes  brad  bradfrost  brand  branding  brave  breach  breadcrumb  breadcrumbs  break  breakpoint  breakpoints  bregenz  briefing  brighton  britain  british  broken  browse  browser  browser-based  browsers  browsing  bruno  btn  bubble  bug  bugfixes  bugs  build  builder  built  builtin  bullet  bulletin  burger  business  button  buttons  buy  cache  cacheing  caching  cajas  calc  calculate  calculator  caldwell  calendar  call  call-to-action  callout  camel  camino  camins  campaign  canary  canvas  canyon  captcha  caption  capture  card  carousel  cart  cascade  cascading  case  cat  catalan  catalonia  catalunya  cataluña  categories  cdn  cell  center  centered  centering  centre  centred  centring  cert  certificate  ch  change  character  characters  charity  chart  charts  chat  cheap  cheat  cheatsheet  check  checkbox  checked  checker  checking  checklist  checkout  checks  child  china  chinese  choice  choose  chooser  chopping  chris  christmas  chrome  chromium  circle  class  class*  classes  classlist  clean  cleaning  cleanup  clear  clearfix  clearing  click  clickability  clickable  clicking  clicks  client  clients  clip  clip-path  clipboard  clipPath  clipping  clips  close  cloud  clue  cms  cmyk  cname  coda  coda2  code  codec  codepen  coder  coders  codes  coding  coing  collage  collapse  collapsible  collapsing  collection  collections  color  colors  colour  colours  column  columns  combinator  combine  combining  comment  commentary  comments  commerce  commercial  common  communicate  communication  community  compack  company  comparator  compare  comparison  compatibility  compatible  competition  compilesyntax  complementary  complete  compliance  compliant  comply  component  components  compress  compressed  compression  compressioncompress  compressive  compressor  compromised  computed  computers  concatenate  concept  condense  conditional  conference  configuration  configure  congress  connect  connected  connection  consent  consistency  console  constance  constant  construct  construction  constructor  consult  consultancy  consumer  contact  contain  container  content  context  continuous  contract  contrast  contrasting  control  controls  contruction  convention  conversion  convert  converter  cookie  cookieless  cookies  copy  copying  copyright  corner  corners  correcting  count  counter  counter-increment  country  course  courses  cover  coyier  cpu  craft  craig  crawl  crawler  create  creater  creation  creator  creixement  crit  critic  critique  cro  crop  cross  cross-browser  crossbrowser  crossfade  cruikshank  crumbs  css  css-only  css-sprites  css-tricks  css2  css3  csscss  cssedit  csssprites  csstable  csv  cta  cubic  cue  curos  current  currentcolor  currentpage  cursive  cursor  curtain  curve  custom  customer  customisable  customise  customised  cut  cutout  cycle  daily  data  database  date  datepicker  dates  datetimepicker  days  db  de  debate  debug  debugger  debugging  dec  decimal  declaration  declarations  declare  declaring  dedicated  default  defer  deferred  defined  definition  definitions  deflate  degradation  degrade  delay  delete  delivery  demo  demonstration  demos  denmark  density  dependency-free  deploy  descendent  description  desig  design  designer  designers  designing  desktop  detail  details  detect  detection  dev  develop  developemtn  developer  developers  development  device  device-width  devices  devtool  devtools  diacritics  diagram  diagrams  dialog  dialogmodal  dialogue  difference  digital  dimension  dimensions  dingbat  dingbats  direct  directory  disable  disabled  disappeared  disclosure  discretionary  discussion  disintegrate  display  distance  distribute  div  diversify  dividers  division  divisors  diy  dKasa  dksa  dns  doc  dock  doctype  document  documentation  documents  dom  domain  domains  donate  donations  doominio  door  dot  dotcat  double  down  download  downtime  dpi  drag  drag-and-drop  draganddrop  draggable  dragon  draw  drawing  drawings  dreamweaver  drop  drop-down  dropbox  dropdown  dropper  dropshadow  drupal  dummy  duotone  duplicate  duration  dynamic  e-commerce  e-mail  ease  easing  easy  ecommerce  ecwid  edge  edit  editing  editor  educate  education  effect  effective  effects  efficiency  elastic  electron  element  elements  eliminate  ellipsis  else  em  email  emails  embalaje  embed  embedded  embedding  embolden  emboss  emphasis  empty  ems  emulate  emulation  emulator  enable  enabling  encode  encoder  encoding  encrypt  encryption  encus  end  ends  engine  engracia  enkoder  enlarge  enlargement  enter  entities  entity  envoltorio  eot  eps  equal  equalheight  equalise  equalize  equivalence  equivalent  eric  error  escape  eshop  españa  español  espresso  ester  esther  eu  euclidean  europaea  europe  europeae  event  events  every  ex  example  examples  existing  expand  expandable  expanding  experience  experiment  explained  explanation  explicit  explorer  explorer6  explorer7  explorer8  explosion  export  expression  expressions  extension  extensions  external  extract  fab  face  facebook  faces  facility  factor  fade  fadein  fader  fallback  false  family  fancy  fancybox  fancybox3  faq  fashion  fasselle  fassino  fast  faster  faux  fav  favicon  fb  feature  features  federal  feed  feedback  festival  fex  field  fields  fieldset  filament  file  file-based  filename  fill  film  filter  filter-function  filters  find  finder  finn  firebug  firefox  first  first-child  first-letter  fit  fittext  fix  fixed  fixes  fixing  flags  flash  flashes  flat  flat-file  flex  flex-basis  flex-grow  flex-shrink  flexbox  flexible  flick  flickable  flickity  flif  flip  float  floatbox  floating  floats  flow  fluid  flv  flyout  focus  focus-within  foft  foic  foit  fold  folder  foldout  folds  follow  font  font-display  font-face  font-family  font-si  font-size  font-size-adjust  font-stack  font-weight  fontface  fontfont  fontfonter  fontforge  fontprep  fonts  fontshop  fontsize  fontslive  fontsquirrel  fontstack  food  footer  footnotes  for  form  format  formats  formatting  formmail  forms  formtoemail  formtomail  forum  fouc  foundation  foundry  fount  four  fout  fps  fr  fraction  frame  frameset  framework  frameworks  free  freehand  freelance  frequent  friendly  frog  froggy  front  front-end  frontend  frost  ftp  full  fullscreen  fun  function  functionality  fundacio  funny  fusion  gabriele  galleria  galleries  gallery  game  gap  gdpr  gecko  geek  geeky  gemma  generate  generated  generation  generator  generators  geo  georg  german  gesture  get  ghost  gif  gifs  gimmick  giraudel  git  glass  global  glyph  go  golive  gone  good  google  google+  grade  gradient  gradients  grading  grande  graph  graphic  graphics  greensock  grey  grid  grid-column  grid-template-columns  grids  group  grow  grunt  guardian  guidance  guide  guidelines  gunlaug  gutenberg  gzip  h.264  h1  hack  hacks  hamburger  hand  handheld  handhelds  handmade  handwriting  hanzi  hard  harmonious  harmony  hash  haslayout  hd  head  header  headers  heading  headline  heatmap  heic  height  help  helper  helvetica  hero  hex  hexadecimal  hexcode  hidden  hide  hiding  high  high-density  high-res  highlight  hints  hire  history  hits  hoax  holiday  home  homeless  homelessfonts  homelessness  horizontal  horizontally  host  hosted  hosting  hosts  hover  hoverblock  hoverintent  howto  href  hreflang  hsl  hsla  htaccess  htm  html  html-email  html4  html5  html5shiv  htmlemail  htmlshiv  htmltidy  html_email  htpasswd  http  http2  https  hugo  hybrid  hyperlinks  hypertext  hyphen  hyphenate  hyphenated  hyphenation  i  i-frame  ian  ico  icomoon  icon  icon-font  iconfont  iconic  icons  iconset  id  ideas  identify  identity  ie  ie-only  ie5  ie6  ie7  ie8  ie9  ie10  ie11  if  iframe  illustrate  illustration  illustrations  illustrator  image  imagemap  imageoptim  images  imagesize  imagezoom  img  impaired  impairment  implicit  import  importance  important  improve  in  include  includes  inclusive  increment  indent  independent  index  indexing  india  indian  indicator  individual  infect  infected  infection  infinite  info  information  inherit  inheritance  initial  initials  inkscape  inline  inline-block  input  insert  insite  inspect  inspector  inspiration  inspire  inspiring  instagram  install  installation  installed  instant  intent  interact  interaction  interactive  intereract  interest  interface  international  internationalisation  internet  Intersection  IntersectionObserver  interstate  interview  intrinsic  intro  introduction  invalid  invisible  ios  ios8  ip  ipad  ipaddress  iphone  iphone6  ipsum  ish  iso  isotope  isp  italic  italicise  item  iterate  jacques  jargon  java  javascipt  javascript  jaws  jen  jewellery  jit  jobs  john  joomla  jpeg  jpg  jquery  jquery-free  js  jsbin  jsfiddle  json  judit  jukka  jumble  jump  jussa  just-in-time  justified  justify  key  keyboard  keyframe  keyframes  keying  keyword  kitten  knockout  korpela  lab  label  labelling  lag  lagence  lake  landmark  landmarks  landscape  lang  language  laptop  large  last-of-type  latency  latin  launchy  law  layer  layers  layout  layouts  lazy  lazyload  lazyloading  lcp  learn  learning  legacy  legal  legend  length  lenny  leonard  leopard  let  lettering  letterpress  letters  letting  levels  li  libraries  library  lies  ligature  light  lightbox  lightweight  like  like-box  line  line-break  line-height  lines  link  linkedin  links  lint  linter  linux  lion  liquid  list  listen  listener  listing  lists  literary  litespeed  little  live  living  lleo  lo-res  load  loader  loading  local  localhost  locate  location  logo  logos  london  long  lookup  loop  lorem  loremipsum  lossless  lower  lucida  lunascape  lupe  lynx  m4a  mac  machine  macintosh  macmini  macos  macrabbit  magazine  magento  magnifier  magnify  magnifying  mail  mailchimp  main  maintain  maintainable  make  malsup  malware  mamp  manage  management  manager  managers  mangement  manual  map  maps  marching  margin  margins  markdown  markdowncss  market  marketing  markitup  markup  martin  mask  masking  masonry  match  material  max  max-width  maximizer  maximum  mdn  meaning  measure  measurement  media  media-queries  media-query  medicarrera  meeting  mega  megadropdown  megamenu  menu  menus  message  mesure  meta  metadata  metafizzy  metatags  method  methodology  methods  metrics  meyer  micro  microsoft  migrate  migration  miles  mime  min  min-width  mini  minified  minifier  minify  minifyjs  minimal  minimise  minimum  minmax  mins  minutes  mistakes  mix-blend  mix-blend-mode  mobile  mobiles  mobileweb  mockup  mockups  modal  mode  model  modern  modernizr  modifier  modify  modular  module  modules  mod_deflate  money  monitor  monitoring  monkey  monotype  mootools  moqup  morph  morphing  motion  mouse  mouseenter  mouseleave  mouseout  mouseover  move  movement  movie  moving  moz  mozilla  mp3  mp4  mq  ms  multi  multi-level  multi-toggle  multimedia  multiple  multiply  munsell  museum  music  mysql  mystrd  name  named  names  nameserver  naming  narrator  native  nav  navegate  navegation  navigate  navigation  near  negation  negative  negotiation  neon  nested  net  netbook  network  networking  news  newsletter  newsletters  newsticker  next  nginx  ngo  ngrok  nico  nini  nintendo  nivo  no  no-javascript  no-jquery  no-js  no-script  no-touch  nobr  node  noframes  non-blog  non-breaking  non-latin  non-modal  non-rectangular  non-rectanular  non-secure  non-square  normal  normalise  normalize  noscript  not  notation  note  notes  nowrapper  ns  nth  nth-child  nth-last-child  nth-of-type  number  numbers  nvda  obfuscate  object  object-fit  object-position  objectelement  obligation  obligatory  oblige  obscure  Observer  octicons  of  off  off-canvas  offline  offset  og  ogg  ogv  oixel  ol  old  older  on  onclick  one  one-page  onepage  ong  online  only  oocss  opacity  open  open-source  opensource  opentype  opera  operator  opinion  optimisation  optimise  optimised  optimiser  optimising  optimization  optimize  optimizer  option  optional  options  order  organise  organiser  orientation  oriented  origami  os  osx  otf  out  outage  outline  outline-offset  output  outside  over  overflow  overide  overlay  overpass  override  oversize  overview  packages  padding  padlock  page  pageflip  pagekite  pageload  pager  pagerank  pages  pagespeed  pagination  paid  palette  pallars  pan  panel  panic  panning  panorama  paradeiser  paragraph  parallax  param  parameter  parent  parse  particle  password  paste  path  pattern  patterns  payment  payments  paypal  pc  pdf  peeper  pen  percent  percentage  perch  percher  perfect  performance  performant  permanent  perspective  phone  photo  photograph  photography  photos  photoshop  php  phrase  pica  pick  picker  pictogram  picture  picturefill  pierce  pieter  pinch  ping  pinterest  pixel  pixels  placeholder  plagiarise  plagiarism  plan  planning  plate  platform  play  playback  player  playground  plugin  plugins  png  podcast  point  pointer  pointer-events  points  policy  polyfill  polygon  polymer  pop  popdown  popout  popover  popular  popularity  popup  portfolio  portrait  portriat  position  positioning  positive  possible  post  post-it  post-it-note  postcss  poster  posterous  postit  postitnote  postprocessor  povo  ppc  ppi  practice  pre  pre-built  pre-formatted  pre-load  pre-processor  preconnect  predesigned  prefix  prefix-free  prefixed  prefixer  prefixes  preload  premium  prepare  preprocessor  preprocessors  present  presentation  press  prestashop  preview  previous  primer  principles  print  printing  priority  privacy  private  pro  problem  procedure  process  processing  processor  product  profile  progamming  program  programme  programmer  programmes  programming  progress  progressive  progressively  project  promo  promotion  properties  property  prophoto  proportion  proposal  proprietary  protect  protecting  protection  protocol  prototype  proveedor  provider  psd  pseudo  pseudo-class  pseudo-classes  pseudo-element  public  publicity  publish  publishing  pullout  punctuation  punt  purchase  pure  purge  push  pwa  px  pyme  quality  quantity  queries  query  questionnaires  quicktime  quirk  quirks  quirksmode  quote  rachel  radio  radius  rail  random  rank  ranking  raphael  raphaeljs  raster  rate  rating  ratio  read  reader  readers  reading  ready-made  recipes  recognition  recommend  recommendations  records  redesign  redirect  redirection  reduce  ref  reference  reflective  refresh  refresher  regex  region  register  registrar  registration  regular  rel  relation  relative  reload  rem  remena  reminder  remove  render  renderer  rendering  repaint  repaintless  repeat  repeatable  repeating  repetitive  replace  replacement  replacing  report  reporting  request  res  rescale  research  reseller  reset  resets  resize  resolution  resolve  resource  resources  response  responsive  result  results  resume  retina  reveal  revealing  review  reviews  rewrite  rgb  ribbon  rich  ripple  role  roles  rollover  rollovers  romanato  roosens  root  rotate  rotating  rotation  rotator  rough  round  rounded  roundup  row  rows  royalty  rtt  rule  rules  rum  run  runaround  rwb  rwd  safari  safe  sales  sample  samples  sans  sans-serif  santa  santander  sara  sass  satisfaction  save  saving  scalable  scale  scaleability  scaleable  scaling  scan  scandinavia  scheme  scipt  scope  score  scramble  screen  screencast  screengrab  screenshot  screenshots  script  scripting  scripts  scroll  scroll-snap  scroll-type  scrollable  scrollbar  scroller  scrolling  scrollto  scss  seamless  seamonkey  search  searchengine  section  sector  secure  security  select  selection  selector  selectors  self-closing  self-host  self-hosted  sell  selling  semantic  semantics  send  sense  sensor  sentence  seo  sequel  sequence  serp  serps  serve  served  server  servers  service  services  serving  set  setting  settings  setup  several  sftp  sfw  shadow  shadows  shape  shape-outside  shapes  share  sharing  sharpen  sheet  shift  shim  shiv  shop  shopify  shopping  shoppingcart  shortcut  shortcuts  shorthand  show  show/hide  showcase  sibling  side  sidebar  sifr  sight  signal  simmons  simple  simplecart  simplest  simplified  simplify  simulate  simulator  single  single-page  site  site5  sitemap  sitepoint  sites  sitesearch  size  sizes  sizing  skeleton  sketch  skew  skill  skillset  skip  skype  slabtext  slant  slanted  slash  sleep  sleeping  slices  slide  slide-in  slidein  slideout  slider  slideshow  slideshows  sliding  slow  smacss  small  smartphone  smashing  smooth  smoothness  sms  snake  snap  snap-to  snapper  snapping  snapport  snapto  snip  snippet  snippets  social  soft  softhyphen  software  solution  solve  son  sonofsuckerfish  sort  sortun  souiedan  sound  source  space  spain  spam  spambot  span  spanish  spec  special  specialists  specification  specifications  specificity  specs  speech  speed  speedtest  sphider  spider  spin  spinner  spinning  split  splittext  spread  sprite  sprites  sql  square  squarespace  squash  squirrel  src  srcset  srgb  ssd  ssi  ssl  stack  stacking  staging  stamp  standard  standards  standout  star  stars  start  starter  statcounter  state  statement  states  static  statistics  stats  status  step  step-by-step  stepdown  stick  sticky  stickyfooter  stock  stop  storage  store  strategy  stream  street  stress  strict  string  strip  stroke  structure  students  studio  style  styleable  styled  styles  stylesheet  styling  subdomain  subfolder  subject  sublime  submenu  submissions  submit  subset  subsetting  subtractive  sucker  suckerfish  suffix  suggestions  summarise  summary  super  superpreview  supplier  supplies  support  surf  surfer  survey  surveydesign  surveys  svg  swf  swipe  swipeable  switch  switcher  switzerland  symbol  symbolic  symbols  sync  syncing  syntax  system  tab  tabbed  table  table-cell  table-layout  table-row  tables  tablet  tablets  tabs  tabular  tag  tags  talkback  tall  tap  tapping  target  tcycle  teach  teaching  tech  techcarrera  techie  technical  technique  techniques  technologies  technology  tel  telephone  television  template  templates  terrassa  test  tester  testing  tests  tetris  text  text-decoration  text-only  text-shadow  textarea  texteditor  textile  texture  textures  theme  themes  theora  thimble  this  thispage  thought  three  three-line  throttle  throttling  thumbnail  thumbnails  ticker  tidy  tiff  tile  tiles  tiling  tilt  time  timeline  timelines  timepicker  timing  tiny  tinyxp  tips  title  tjader  tld  to  toggle  toggleclass  toggled  tool  toolbar  toolbox  tools  tooltip  tooltips  top  top100  toribio  totenart  touch  touch-friendly  touchscreen  tour  tpv  trace  track  tracker  trackers  tracking  trademark  traditional  traffic  trail  training  transfer  transforem  transform  transforms  transition  transitional  transitions  translate  translation  transparency  transparent  transpiler  travel  tremble  trend  trends  tria  triairemena  triangle  tricks  trigger  truncate  truncation  truth  tryout  ttf  ttl  tube  tucows  tumblr  tunnel  turn  turning  tutorial  tutorials  tv  tween  tweet  twitter  two  type  typecast  typedia  typeface  typefaces  typekit  typeout  typesize  typewriter  typewriting  typicons  typing  typographic  typography  ual  udacity  ui  uilang  uk  ul  ulli  unbounce  uncss  underline  underlining  underscore  understand  understanding  unicode  unique  unit  units  universal  university  unminify  unordered  unscramble  unused  up  update  upload  uploads  upper  uptime  url  usa  usability  usable  usage  use  used  useful  user  users  using  utf-8  utf8  utilities  utility  ux  valencia  valid  validate  validation  validator  value  values  vanilla  vanished  var  variable  variables  various  vector  vectors  vendor  version  versions  versus  vertical  vertical-align  vertically  vh  vibration  video  videos  view  viewbox  viewer  viewing  viewport  vimeo  vintage  virtual  virtualhostx  virus  visibility  visible  visitor  visitors  visits  visual  visualization  visually  vivaldi  vm  vmax  vmin  vmware  vocabulary  voiceover  vorbis  vote  vs  vue  vw  w  w3  w3c  w3schools  wai-aria  wall  wallpaper  watch  watching  wave  wcag  web  web2pdf  webapp  webdesign  webdesigner  webdev  webfont  webfonts  webform  webhost  webhosting  webkit  weblog  webm  webmail  webmaster  webmasters  webp  webpage  webpagespeed  websafe  webserver  website  websites  webstandards  webtopdf  webtype  weebly  weight  what  whatwg  where  which  white-space  who  whois  whole  widget  widgetkit  widgets  width  widths  wiki  wildcard  wildlife  will-change  window  windows  wine  wired  wireframe  wireframing  with  woff  woff2  word  word-break  wordpress  words  work  worker  workers  workflow  working  world  worldwide  wrap  wrap-around  wrapper  wrapping  write  writing  writing-mode  wysiwyg  X  x-cart  x-height  xcart  xhtml  xmas  xml  xmlns  xp  xray  yahoo  year  you  youtube  yui  z-index  zeldman  zero  zindex  zoom  zoomable  zooming  © 

Copy this bookmark:



description:


tags: