tricks   24640

« earlier    

Usability: Clickable heading links
The folks at code.google.com have the - in my eyes - best solution to the problem: When moving the mouse over a heading, a ¶ is shown after it. It is linked, and you can click it or copy it's link easily. Try it.

How to implement it​

Within the h[1-6] tag, a link to this very heading is added - without any textual content, to make it invisible when the page loads and the CSS is not there yet:

<h1 id="hexdump">hexdump<a class="anchorlink" href="#hexdump"></a></h1>
Via CSS, the pilcrow is shown as :before the link:

h1[id]:hover a.anchorlink:before {
content: "\00B6";/* pilcrow */
}
That's basically everything you need.

Styling​

I styled the link and the alinea a bit, so that in the end my CSS looks like:

/* show IDs for anchors */
h1[id]:hover a.anchorlink:before,
h2[id]:hover a.anchorlink:before,
h3[id]:hover a.anchorlink:before,
h4[id]:hover a.anchorlink:before,
h5[id]:hover a.anchorlink:before,
h6[id]:hover a.anchorlink:before {
content: "\00B6";/* pilcrow */
color: #888;
font-size: smaller;
}
a.anchorlink {
text-decoration: none;
margin-left: 0.5em;
font-size: smaller;
ux  code  css  tricks  usability 
4 days ago by rmohns
MiniTool Partition Wizard | Best Partition Magic Alternative for Windows PC and Server
This might be useful for increasing system reserved partition size, which sometimes blocks major windows updates, especially on UEFI systems
windows  disk  partion  management  sysadmin  tools  utilities  tips  tricks  move  resize  convert 
5 days ago by asteroza
Exploring C++ types with `puts(__PRETTY_FUNCTION__)` – Arthur O'Dwyer – Stuff mostly about C++
Today on Slack I noticed that some people still don’t know this one, so it should be shared more widely.
c++  type_inference  ergonomics  types  tricks  programming_language_experience 
7 days ago by jbkcc
Learn these neat JavaScript tricks in less than 5 minutes
Want some neat JavaScript tips and tricks? Learn these in less than 5 minutes, by @alcidesqueiroz
nov18  es6  javascript  tips  tricks 
11 days ago by payne

« earlier    

related tags

&  1  10  1:  1password  1st  2  2017  24  2nd  7  @  a  access  address  adobe  advice  agent  alignment  and  android  ansible  antivirus  appletv  article  attack  automation  aws  azure  backup  balance  bash  become  best  blindingly_useful  block  blocking  blood  bootable  border  brew  burst  bypass  c++  capacity  careers  caster  certification  check  chromecast  cka  cleaning  cleanup  clear  cli  clothes  cloud  cluster  coat  code  coder  coding  coinminers  comand  commandline  config  configuration  conspiracy  container  containers  control  convert  converter  corner  css  data  databases  debug  debugging  defender  design  development  devops  discussion  disk  display  diy  dns  dock  docker  documentation  don’t  download  droid  dump  dyi  dynamic  e2018  e26  efk  engineering  enrollment  entropy  eoktober  ergonomics  es6  esxi  examples  fake  fall  filesystem  finder  firewall  first  fix  flange  flash  fluentd  food  for  formatting  forward  fpm  gcloud  generator  get  git  github  go  golang  google  guide  guides  guiding_tech  hacking  hacks  happiness  hausfrau  hex  hexdump  hidden  hill  home  hotelwifi  hotfix  how_we_live  howto  hyper-v  iam  ibm  image  impersonate  inspect  inspiration  installers  integration  ios  ios12  ip  iptables  iscsi  it.  javascript  jonah  k8s  keychain  keyring  keys  kubernetes  laptops  lastpass  latency  life  line  linux  list  log  logging  logic  mac  macos  mailchimp  management  manager  managers  master  matching  messaging  methods  money.  monitor  monitoring  move  mp3  mpio  multimonitor  munging  mustknow  neat  needsediting  nested  netcat  network  networking  new  nov18  ntfs  nvidia  od  on  openshift  opensource  operating  optimization  osx  panics  parser  part  partion  password  passwords  patch  pcmag  pentesting  performance  php  phpunit  plus  powershell  practice  practices  practise  productivity  programmer  programming  programming_language_experience  psychology  qualities  qubes  query  questionable  rails  recipes  reduction  reference  repair  repo  reservation  reset  resize  return  reverse  rhel  roku  rollup  root  roundrobin  rpm  rsyslog  ruby  rule  sabotage  san  sanding  screen  script  scripting  scripts  scrollbars  scsi  search  security  service  sessions  setup  shapes  sheets  shield  shortcut  shortcuts  sidekiq  size  sketch-app  smart-bulbs  smart-home  smart-lights  sms  snippets  software  softweare  sound  spend  split  sql  ssh-agent  ssh  stacks  storage  stores  streaming  styling  success  suljic  sunny  surface  sysadmin  system  talks  tech  tensorflow  test  testing  text  the  theming  these  tile  tiling  tip  tips  tmux  to  toilet  tools  travel  trick  truncate_file  tuning  tv  type_inference  types  ulmfit  unix  unused  update  upgrade  usability  usb  use  users  utilies  utilities  ux  v2v  video  videos  virtualization  vmdk  vmfs  vmware  vsan  webdesign  wet  window  windows  with  wordpress  work  workarounds  xxd  you  youtube  z-index  |   

Copy this bookmark:



description:


tags: