piperh + design   2916

Pure CSS Still Life - Water and Lemons
glass of water + lemons illustration done entirely in css!
webdesign  web  design  css 
14 hours ago by piperh
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 
3 days ago by piperh
Clippings | Furniture & Lighting | From Inspiration to Installation
site aimed at interior designers - mostly furniture and lighting, + a few accessories
furniture  lighting  interior  design  architect  designer 
3 days ago by piperh
Iconfu - Get Icons in your Color and Style
a library of vector icons. Nice professional images but not all free. Free collection is called 'Material'
icons  vector  library  graphic  design  web  colour 
4 days ago 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 
5 days ago by piperh
How To Architect A Complex Web Table — Smashing Magazine
author says: Tables frequently appear on the web but aren’t easy to design and code. This illustrated guide explains the table anatomy and how to build a table, keeping in mind its future elaboration.
webdesign  web  design  table  complex  code  coding  construct  build 
6 days ago by piperh
Bookswarm | A digital agency dedicated to the world of books
they say: We are a digital agency dedicated to the world of books
webdesign  web  design  examples  inspiration  books  digital  agency  graphic 
6 days ago by piperh
Palettte App
a curious tool for generating colour code - with sliders for each of hue, saturation and lightness - cool for instantly seeing the effect of changing values
color  colour  value  code  hsl  hsv  rgb  hex  palette  tool  webdesign  web  design  graphic 
7 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 
7 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 
8 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 
8 days ago by piperh
Destyle.css - a clean slate for writing CSS without user agent styles
Destyle.css
Opinionated reset stylesheet that provides a clean slate for styling your html.
webdesign  web  design  css  reset  user  agent  styles  html 
11 days ago by piperh
How to: Back-to-top button without scroll events - Signal v. Noise
intro says: Web developers: here’s an alternative way to build UI features that rely on scroll position without actually observing scroll events. Using the Intersection Observer API ...
webdesign  web  design  backtotop  back  top  scroll  browser  window  layout  intersection  observer  api  viewport 
11 days ago by piperh
Designing Layouts for Screen Readers
title: Designing Layouts for Screen Readers. About the experience of using a site with a screen reader
webdesign  web  design  accessibility  accessible  screen  reader  layout  aria 
13 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 
13 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 
14 days ago by piperh
wiv.js
js library for animated wavy borders
webdesign  web  design  js  javascript  script  border  wavy  animated  animate 
14 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 
14 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 
17 days ago by piperh
ANESTORE | Stockist de papeles G.F. SMITH y Colorplan para España y Portugal
Ane Store. GFSmith paper importer for Spain.
Calle Moliné 5, Local, 08006 Barcelona - off Aribau, Gracia near Carmen's place
paper  spain  importer  gfsmith  colorplan  design 
18 days ago by piperh
The Actual Browser Problems with Unquoted Attributes | CSS-Tricks
about using quote marks to enclose attribute value in html. In html5 it's optional and only required if there's a space (and a few other characters as well). So if an item has two or more classes you must enclose in quotes.
If in doubt, use quote marks always (though you don't have to)
webdesign  web  design  webdev  development  code  coding  html  attribute  quote  quotemark  value  space 
19 days ago by piperh
TOAST UI :: Make Your Web Delicious!
service that renders charts and graphs on your site. Don't know how it works or how it draws in the data, but looks v interesting.
webdesign  web  design  chart  graph  graphic  bar  pie  line  js  javascript  script  column  data 
26 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 
29 days ago by piperh
140 HTML Color Names - html-color-names.com
list + swatches of html named colours, with their hex and rgb refs
webdesign  web  design  webdev  development  html  colour  color  colors  name  names  code  hex  rgb  reference 
29 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 
4 weeks 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 
5 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 
5 weeks ago by piperh
SortableJS
JavaScript library for reorderable drag-and-drop lists
webdesign  web  design  js  javascript  script  reorder  reorderable  list  shared 
5 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
Pie Charts · ChartGen
brilliant chart generator - you input the data, gives code as svg. Pie charts, bar graphs, line graphs. Would be great for PIRC charts. Use image in Quark to draw on top, or import svg file into Affinity.
webdesign  web  design  graphic  chart  generator  bar  graph  line  pie  svg 
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
Meta Tags — Preview, Edit and Generate
they say: With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Tool for generating meta tags
webdesign  web  design  webdev  development  meta  tag  generator  twitter  google  facebook  seo  tool 
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
Cookie-Script: free GDPR compliance for cookies
a cookie consent service. There's a free version but doesn't work with https. Cheapest paid is 3€ month (jan 2019)
consent  cookie  privacy  gdpr  compliance  eu  comply  law  service  webdesign  web  design  webdev  development 
6 weeks ago by piperh
Simple EU Cookie Law Banner JavaScript · GitHub
cookie consent code that I used on barcelonaprints and tria.
It clashes with some js "onload add class" code I wanted in the tria body tag.
This stackoverflow page solved the problem on tria: https://stackoverflow.com/questions/32573965/javascript-eu-cookie-law-banner-not-removing
webdesign  web  design  webdev  development  code  privacy  gdpr  consent  cookie  js  javascript  script 
6 weeks ago by piperh
Discover Unique - Save time and make smarter font choices!
as far as I can tell this tool generates variations (distortions of existing fonts, and they call them unique fonts
webdesign  web  design  graphic  font  typography  generator 
6 weeks ago by piperh
Cool Backgrounds
interesting backgrounds: trianglify etc plus the web code for installing on a site
webdesign  web  design  graphic  background  image  colour  gradient  animated  generator  code 
6 weeks ago by piperh
Somos tipos de letra | Babelia | EL PAÍS
article from Babelia 5.1.19: 'Somos tipos de letra'. Some nice image samples, too.
typography  graphic  design  type  elpaís  newspaper  spain  babelia  momento  tipográfico 
6 weeks ago by piperh
Mockuptime: Free realistic device mockups
some photos to use in mockup visuals, esp mobiles and computers
graphic  webdesign  web  design  mockup  visual  layout  image  resources 
7 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
The Front-End Checklist - ✨ Your best Front-End Tool ✨
a checklist of everything to look out for when making a site live. Some essential stuff, some less important, depending on type of site, but v handy reminder of everything
webdesign  web  design  webdev  development  frontend  front  end  checklist  list  reminder  tips  todo  code  coding 
7 weeks ago by piperh
LazyLoad (vanilla-lazyload) | LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images.
they say: LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images
webdesign  web  design  js  javascript  script  lazyload  image  speed  performance 
9 weeks ago by piperh
Glider.js - A fast, lightweight carousel alternative
a sort of substitute for a carousel (they say). Doesn't have infinite loop. Manual image change slider with touch feature
webdesign  web  design  slider  carousel  glider  js  javascript  script  slideshow 
10 weeks ago by piperh
Pagekite - The fast, reliable localhost tunneling solution
they say: Fast, reliable, secure: make your localhost part of the Web.
localhost tunneling. Make any computer a server: a pi, a laptop, even old cell phones.
Looks like it would be perfect for client view of dev, avoids staging site. Cheap and open source
localhost  hosting  server  development  webdesign  web  design  webdev  dev  tunnel  tunneling  host  local 
10 weeks ago by piperh
Free Cross Browser Testing Tool on Cloud - LambdaTest
they say: Perform Cross Browser Testing on 2000+ Real Browsers and Operating System Online
webdesign  web  design  webdev  test  testing  browser  online  website  development 
10 weeks ago by piperh
Inspectlet - Session Recording, Website Heatmaps, Javascript A/B Testing, Error Logging, Form Analytics
code that allows you to see user movement, clicks, behaviour. Free service would be good enough to see basic data for Tria I reckon
tria  webdesign  web  design  webdev  development  tracking  analytics  ux  user  behaviour  clicks  clicking  mouse  stats  data  inspect  view 
10 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 
11 weeks ago by piperh
Getform | Easy form endpoints for your forms
Form backend platform for designers and developers
webdesign  web  design  webdev  form  backend  data 
11 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 
11 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
SmugMug's Privacy Policy
smugmug's privacy policy page. Possible sample text for copying, though would need translation from English.
webdesign  web  design  cookie  text  privacy  policy  smugmug 
11 weeks ago by piperh
Cookies | ICO
Information Commissioners Office, about cookies
webdesign  web  design  webdev  development  privacy  cookies 
12 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
Why using `tabindex` values greater than “0” is bad – Karl Groves Web Accessibility Consultant, Web Accessibility Auditing, Web Accessibility Training
last para: ... above reasons make it clear that tabindex creates more problems than it solves ...
Article about various ways in which 'tabindex' values can cause problems. Convincing.
webdesign  web  design  accessibility  accesible  tabindex  value  order  tabbing  tabbed  keyboard 
12 weeks ago by piperh
What, exactly, is the DOM?
Ire Aderinokum's explanation of the DOM and render tree. Sort of interesting though not helpful for coding in reality. I think she's padding out her blog
webdesign  web  design  dom  render  tree  html  browser 
12 weeks ago by piperh
Hustl - Create time-lapse videos of your Mac screen.
They say: Create awesome time-lapse videos of your Mac screen.
Might be handy for creating tutorial or similar. $15
web  graphic  design  showcase  teach  video  screen  screenshot  tutorial  tool  online 
november 2018 by piperh
Pico - A stupidly simple, blazing fast, flat file CMS.
flat file cms - no database.
They say: Pico makes creating and maintaining a website as simple as editing text files.
webdesign  web  design  cms  flat  file  markdown  pico 
november 2018 by piperh
Publii - Open-Source CMS for Static Site
they say: a new Static CMS with GUI to build an extremely
safe, fast and stylish HTML website
webdesign  web  design  cms  static  website  tool 
november 2018 by piperh
Wired Elements
A set of common UI elements with a hand-drawn, sketchy look. Can be used for wireframes, mockups, or just a fun hand-drawn look.
A bit feeble, but possibly handy someday
webdesign  web  design  components  sketches  elements  hand-drawn  ui  wireframe 
november 2018 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
« earlier      
per page:    204080120160

related tags

!important  %  &shy;  *  1px  1x  2-letter  2ndhand  2off2  2x  3-line  3D  3x  5.2  12-column  64base  100%  100%height  :not  <use>  @  @font  @font-face  @fontface  @media  @rule  @supports  a  a11y  aac  abem  abogados  about  above  absolute  accelerated  accesibility  accesible  access  accessibility  accessible  accordion  action  actions  active  activities  ad  adaptive  add  add-on  add-ons  additive  addon  addons  address  adjacent  adjust  adobe  adriana  ads  advanced  advertising  advice  affinity  affordance  after  agencies  agency  agent  agnostic  ago  ai  ajax  alert  algorithm  align  aligning  alignment  all-css  alliance  alpha  alphabet  alphabets  alt  alternate  alternative  alternatives  alumnae  amantani  amantaní  amazon  amp  ampersand  anagrasa  analyse  analysis  analytics  analyze  anchor  andean  andrew  android  angela  angle  angled  animal  animals  animatable  animate  animated  animating  animation  animations  animator  anime  annual  ansi  anthony  anti-spam  antispam  ants  aopc  apache  apartment  api  app  apple  apple-touch-icon  application  applications  apply  apps  architect  architects  architecture  archive  archives  archtitect  area  aria  aria-selected  arial  around  arrow  arrows  art  artbene  artebene  artesan  article  articles  artist  arts  artworkers  ascii  asp  aspect  assets  assistive  association  asterisk  astropad  asynchronous  at  at-rule  atomic  attribute  attributes  audio  audit  auditing  audits  australia  austria  author  auto  autocapitalize  autocomplete  autocorrect  autofill  automatic  autoplay  autoprefix  autoprefixer  autotrace  aviary  awards  awesome  axis  babelia  back  backdrop  backend  background  background-blend-mode  background-clip  background-image  background-size  backgrounder  backgrounds  backslash  backtotop  backup  bad  badges  badware  ball  banding  bank  banner  bar  barcelona  barcelonaprints  base  based  baseline  bash  basic  basics  basis  basket  beer  before  beginner  begins  behaviour  below  bem  best  bezier  bg  bigtext  bing  birdseye  birdview  birth  bitmap  bleed  blend  blender  blending  blind  bloat  block  blog  blogger  blogging  blogs  blueprint  blur  blurred  bmp  body  boiler  boilerplate  bold  book  bookmark  bookmarklet  bookmarks  books  bookshop  bootstrap  border  border-box  border-image  border-radius  borders  borne  bot  botanical  bottom  bounce  bouncey  box  box-decoration-break  box-shadow  box-sizing  boxes  brad  bradfrost  brand  branding  breadcrumb  breadcrumbs  break  breakpoint  breakpoints  bregenz  briefing  brighton  britain  british  broken  browser  browser-based  browsers  bruno  btn  bubble  bug  bugfixes  bugs  build  builder  built  bullet  bulletin  burger  business  button  buttons  buy  cache  cacheing  caching  calc  calculate  calculator  caldwell  calendar  call  call-to-action  calle  calligraphy  callout  camel  camins  campaign  canary  canvas  canyon  captcha  caption  capture  card  carles  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  checks  child  children  china  chinese  choice  choose  chooser  chopping  chris  christmas  chrome  cintiq  circle  class  class*  classes  classics  classlist  clean  cleaning  cleanup  clear  clearfix  clearing  click  clickability  clickable  clicking  clicks  client  clients  clip  clip-path  clipart  clipboard  clipPath  clipping  clips  close  clue  cms  cmyk  cname  coda  coda2  code  codec  codepen  coder  coders  codes  coding  coing  col.legi  collage  collapse  collapsible  collapsing  collection  collections  color  color-management  colormanagement  colorplan  colors  colour  colours  column  columns  combinator  combine  combining  comic  comicsans  comment  commentary  comments  commerce  commercial  common  communicate  communication  community  compack  company  comparator  compare  comparison  compatibility  compatible  competition  competitive  compilesyntax  complementary  complete  complex  compliance  compliant  comply  component  components  compress  compressed  compression  compressioncompress  compressive  compressor  compromised  computed  computers  concatenate  concept  condense  conditional  configuration  configure  congreso  congress  connect  connection  consent  consistency  console  constance  constant  construct  construction  constructor  consult  consultancy  consultant  consultation  consumer  contact  contain  container  content  contenteditable  context  continuous  contract  contrast  contrasting  control  controls  contruction  convention  conversion  convert  converter  cookie  cookieless  cookies  copy  copying  copyright  corel  corner  corners  corporate  correcting  count  counter  counter-increment  country  course  courses  cover  covers  coyier  cpu  craft  craig  crawl  crawler  create  creater  creation  creative  creator  creixement  crit  critic  critical  critique  cro  crop  cross  cross-browser  crossbrowser  crossfade  cruikshank  crumbs  cruz  css  css-only  css-sprites  css-tricks  css2  css3  csscss  cssedit  cssom  csssprites  csstable  csv  cta  cubic  cubic-bezier  cue  culture  curated  curos  current  currentcolor  currentpage  cursive  cursor  curtain  curve  custom  customisable  customise  customised  cut  cutout  CVs  cycle  daily  dashboard  data  database  date  datepicker  dates  datetimepicker  days  de  debate  debug  debugger  debugging  dec  decimal  declaration  declarations  declare  declaring  decoration  default  defer  deferred  defined  definition  definitions  deflate  degradation  degrade  deko  delay  delete  delivery  demo  demonstration  demos  dense  density  dependency-free  deploy  descendent  description  desig  design  designed  designer  designers  designing  desk  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  director  directory  disable  disabled  disappeared  disclosure  discovery  discretionary  discussion  disintegrate  display  disseny  distance  distribute  ditchling  div  diversify  dividers  division  divisors  diy  dns  doc  dock  doctors  doctype  document  documentation  dom  domain  doominio  door  double  doublemargin  down  download  downtime  dpi  drag  drag-and-drop  draganddrop  draggable  dragon  draw  drawing  drawings  dreamweaver  drop  drop-down  dropbox  dropdown  dropper  dropshadow  drupal  dtp  dummy  duotone  duplicate  duration  dynamic  e-commerce  e-mail  ease  easing  easy  ecommerce  ecwid  edge  edit  editing  editions  editor  editorial  education  effect  effective  effects  efficiency  efpra  elastic  element  elements  eliminate  ellipsis  elpaís  else  em  email  emails  embed  embedded  embedding  embolden  emboss  emigre  emphasis  empty  ems  emulate  emulation  emulator  enable  encode  encoder  encoding  encrypt  encryption  encyclopedia  end  ending  ends  engine  enkoder  enlarge  enlargement  enter  entities  entity  eot  ephemera  eps  equal  equalheight  equalise  equalize  equivalence  equivalent  eric  error  escape  escutcheon  eshop  españa  espresso  eu  euclidean  europe  event  events  every  everydaymatters  ex  example  examples  exhibition  exhibtion  exile  existing  expand  expandable  expanding  experience  experiment  explained  explanation  explicit  explorer  explorer6  explorer7  explorer8  explosion  export  expression  expressions  extension  extensions  external  extract  ezine  fab  fabric  face  facebook  faces  facias  factor  fade  fadein  fader  fallback  false  fancy  fancybox  fancybox3  faq  farmer  fashion  fasselle  fassino  fast  faster  faux  fav  favicon  façade  fb  feature  features  federal  feed  feedback  festival  fex  field  fields  fieldset  figcaption  figure  filament  file  file-based  filename  fili  fill  film  filter  filter-function  filters  find  finn  firebug  firefox  first  first-child  first-letter  fit  fittext  fix  fixed  fixes  fixing  flag  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  flyout  focus  focus-within  foft  foic  foit  fold  folder  foldout  folds  folio  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  fontsere  fontshop  fontsize  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  freefreehand  freehand  freelance  freepik  frequent  friendly  frog  froggy  front  front-end  frontend  frost  ftp  full  fullscreen  fun  function  functionality  fundamentals  funny  furniture  fusion  gabriele  galleria  galleries  gallery  game  gap  gatwick  gdpr  gemma  gencer  generate  generated  generation  generator  generators  georg  geray  german  gestalt  gesture  get  gfsmith  gif  gifs  gimmick  giraudel  git  glasgow  glass  glider  global  glossary  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  grunge  grunt  gràfic  gráfica  gui  guidance  guide  guidelines  gunlaug  gutenberg  gutter  gzip  h.264  h1  hack  hacks  hamburger  hand  hand-drawn  handheld  handhelds  handwriting  hanzi  hard  hardback  harmonious  harmony  hash  haslayout  hd  head  header  heading  headline  heatmap  heic  height  help  helper  helvetica  hero  hex  hexadecimal  hidden  hide  high  high-density  high-res  highlight  highres  hinting  hints  hire  hires  history  home  homeless  homelessfonts  homelessness  horizontal  horizontally  host  hosted  hosting  house  hover  hoverblock  hoverintent  howto  href  hreflang  hsl  hsla  hsv  htaccess  htm  html  html-email  html4  html5  html5.2  html5shiv  htmlemail  htmlmail  htmlshiv  htmltidy  html_email  htpasswd  http  http2  https  hugo  hybrid  hyperlinks  hypertext  hyphen  hyphenate  hyphenation  i  i-frame  ico  icomoon  icoms  icoms2021  icon  icon-font  iconfont  iconic  icons  iconset  id  ideas  identify  identity  ie  ie-only  ie5  ie6  ie7  ie8  ie9  ie10  ie11  if  iframe  illustrate  illustrated  illustration  illustrations  illustrator  image  imageediting  imagemap  imageoptim  images  imagesize  imagezoom  imaging  img  impaired  impairment  implicit  import  importance  important  importer  in  include  includes  inclusive  increment  indent  independent  indesign  index  indexing  india  indian  indicator  individual  infect  infected  infection  infinite  info  information  inherit  inheritance  initial  inkscape  inline  inline-block  input  insert  insite  inspect  inspecting  inspector  inspiration  inspire  inspiring  instagram  install  installation  installed  instant  intent  interact  interaction  interactive  intereract  interest  interface  interior  interiors  international  internationalisation  internet  intersection  IntersectionObserver  interstate  interview  intrinsic  intro  introduction  intuos  invalid  invisible  ios  ios8  ip  ipad  ipaddress  iphone  iphone6  ipsum  ish  iso  isotope  istanbul  italic  italicise  ITC  item  iterate  jackets  jacques  java  javascipt  javascript  jaws  jen  jewellery  jit  job  jobs  john  johnnie  joomla  jordi  journal  jpeg  jpg  jquery  jquery-free  jqzoom  js  jsbin  jsfiddle  json  judge  judit  jukka  jumble  jump  just-in-time  justified  justify  key  keyboard  keyframe  keyframes  keying  keyword  kitten  knepler  knockout  korea  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  legibility  length  lenny  leonard  leterror  letreros  letter  lettering  letterpress  letters  levels  li  libraries  library  libreria  licko  ligature  light  lightbox  lighthouse  lighting  lightweight  like  like-box  line  line-break  line-height  lineform  lines  link  linkedin  links  linocut  lint  linter  linux  liquid  list  listen  listener  listing  lists  literary  literature  litespeed  little  live  lo-res  load  loader  loading  local  localhost  location  logical  logo  logos  london  long  loop  lorem  loremipsum  lossless  louis  louise  lower  ltr  lucida  lupe  m4a  mac  machine  macintosh  mackay  macrabbit  macromedia  madstudio  magazine  magento  magnifier  magnify  magnifying  mail  mailchimp  mailing  main  maintain  maintainable  make  malsup  malware  mamp  manage  management  manager  managers  mangement  manual  map  maps  marc  marching  margin  margins  markdown  markdowncss  market  marketing  markitup  markup  marti  martin  mask  masking  masonry  match  material  max  max-width  maximizer  maximum  mdn  meaning  measure  measurement  media  media-queries  media-query  medicarrera  mega  megadropdown  megamenu  megaphone  menu  menus  message  mesure  meta  metadata  metafizzy  metatags  method  methodology  methods  metrics  meyer  micro  microsoft  miles  mime  min  min-width  mini  minified  minifier  minify  minifyjs  minimal  minimise  minimum  minmax  mins  minutes  miscellany  mistakes  mix-blend  mix-blend-mode  mjml  mobile  mobiles  mobileweb  mockup  mockups  modal  mode  model  modern  modernizr  modifier  modify  modular  module  modules  mod_deflate  momento  monitor  monitoring  monotype  mootools  moqup  morph  morphing  motif  motion  motorway  mouse  mouseenter  mouseleave  mouseout  mouseover  move  movement  movie  moving  moz  mozilla  mp3  mp4  mq  ms  multi  multi-column  multi-level  multi-toggle  multimedia  multiple  multiply  munsell  muntaner  museo  museum  music  mysql  mystrd  name  named  names  nameserver  naming  narrator  native  natural  nature  nav  navegation  navigate  navigation  near  negation  negative  negotiation  neon  nested  netbook  network  networking  neue  news  newsletter  newsletters  newspaper  newsticker  next  nginx  ngo  ngrok  nhs  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  north  noscript  not  notation  note  notes  novillo  nowrapper  ns  nth  nth-child  nth-last-child  nth-of-type  number  numbers  nuria  nvda  núria  obfuscate  object  object-fit  object-position  objectelement  objects  obligatory  oblige  obscure  observer  octicons  of  off  off-canvas  offf  offline  offset  og  ogg  ogv  oixel  ol  old  older  on  onclick  one  one-page  onepage  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  orientation  oriented  origami  original  ornaments  os  osx  otf  out  outline  outline-offset  output  outside  over  overflow  overide  overlay  overpass  override  oversize  overview  p  packages  packaging  pad  padding  padlock  page  pageflip  pagekite  pageload  pager  pages  pagespeed  pagination  paid  painting  paintings  palette  pan  pane  panel  panic  panning  panorama  paper  papers  paradeiser  paragraph  parallax  param  parameter  parent  particle  partnership  password  paste  path  pattern  patterns  paul  payment  paypal  pc  pdf  peeper  pen  percent  percentage  perception  perch  percher  perfect  performance  performant  permanent  perspective  peru  peruvian  phone  phones  photo  photogallery  photograph  photographer  photographers  photographs  photography  photos  photoshop  photoshoplike  php  phrase  pic  pica  pick  picker  pico  pics  pictogram  picture  picturefill  pictures  pie  pierce  pieter  pilley  pinch  ping  pinterest  pitch  pixel  pixels  placeholder  plagiarise  plagiarism  plan  planning  plant  plate  platform  play  playback  player  playground  plotter  plugin  plugins  png  podcast  poetic  point  pointer  pointer-events  points  policy  polyfill  polygon  polymer  pop  popdown  popout  popover  popular  popup  portfolio  portrait  portriat  position  positioning  positive  post  post-it  post-it-note  postcards  postcss  poster  posters  postit  postitnote  postprocessor  povo  ppi  practice  pre  pre-built  pre-formatted  pre-load  pre-processor  preconnect  predesigned  preference  prefix  prefix-free  prefixed  prefixer  prefixes  preload  premailer  premium  prepare  preprocessor  preprocessors  present  presentation  press  prestashop  preview  previous  primer  principles  print  printed  printing  prints  priority  privacy  private  pro  problem  procedure  process  processing  processor  product  production  profile  progamming  program  programme  programmer  programmes  programming  progress  progressive  progressively  project  promo  promotion  properties  property  prophoto  proportion  proposal  proprietary  protect  protection  protocol  prototype  proveedor  provider  psd  pseudo  pseudo-class  pseudo-classes  pseudo-element  psychology  public  publicity  publish  publisher  publishers  publishing  pullout  punctuation  purchase  pure  purge  push  pwa  px  pyme  quality  quantity  quark  queries  query  questionnaires  quicktime  quilt  quilting  quirk  quirks  quirksmode  quote  quotemark  rachel  radio  radius  rail  rand  random  rank  ranking  raphael  raphaeljs  raster  rate  rating  ratio  read  readability  reader  readers  reading  ready-made  recipes  recognition  recommendations  records  redesign  redirect  redirection  reduce  ref  reference  reflective  refresh  refresher  regex  region  regular  rel  relation  relative  reload  rem  reminder  remove  render  renderer  rendering  rent  rental  reorder  reorderable  repaint  repaintless  repeat  repeatable  repeating  repetitive  replace  replacement  replacing  republican  request  res  rescale  research  reseller  reset  resets  resize  resolution  resolve  resource  resources  response  responsive  result  results  resume  retina  retouch  retouching  reveal  revealing  review  reviews  revista  rewrite  rgb  ribbon  rich  rights-free  ripple  road  role  roles  rollover  rollovers  romanato  roosens  root  rotate  rotating  rotation  rotator  rough  round  rounded  roundup  row  rows  royalty  royalty-free  rtl  rtt  rule  rules  rum  run  runaround  rwb  rwd  rótulos  sabate  safari  safe  sales  sample  samples  sans  sans-serif  sara  sass  save  saving  scalable  scale  scaleability  scaleable  scaling  scan  scheme  scipt  scope  score  scotland  scramble  screen  screencast  screengrab  screenshot  screenshots  script  scripting  scripts  scroll  scroll-snap  scroll-type  scrollable  scrollbar  scroller  scrolling  scrollto  scss  sct  seamless  search  searchengine  secondhand  section  sector  secure  security  select  selection  selector  selectors  self-closing  self-host  self-hosted  self-publishing  sell  selling  semantic  semantics  send  sense  sensor  sentence  seo  sequence  serp  serps  serve  server  service  services  set  setting  settings  setup  several  sftp  sgnmaking  shadow  shadows  shape  shape-outside  shapes  share  shared  sharing  sharpen  sheet  shift  shim  shiv  shop  shopify  shopping  shoppingcart  shortcut  shortcuts  shorthand  show  show/hide  showcase  sibling  side  sidebar  sifr  sight  sign  signage  signal  signature  signs  simmons  simple  simplecart  simplest  simplified  simplify  simulate  simulator  single  single-page  site  sitemap  sitepoint  size  sizes  sizing  skeleton  sketch  sketches  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  smugmug  snake  snap  snap-to  snapper  snapping  snapport  snapto  snip  snippet  snippets  social  society  soft  softhyphen  software  solution  solve  son  sonofsuckerfish  sort  sortun  souiedan  sound  sounds  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  square  squarespace  squash  squirrel  src  srcset  srgb  ssi  ssl  stack  stacking  staging  stamp  standard  standards  standout  star  stars  start  starter  state  statement  states  static  statistics  stats  steal  step  step-by-step  stepdown  stick  sticky  stickyfooter  stock  stop  store  strategy  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  suggestions  summarise  summary  super  superpreview  supplier  support  supported  survey  surveydesign  surveys  sussex  svg  swf  swipe  swipeable  switch  switcher  switzerland  symbol  symbolic  symbols  syntax  system  t26  tab  tabbed  tabbing  tabindex  table  table-cell  table-layout  table-row  tables  tablet  tablets  tabs  tabular  tag  tags  talkback  talks  tall  taller  tap  tapping  target  tcycle  tdc  teach  teaching  tech  techcarrera  techie  technical  technique  techniques  technologies  technology  tel  telephone  template  templates  terms  terrassa  test  tester  testimonials  testing  tests  tetris  text  text-decoration  text-shadow  textarea  texteditor  textile  texture  textures  the  theme  themes  theora  thesaurus  thimble  this  thispage  thought  three  three-line  throttle  throttling  thumbnail  thumbnails  ticker  tidy  tiff  tile  tiles  tiling  tilt  time  timeline  timelines  timepicker  timing  tint  tiny  tipográfico  tips  title  to  todo  toggle  toggleclass  toggled  tool  toolbar  toolbox  tools  tooltip  tooltips  top  touch  touch-friendly  touchscreen  tour  trace  tracking  trademark  traditional  traffic  trail  training  transfer  transforem  transform  transforms  transition  transitional  transitions  translate  translation  transparency  transparent  transpiler  transplant  transport  travel  tree  tremble  trend  trends  tria  triairemena  triangle  tricks  trigger  truncate  truncation  try  tryout  ttf  ttl  tube  tumblr  tunnel  tunneling  turn  turning  tutorial  tutorials  tween  tweet  twitter  two  type  typecast  typedia  typeface  typefaces  typekit  typeout  typesize  typewriter  typewriting  typicons  typing  typographic  typography  ual  udacity  ui  uilang  uk  ul  uncss  underline  underlining  underscore  understand  understanding  unicode  unique  unit  units  universal  university  unminify  unordered  unscramble  unspiration  unused  up  update  upload  uploads  upper  uptime  url  usa  usability  usable  usage  use  used  useful  user  users  using  utf-8  utf8  utilities  utility  ux  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  viewport  vimeo  vintage  virtual  virus  visibility  visible  visitor  visitors  visual  visualization  visually  vm  vmax  vmin  vmware  vocabulary  voiceover  vorbis  vote  voulangas  vs  vue  vw  w  w3  w3c  w3schools  waapi  wacom  wai-aria  wall  wallpaper  watch  wave  wavy  wcag  web  webapp  webdesign  webdesigner  webdev  webfont  webfonts  webform  webhosting  webkit  webm  webmail  webmaster  webmasters  webp  webpage  websafe  webserver  website  websites  webstandards  webtype  weebly  weekly  weight  what  whatthefont  whatwg  which  white-space  whole  widget  widgetkit  widgets  width  widths  wiki  wildcard  wildlife  will-change  window  windows  wired  wireframe  wireframing  with  woff  woff2  word  word-break  wordpress  words  work  workdesk  worker  workers  workflow  workshop  workshops  workspace  world  worldwide  wrap  wrap-around  wrapper  wrapping  write  writing  writing-mode  wysiwyg  X  x-cart  x-height  xcart  xhtml  xhtmlmp  xmas  xml  xmlns  xray  yahoo  year  you  youtube  yui  z-index  zeldman  zero  zindex  zoom  zoomable  zooming  zuzana  © 

Copy this bookmark:



description:


tags: