piperh + pixel   42

Analytics using HTTP requests. Will track a pixel request, then give you sql access to data via their 'Redash' based web dashboard and their api.
I suppose this is how lots of tracking is done if not with GA or Statcounter
webdev  web  development  tracking  stats  pixel  http  request  data 
june 2019 by piperh
About responsive images, best formats and sizes
article title: A Guide to Responsive Images with Ready-to-Use Templates
webdesign  web  design  image  images  format  responsive  jpg  svg  png  inline  64base  resolution  size  webp  compression  srcset  pixel  density  picture  element  source 
february 2018 by piperh
Device pixel density tests
page that tests device screen pixel density
device  screen  pixel  ratio  density  monitor  css  test  android  apple  ios  mobile 
october 2017 by piperh
rems and ems, and why you probably don’t need them – Hacker Noon
article claiming that you don't ever need rem or em, but important to see the discussion comments
webdesign  web  design  rem  em  pixel  size  unit  css  accessible  accessibility  responsive  zoom  zoomable  scale  proportion 
april 2017 by piperh
[no title]
version 3 of fancybox, the jQuery modal zoom I use on tria site. There's a stackexchange answer to my question about size of zoomed image, with sample callback code. One can reduce the image to, eg, 50% of its real pixel size. Sounds good if it works and isn't slow.
fancybox  fancybox3  tria  modal  zoom  image  clickable  enlarge  reduce  responsive  pixel  size  resolution  x2  x3  density 
february 2017 by piperh
The best free graphic design software | Creative Bloq
list of free graphic software - some of it seems usable and useful, not just your typical special effects application
graphic  design  software  free  drawing  retouching  pixel  vector 
october 2016 by piperh
PX, EM or REM Media Queries? | Zell Liew's blog about web design and development
article showing why em is best mq unit to use. Author's examples tried changing font size and zoom in browser, and only unit to behave consistently across all browsers is em. Main offender in inconsistent behaviour is Safari
webdesign  web  design  em  rem  pixel  media-query  mq  responsive  break  point 
march 2016 by piperh
Plum Amazing :: PixelStick for Mac
measures distance, angle and colour on mac screen
mac  tool  utility  measure  screen  pixel  monitor  software  app  application  distance  angle  colour 
may 2015 by piperh
The Android Screen Fragmentation Myth | Rusty Rants
explains that most phone devices have same or similar css px resolution. Just provide higher res assets to make them look sharper
rwb  responsive  webdesign  web  design  screen  resolution  pixel  device 
july 2014 by piperh
7 Habits of Highly Effective Media Queries | Brad Frost Web
Secondly, authoring media queries in relative units allows browsers to adjust the design based on the user zoom level
webdesign  web  design  responsive  relative  pixel  em  unit  layout  css  units  webdev  media  queries 
april 2014 by piperh
Plum Amazing :: PixelStick for Mac
utility for measuring screen pixels and sampling colour, from any app
mac  software  app  measure  pixels  pixel  stick  colour  color  dropper  eyedropper  measuring  screen  distance 
february 2013 by piperh
photo and image editing alternative to photoshop, requires Lion or higher
alternative  photoshop  image  editing  software  design  graphics  mac  pixel  photo  imageediting  tool  photoshoplike  like 
january 2011 by piperh

related tags

%  1px  64base  @media  accessibility  accessible  acorn  alternative  android  angle  app  apple  application  archive  art  article  background  banner  barcode  bezier  bitmap  border  break  breakpoint  browser  browsers  button  buttons  calculator  camera  capture  chrome  clickable  clients  code  coding  color  colour  compress  compression  computer  css  data  definition  density  design  desktop  development  device  devices  dimension  display  distance  dividers  divisors  dpi  drawing  dropper  editing  element  em  email  enhance  enlarge  explained  explanation  eyedropper  fancybox  fancybox3  font  font-si  font-size  fonts  fontsize  format  free  freehand  gallery  generator  graphic  graphics  hardware  hd  height  high  high-density  high-res  highlight  html  http  icon  illustration  illustrator  image  imageediting  images  imaging  inline  inspector  inspiration  ios  ios8  ipad  iphone  iphone6  jpeg  jpg  keyword  large  layout  library  like  line  mac  mail  measure  measuring  media  media-queries  media-query  menu  mobile  mobiles  modal  monitor  mq  optimise  outlook  pattern  percent  perfect  phone  photo  photography  photoshop  photoshoplike  pica  picture  pixel  pixels  plugin  png  point  ppi  profiling  programme  proportion  px  qr  qrcode  quality  queries  query  ratio  reduce  relative  rem  request  resolution  responsive  retina  retouching  ribbon  ruler  rwb  safari  scale  screen  seamless  sensor  shadow  size  sizes  sizing  sketch  small  social  software  source  srcset  standards  stats  stick  svg  tablet  tablets  techniques  templates  test  testing  text  tile  tiling  tool  tools  tooltips  tracking  tria  type  typeface  typesize  typography  unit  units  utility  vector  vh  viewport  virtual  vw  web  webdesign  webdev  webp  width  x2  x3  zoom  zoomable 

Copy this bookmark: