recentpopularlog in

piperh : browser   240

« earlier  
Semantics to Screen Readers · An A List Apart Article
in-depth account of browser/screen reader interaction with sites, from accessibility point of view
webdesign  web  design  accessible  accessibility  screen  reader  browser 
4 weeks 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 
9 weeks ago by piperh
How to Turn Off the Auto Sign-In Link in Gmail and Chrome
explains how to stop Google automatically logging you in to your Google account via an auto feature in Chrome. Avoid using Chrome whenever poss!
google  chrome  browser  cookies  login  account 
december 2018 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 
december 2018 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 
november 2018 by piperh
Web Payments Overview  |  Web Fundamentals  |  Google Developers
1st para: Web Payments is an emerging web standard being developed by the W3C.
An introduction
web  dev  development  payments  ecommerce  standard  checkout  browser 
november 2018 by piperh
Using Feature Detection to Write CSS with Cross-Browser Support | CSS-Tricks
in-depth article about dealing with browser feature support. Interesting but quite techy. Saves time and hassle if you avoid dodgy features? But still, worth reading
webdesign  web  design  css  html  support  browser  feature  detection  code  coding 
september 2018 by piperh
Accessibility inspector - Firefox Developer Tools | MDN
A brief guide to the Accessibility Inspector in Firefox. They say: This article takes you through the main features of the accessibility inspector and how to use it.
webdesign  web  design  accessible  accessibility  firefox  development  tool  inspector  browser 
july 2018 by piperh
Drawing Images with CSS Gradients | CSS-Tricks
technique with code examples for drawing stuff using only css + html.
webdesign  web  design  css  html  draw  drawing  browser  background  code  coding 
july 2018 by piperh
Choosy: A smarter default browser for macOS
their headline: Choosy opens every link in the right browser.
Instead of opening links in default browser, Choosy sends them to the right browser. Standalone app (I think) or browser extension.
utilities  app  osx  mac  browser  extension  link 
june 2018 by piperh
Keyframes.app
installed into Chrome 5.6.18, works like it says, generates animation css code
webdesign  web  design  css  keyframes  animate  animation  app  extension  timeline  browser  tool  code  coding 
june 2018 by piperh
A Guide To The State Of Print Stylesheets In 2018 — Smashing Magazine
from 1st para: ... and look at the specifications that really come into their own once printing
webdesign  web  design  print  stylesheet  css  browser  printing 
may 2018 by piperh
Cargo
author says: Cargo is a browser for people that live on the internet and hate mice. Cargo can be controlled using only a few keyboard shortcuts.
web  internet  browser  chrome  chromium  electron  navegate  surf  application 
april 2018 by piperh
TOAST UI :: Make Your Web Delicious!
they say: TOAST UI Chart supports an easy way to draw various and essential charts on your web service. Open-source JavaScript library.
Looks v interesting and doable even by me. Data can be taken from a db or not.
webdesign  web  design  webdev  development  chart  browser  pie  graph  line  js  javascript  script 
march 2018 by piperh
Fontanello – because you have a weak spot for fonts
extension for Firefox and Chrome that will show you font and applied styles
webdesign  web  design  font  type  typography  face  typeface  display  style  name  browser  extension  tool 
march 2018 by piperh
How to Scale SVG | CSS-Tricks
css tricks article about scaling svg's. Particularly handy for me is the para about 'The viewbox attribute'
webdesign  web  design  css  svg  browser  scale  scaling  image 
january 2018 by piperh
Meet the New Dialog Element
article describing new (jan 2018) native modal dialog, and a polyfill that makes it usuable now, for IE9 and up. Introduces new ::backdrop pseudo-element. Also describes how to fire a close if user clicks the backdrop
webdesign  web  design  css  dialog  modal  element  native  browser  backdrop 
january 2018 by piperh
How to Embed Video Using HTML5
proper, thorough article about using <video> within html.
webdesign  web  design  video  html5  codec  format  mp4  ogg  ogv  webm  playback  browser 
january 2018 by piperh
Introducing Web Payments: Easier Online Purchases With The Payment Request API — Smashing Magazine
smashing article titled: Introducing Web Payments: Easier Online Purchases With The Payment Request API
webdesign  web  design  payment  api  request  browser  autofill  online  cart  ecommerce 
january 2018 by piperh
Word division in IE and other notes on the nobr markup
Jukka Corpela page about controlling line breaks in browsers
webdesign  web  design  browser  word  break  line  nobr 
january 2018 by piperh
Using CSS Grid: Supporting Browsers Without Grid — Smashing Magazine
Rachel Andrew article about fall-back css for non-grid-supporting browsers. Interesting - many older css properties will be disregarded by supporting browsers if followed by display:grid
webdesign  web  design  grid  layout  html  css  browser  support  fallback 
november 2017 by piperh
Focusing on Focus
David Walsh on focus in browsers with mouse and keyboard
webdesign  web  design  accessibility  accessible  focus  keyboard  mouse  browser  a11y 
august 2017 by piperh
An Overview of SVG Sprite Creation Techniques ◆ 24 ways
description, with howto's, of different methods of spriting svg's and using in your site, both as inline and as external svg file
webdesign  web  design  svg  sprite  technique  method  inline  css  external  icon  image  vector  browser 
june 2017 by piperh
Mavo: A new, approachable way to create Web applications
a system that acts like a cms but allows you to edit in the browser. Data can be stored locally or on github and other remote places. Uses attributes in the html.
They say: Edit data right in the website, with an intuitive, auto-generated, customizable interface. No more wrestling with CMSes and servers!
webdesign  web  design  cms  edit  website  site  browser  content  webdev  css  html  wysiwyg  webapp 
may 2017 by piperh
WhatFont - Chrome Web Store
chrome extension to show font in use in a web page
webdesign  web  design  font  browser  extension  chrome  find  type  typography 
january 2017 by piperh
LiveReload
app that provides live reloading for browsers. See changes to html and css when you save a file
webdesign  web  design  tool  extension  app  chrome  mac  browser  firefox  live  reload  development 
january 2017 by piperh
viewScroller - Fullpage scrolling plugin
js that makes a page scroll only as full browser window pages. Seems like a dodgy idea to me but maybe it might be handy one day. Browser back button will treat each js scroll page like an entire web page. Better to use a 'scrollto' type of hook?
webdesign  web  design  js  javascript  scroll  scroller  scrolling  page  window  browser 
november 2016 by piperh
structure.exposed
online tool that strips out all styling and shows page using browser defaults
webdesign  web  design  tool  online  structure  default  css  styles  browser  view  page  webpage  strip 
november 2016 by piperh
hyphens - CSS | MDN
mozilla summary and article about css hyphens: (none, manual, auto). It doesn't say anything about number of hyphs in a row.
webdesign  web  design  css  html  hyphen  hyphenation  soft  hard  manual  rules  browser  lang  language 
october 2016 by piperh
@supports will change your life | Charlotte Jackson, Front-end developer
Article showing poss uses for @supports and giving cases where it really could matter. Even though non-supporting browsers will ignore css that's not understood, @supports improves the result and makes better degradation possible.
webdesign  web  design  css  @supports  code  coding  browser  support 
october 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
Quick Tip: Add or Remove a CSS Class with Vanilla JavaScript
article explaining 2 mthods for using vanilla js to and remove classes to elements
webdesign  web  design  code  coding  vanilla  js  javascript  class  name  add  remove  apply  user  action  browser 
october 2016 by piperh
25 Essential Chrome Extensions for Web Designers - Envato
a '25 best' list of extensions for Chrome. Specially interesting maybe 'font ninja' which enables downloading of fonts
webdesign  web  design  development  chrome  google  browser  extensions  font  webfont  information  tools 
august 2016 by piperh
font-display for the Masses | CSS-Tricks
article about new css feature "font-display", conceived to deal with FOIC. But also has incidental handy explanation of js "Font Face Observer" and link to stuff about "Font Loading API"
webdesign  web  design  css  font  @font-face  font-display  code  coding  typography  webfont  performance  foic  fouc  load  loading  browser  face 
august 2016 by piperh
will-change - CSS | MDN
mozilla article about the will-change css property
webdesign  web  design  code  coding  css  will-change  property  browser 
august 2016 by piperh
A Guide to Web Components | CSS-Tricks
explanation, with use examples, of Web Components. Also incidentally shows code for a css-only slide show.
webdesign  web  design  components  explanation  example  guide  code  coding  shadow  dom  html  polymer  browser 
july 2016 by piperh
Online Mockup, Wireframe & UI Prototyping Tool · Moqups
online in-browser app for making wireframes, mockups, layouts, UI concepts, prototypes
webdesign  web  design  ui  mockup  layout  page  wireframe  prototype  project  online  browser 
may 2016 by piperh
The 7 Cross-Browser Testing Tools You Need in 2016
roundup of online cross-browser website testing tools available
webdesign  web  design  test  browser  device  testing  online  tools  version  cross-browser 
may 2016 by piperh
Min | A smarter, faster web browser
says its a 'fast and efficient' web browser written entirely in cc and js, available on github
internet  surf  navigate  browser  web 
may 2016 by piperh
Boxy SVG Editor
native svg vector editor, can use in osx (and others) or within chrome
tool  chrome  osx  browser  vector  svg  draw  drawing  edit  editor  graphic  web  design  path  bezier 
april 2016 by piperh
Secure file transfer to any device with a modern browser
neat looking web facility for enabling secure, direct file transfer from one computer/device to another via a browser. Temporary link created which is destroyed on closing the browser tab.
internet  file  transfer  send  receive  browser 
april 2016 by piperh
Emmet LiveStyle — the first bi-directional real-time edit tool for CSS, LESS and SCSS
app to allow live editing of css, changes shown instantly in browser. Generates public URL for local site so as to view it in devices and virtual machine
webdesign  web  design  tool  css  edit  editor  chrome  browser  sublime  plugin 
march 2016 by piperh
Responsive web design tool, CMS, and hosting platform | Webflow
"a web design tool, flat-file CMS, and hosting platform."
browser-based, wysiwyg, no-coding-required, web design tool, but not cheap for the useful features and seems to be tied to their hosting.
Has endorsements from Paul Irish and Chris Coyier
webdesign  web  design  wysiwyg  tool  browser  visual  effects  webdev  draganddrop  drag  drop 
february 2016 by piperh
Browse Happy
site that Miles links to if old browser detected. Shows attractive list of browsers to choose from with download links
webdesign  web  design  browser  update  version  list  modern  download  links 
january 2016 by piperh
How to add HTML5 video fullscreen?
explanation how to code html5 video into html and css
webdesign  web  design  video  html5  syntax  tags  css  code  coding  format  browser  codec  element 
december 2015 by piperh
Native Form Elements
displays native html5 form elements so you can see how browser renders them
webdesign  web  design  form  element  browser  native  html  ui  style 
december 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read