webdesign   809466

« earlier    

CSS Grid For Visual Learners – Over 40 Diagrams
Learn CSS grid visually with over 40 diagrams explaining key CSS grid features for visual learners. The complete (comprehensive) free course-like CSS grid tutorial, explaining gaps, columns, tracks, rows, inner cells, numbering of lines, naming of lines, joining cells, implicit and explicit cells, templates and template names. All visual diagrams are color-coded for maximum education value!
css  Webdesign  cheatsheet  infographic 
5 minutes ago by basemaly
The (Switch)-Case for State Machines in User Interfaces ◆ 24 ways
Describing all the possible user flows and business logic of an application can become tricky. Ironically, user stories might not tell the whole story – they often leave out potential edge-cases or small yet important bits of information.

However, one important (and very old) mathematical model of computation can be used for describing the behavior and all possible states of a user interface: the finite state machine.
webdev  webdesign  share 
4 hours ago by pietvanzoen
The App Shell Model  |  Web Fundamentals  |  Google Developers
An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native applications
javascript  webdesign  pwa  offline 
4 hours ago by tero
The Anchoring Principle | nNg 2018
People tend to focus on a single, initial piece of information, which influences how they estimate value and make subsequent decisions.
webdesign  psychology 
19 hours ago by emerysnyder
Website Critique Service (audio format) - One Page Love
A short but sweet 3-5 minute Audio Critique of your One Pager or Landing Page covering first impressions, design, code & suggestions.
webdesign  feedback 
20 hours ago by cnu

« earlier    

related tags

3d  accessibility  agency  alignment  animate  animation  annualreport  architecture  art  article  backend  bestpractices  beyonce  blog  blogging  blogroll  book  builder  business  career  casehistory  casestudy  changemgmt  cheatsheet  checklist  chrome  cms  code  codes  collection  color  commentary  css-grid  css  css3  data-science  data  debugging  deliverables  demo  design  dev  developer  development  editor  effects  email  error  feedback  fiction  flask  flexbox  foit  font  fonts  form  forms  fout  free  frontend  future  generator  gifs  gis  golang  gradient  gradients  graphic  graphics  header  home  howto  html  html5  http  images  infographic  inspiration  interesting  interface  interior  internet  iphone  isotope  javascript  js  json  layout  library  loading  logo  management  map  maps  masonry  measurement  mobile  music  nginx  offline  onextrapixel  online  onlineutilities  opensource  optimization  php  pixel  plugin  polyshapes  portfolio  product  programming  prototyping  psychology  pwa  python  react.js  react  reference  research  resource  responsive  responsivedesign  script  share  slider  sound  strategy  styleguide  svg  template  templates  testing  tip  tips  tool  toolkit  tools  trend  trends  tutorial  type  typography  ui  urgente  usabilitytesting  userexperience  userinterface  ux  ux_research  visualization  wasm  web-design  web-development  web  webdev  webdevelopment  webfont  webfonts  webgl  webservices  wordpress  work 

Copy this bookmark: