recentpopularlog in

piperh : hidden   26

Toggle Visibility When Hiding Elements | CSS-Tricks
article about accessible methods for hiding content. Useful table of accessibility of differents states
webdesign  web  design  css  hide  hidden  visibility  hiding  elements  accessible  accessibility  aria  screen  reader 
4 weeks ago by piperh
See No Evil: Hidden Content and Accessibility - Cloud Four
article about hiding content in different contexts, with accessibility and screen readers in mind
webdesign  web  design  hidden  content  aria  accessibility  accessible  attribute  hiding 
march 2019 by piperh
What’s New in HTML 5.2?
interesting summary of new and deprecated features in html 5.2 (from early 2018)
webdesign  web  design  html  html5.2  5.2  features  dialog  main  hidden  style  css  inline  p  children  valid  invalid  strict 
january 2019 by piperh
Know your ARIA: 'Hidden' vs 'None' |
author says: A primer on appropriately using aria-hidden='true' and role='none/presentation'. They each do very different things to elements, but their purposes are sometimes confused by developers.
webdesign  web  design  accessibility  aria  css  hidden  html 
june 2018 by piperh
Maintaining Accessibility in a Responsive World | Filament Group, Inc., Boston, MA
Filament Group article about coding accessible toggle button for visually hidden content (eg, a nav menu)
webdesign  web  design  toggle  menu  nav  responsive  accessible  accessibility  hidden  visually 
january 2018 by piperh
the new code – Better Links for Printed Web Pages with JavaScript
article about, and code for, printing link url's as footnotes only if printing hard copy. Also links to technique for making hidden links print next to link text on hard copies, though of course it changes the text flow.
webdesign  web  design  code  coding  print  link  url  hard  copy  hidden  js  javascript  script  css 
may 2017 by piperh
Completely CSS: Progressively Collapsing Navigation | Kenan Yusuf
example of a menu with progressively hidden items using only css.
'More' always shows so you must always have at least 1 hidden item otherwise it's confusing
webdesign  web  design  navigation  menu  flexbox  css  nav  responsive  hide  hidden  progressively  example 
july 2016 by piperh
That One Privacy Guy's VPN Comparison Chart
comparison table of VPN providers. Very technical, badly designed table, difficult to use.
internet  privacy  vpn  provider  security  comparison  bbc  connection  connect  uk  hide  hidden 
april 2016 by piperh
visibility experiments
codepen showing a poss use of visibility and a button. BUT NOTE - there's some vanilla js that implentents toggle ! Could this be used without jQuery? Would be great
webdesign  web  design  toggle  javascript  js  visibility  visible  hidden  css  html 
january 2016 by piperh
Google no longer indexing content in onLoad hidden sections? - Google SEO News and Discussion forum at WebmasterWorld - WebmasterWorld
webmasterworld forum discussion page about search results for text which is initially hidden but is present within html
webdesign  web  design  text  google  ranking  seo  toggle  toggled  search  serp  hidden  index 
november 2015 by piperh
Flaunt JS, stylish responsive navigations with nested click to reveal by @toddmotto |
jquery toggle type responsive menu solution. No way to dismiss open dropdown on touch screen. Also, with toggle open, if you open one dropdown then opening another doesn't close the first. And Todd looks suspiciously young
webdesign  web  design  responsive  menu  toggle  submenu  dropdown  hidden 
august 2014 by piperh
SelectNav.js - responsive drop-down menu - pure JavaScript
at narrow screens menu becomes a Select list. Could be useful but not pretty - depends on browser defaults for style of Select button and popup list
webdesign  web  design  responsive  hidden  menu  slider  toggle  javascript 
march 2014 by piperh
Steal These Responsive Navigation Menu Ideas | Moboom
summary of hidden menu techniques for responsive. No code or tutorials, just a resumé of types with some discussion of advantages/disadvantages
responsive  webdesign  web  design  hidden  menu  toggle  summary  resume  techniques 
march 2014 by piperh

Copy this bookmark:

to read