recentpopularlog in

piperh : resource   64

Assessing Loading Performance in Real Life with Navigation and Resource Timing  |  Web Fundamentals  |  Google Developers
Google developers article about using 2 APIs to assess RUM (Real User Monitoring) - they say better than measuring synthetic performance. If I could understand it, probably useful for improving speed
webdesign  web  design  webdev  performance  speed  loading  api  rum  navigation  timing  resource  testing 
july 2018 by piperh
Duotone Effect Generator
you can upload photos and see instant duotone effects, and download treated image
design  graphic  image  photo  duotone  generator  colour  resource  tool  online 
june 2018 by piperh
My Accessibility Journey: What I’ve Learned So Far · An A List Apart Article
article about accessibility, mostly opinion and the why, but has good list of resources at the end
webdesign  web  design  accessible  accessibility  about  resource  ux  ui 
february 2018 by piperh
a designers blog with list of web design sites useful for designers and devs
webdesign  web  design  resource  blogs  reference  list  developer  designer 
february 2018 by piperh
New flexbox guides on MDN – Mozilla Hacks – the Web developer blog
by Rachel Andrew. She says: ... Flexbox now sits alongside Grid and Box Alignment to form a new way of thinking about layout for the web. It is useful to reflect this in the documentation. ...
webdesign  web  design  css  flex  flexbox  resource  guide  reference  code  coding  mozilla  grid  layout 
january 2018 by piperh
30 seconds of code
collection of Javascript snippets. Not much use to me now (Jan 2018) but maybe in the future ... ?
webdesign  web  design  code  coding  js  javascript  script  snippets  resource 
january 2018 by piperh
Collections of free website templates made by Mashup Template in HTML5 and CSS3
they say: HTML5/CSS3 Free Templates. Discover each crafted responsive design templates , ready to be use and to be customize to make your website amazing. Based on a light version of Bootstrap. Images from Unsplash
webdesign  web  design  templates  free  html  css  resource  bootstrap 
november 2017 by piperh
Curated SEO Tools - Best SEO Tools Stash
collection of links to reference and tools relating to seo
webdesign  web  design  webdev  seo  marketing  serps  search  result  optimisation  tools  resource 
october 2017 by piperh
Feather – Simply beautiful open source icons
collection of excellent simple open source icons in svg format
webdesign  web  design  graphic  vector  icon  symbol  resource  ui  illustration  svg 
june 2017 by piperh
Get Started with Grid Layout
site by Rachel Andrew all about css grid, very thorough. Videos, code, examples
webdesign  web  design  grid  layout  resource  reference  examples  css 
may 2017 by piperh
Simple Icons
lots of well-known company trademark icons in svg format, with colour ref. Web/tech company emphasis.
webdesign  web  design  graphic  icon  free  svg  vector  service  media  brand  logo  format  company  trademark  colour  resource 
january 2017 by piperh
Device Metrics - Material Design
a google resource with lots of specs of devices and some desktop, very handy for device pixels
webdesign  web  design  info  resource  devices  metrics  sizes  screen  density  dimensions  pixels 
november 2016 by piperh
myNoise™ • Focus@Work • Relax@Home • Sleep@Night
site with lots of different background sounds. Sliders let you control and mix components. V impressive.
noise  sound  relax  relaxing  audio  effect  background  resource 
november 2016 by piperh
CSS ICON -- project by Wenting Zhang
a set of pure css icons. Not all of them are pretty but it allows for some fancy transitions. Code supplied in a side panel for static versions and for transitions.
webdesign  web  design  css  icon  code  set  resource  example 
november 2016 by piperh
Designing CSS Layouts With Flexbox Is As Easy As Pie – Smashing Magazine
roundup of flexbox properties and use. Particularly useful for tables showing standard, 'tween' and old syntax
webdesign  web  design  flex  flexbox  css  reference  resource  explanation  syntax  layout 
july 2016 by piperh
Typography Handbook
They say: "A concise, referential guide on best web typographic practices". Has diff subject heads with a paragraph or two for each. Lots of it is elementary but contains good resource links.
webdesign  web  design  typography  reference  resource  usage  webfont  @font-face  loading  fout 
june 2016 by piperh
All About Favicons (And Touch Icons)
explanation of different aspects of browser behaviour re favicon, format, link, meta, rel=, size, href. Section about mobiles and touch icon
webdesign  web  design  favicon  ico  png  jpeg  svg  gif  format  size  link  reference  resource  icon 
may 2016 by piperh
CodePen - Flexbox playground
good, understandable playground for learning flexbox. You can change properties and instantly see effect on columns and rows
webdesign  web  design  flex  flexbox  resource  learn  properties  container  item  row  column  css  tool  justify 
may 2016 by piperh
HTML Special Characters
I found some special characters here (solid square box) that weren't in other pages that search turned up.
webdesign  web  design  character  html  special  characters  entity  entities  punctuation  symbols  list  reference  resource 
november 2015 by piperh
U.S. Web Design Standards | U.S. Web Design Standards
american government standards and design guidelines for federal websites. code snippets and libraries for reusing.
webdesign  web  design  reference  standards  usa  federal  resource  accessibility  libraries  guide  css  components  style  tools 
october 2015 by piperh
CSS: Responsive Navigation Menu
three-line menu symbol toggles on hover - so may not work for touch screen
css  mobile  navigation  responsive  nav  web  design  webdesign  tutorial  resource  menu  phone  screen  html5  html5shiv 
february 2013 by piperh
Stu Nicholls | CSSplay
lots of menus and drop-downs and so on, but test anything from here very carefully, there are some strange design and functionality decisions
design  webdesign  web  css  html  code  resources  tips  resource  templates  examples  menus  gallery  xhtml  layout  menu  responsive 
january 2010 by piperh

Copy this bookmark:

to read