recentpopularlog in

piperh : tooltip   30

simple popover — week 16/52
nice design for popover card on hover, like a tooltip. Uses css and vanilla js
webdesign  web  design  popover  pop  over  css  js  javascript  script  tooltip  hover  popup  card 
may 2019 by piperh
Easy Toggle State
a js library to enable typical ui toggle effects and needs, like dropdowns, accordion, collapsible panel, switch, and more. With code examples and with added ARIA.
They say: Only set a few HTML attributes, and code the rest with your CSS skills.
3.6k compressed
webdesign  web  design  js  javascript  script  library  toggle  dropdown  navigation  button  tooltip  collapse  collapsible  modal  popup  switch  checkbox  radio 
june 2018 by piperh
Tippy.js - Vanilla JS Tooltip and Popover Library
Tippy.js they say: A highly customizable vanilla JS tooltip & popover library
webdesign  web  design  js  javascript  script  tooltip  popover  library  vanilla 
april 2018 by piperh
Patterns - The A11Y Project
very handy code and script library for frequent actions and features: dropdowns, accordions, tabs, toggles, buttons, modals, tooltips and more.
webdesign  web  design  code  coding  js  javascript  script  toggle  modal  button  breadcrumb  aria  accessible  accessibility  pattern  menu  accordion  tab  tooltip  player 
november 2017 by piperh
Balloon.css — CSS tooltips for HTML elements
css-only tooltip code. On touch screen works OK but may not be easy to dismiss tooltip after opening - not clear if the tooltip appears on first touch or second touch - would have to test it.
webdesign  web  design  tooltip  css  hover 
october 2017 by piperh
Frend — A collection of accessible, modern front-end components.
they say: Frend components are modest and dependency-free. Keyboard navigable. Components use js but no external library
webdesign  web  design  code  coding  components  library  accessible  dependency-free  accordion  modal  off-canvas  tabs  tooltip  ui  js  javascript 
june 2016 by piperh
Balloon.css — CSS tooltips for HTML elements
simple css-only library for tooltips, with some limitations (see bottom of page)
webdesign  web  design  css  tooltip  hover 
april 2016 by piperh
Intro.js - Step-by-step guide and feature introduction for your website
nice js to make a step by step guide to something on a web page. Progressively highlights the steps you want to show.
webdesign  web  design  js  javascript  vanilla  step-by-step  highlight  guide  feature  show  help  window  tooltip 
march 2016 by piperh
Components · Formstone
collection of jQuery components. slider, carousel, navigation etc. They don't all work well on touch screen (or even that well on desktop). Check carefully before using.
webdesign  web  design  library  components  jquery  js  script  navigation  carousel  slider  cookie  tooltip 
october 2015 by piperh
html5tooltips.js - Tooltips with smooth 3D animation
a js tooltip with ready-made attributes and colour collection. No jQuery
webdesign  web  design  tooltip  animated  animation  animate  javascript  js 
october 2015 by piperh
Tipper Demo
doesn't work very well on iOS touchscreen. The second tap takes you to top of page. Cannot dismiss the tooltip
jquery  tooltip  webdesign  web  design  script 
june 2014 by piperh
Floatbox - javascript effects library and lightbox clone
this was the js I used previously on Tria site for modal popups. I had version 5.4, now on v6.1.0 (19 Jan 2016).
floatbox  js  javascript  popup  effects  library  slideshow  gallery  fade  script  image  html  webdesign  web  design  multimedia  video  code  coding  enlarge  cycle  thumbnail  hide  show  tooltip  modal  non-modal  i-frame 
september 2012 by piperh

Copy this bookmark:

to read