recentpopularlog in

piperh : media   66

Don't Use Em for Media Queries
article saying that Safari's bug means MQ break points in ems are wrong when user is zoomed. Concludes that only pixels are consistent across all browsers.
Final paras: "But what if the user has changed their browser's default font size?"
The short answer is set an explicit root font size in pixels. It will override the user's custom default font size which is mildly annoying for the user, but it will force them to zoom instead which always behaves the way you want.
webdesign  web  design  screen  media  query  unit  responsive  size  break  point 
22 days 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 
january 2019 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 
november 2018 by piperh
CSS Media Queries: Quick Reference & Guide ← Alligator.io
explains some media queries that I didn't know existed
webdesign  web  design  css  media  queries  @media  webdev 
june 2018 by piperh
Media Player
they say:
Media Player
A tiny, totally cross browser, accessible, fully customizable media player written in plain JavaScript.
webdesign  web  design  js  javascript  script  media  player  video  sound  control  accessibility  accessible 
october 2017 by piperh
Screaming Frog SEO Spider Tool & Crawler Software | Screaming Frog
SEO Spider Tool. They say: The Screaming Frog SEO Spider is a website crawler, that allows you to crawl websites’ URLs and fetch key onsite elements to analyse onsite SEO. Download for free, or purchase a licence for additional advanced features.
seo  spider  crawl  tool  url  links  analyse  resources  media  expernal  screaming  frog 
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
Timings - Work time tracking for your Mac
software to keep track of time spent on work etc. Used by Lynn of golive group.
By Media Atelier - they also produce interesting niche apps and utilities
time  tracker  work  schedule  app  software  mac  invoicing  billing  calendar  spent  track  media  atelier 
december 2016 by piperh
SVG & media queries - JakeArchibald.com
article about MQs and svg. With useful explanation of the svg's viewport, the difference between an svg inside img element and inline svg and svg in iframe
webdesign  web  design  css  svg  mq  media  queries  rwd  responsive  image  browser 
october 2016 by piperh
Simple CSS Media Query Generator
online tool for finding generic or specific device screen dimensions. Gives MQ code for you.
webdesign  web  design  rwd  responsive  code  mq  media  query  list  reference  css  breakpoint  width  size  screen  platform 
september 2016 by piperh
Social Media Sharing Buttons. No JavaScript. No tracking. Super fast and easy.
generates file sharing buttons html and css that don't use js and don't download tracking stuff. Less http requests, smaller files.
webdesign  web  design  social  media  share  sharing  button  facebook  fb  twitter  pinterest  google+  tumblr  http  request  generator 
august 2016 by piperh
Use Cases For CSS Vertical Media Queries
some examples of when one might use a vertical media query. With code
webdesign  web  design  vertical  media  queries  mq  responsive  css 
july 2016 by piperh
The Essential Meta Tags for Social Media | CSS-Tricks
article suggesting head meta tags for benefit of fb and twitter - most relevant seems to me to be Wolfgang's comment at the end. In other words, only the og:image tag is useful because FB's scraping is badly managed
webdesign  web  design  code  coding  facebook  twitter  fb  og  open  graph  meta  tag  social  html  media 
june 2016 by piperh
GitHub - Selz/plyr: A simple HTML5, YouTube and Vimeo player
accessible, customisable media player for web page. Uses vanilla js, no dependencies
webdesign  web  design  video  embed  embedded  display  controls  customisable  responsive  audio  html  js  javascript  media 
june 2016 by piperh
Using media queries - CSS | MDN
Mozilla page outlining use and syntax for MQs
webdesign  web  design  media  query  style  sheet  mdn  mozilla  developer  webdev  css  code  coding  syntax  reference 
january 2016 by piperh
Can I use... Support tables for HTML5, CSS3, etc
browser support for MQ "interaction media features".
Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the pointer, any-pointer, hover, and any-hover media features
webdesign  web  design  css  mq  media  query  feature  pointer  hover 
january 2016 by piperh
Adapt.js - Adaptive CSS
js method of adapting page to screen size
webdesign  web  design  js  javascript  css  media  queries  responsive 
august 2015 by piperh
DenmarkMediaCenter from VisitDenmark
Official Danish pic library. Slow loading. Interface clunky, set up in Flash. Useful pics. Denmark media centre, official site for tourism pics.
denmark  photo  photos  library  images  archive  official  site  media  royalty-free  free  scandinavia 
may 2015 by piperh
Rundown of Handling Flexible Media | CSS-Tricks
Add width:100% and height:100% to the iframe
Used this css in Medi and TechCarrera "Living in..." pages
webdesign  web  design  video  media  responsive  flexible  grid  image  audio  iframe 
june 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
Cloud Encoding - Video Encoding and Transcoding Software Service
“It works swimmingly. You guys gave us the ability to leapfrog the competition”
Travis Daub
encoding  video  audio  streaming  codec  conversion  format  media 
august 2011 by piperh

Copy this bookmark:





to read