recentpopularlog in

piperh : tag   17

GitHub - github/details-menu-element: A menu opened with a <details> button.
using <details> and <summary> html tags to open a menu of radio buttons. The selected text then appears in the <detail> text when the menu is collapsed.
Could be handy sometime
webdesign  web  design  js  javascript  script  html  detail  summary  button  radio  tag 
march 2019 by piperh
Did you know that style and script tags can be set to display: block? | CSS-Tricks
Amazing fact: you can set the style tag to display :block; and, if it's in the html, then it will display. You could do same with 'script' tags.
Also shows use of contenteditable, which I didn't know about. Makes content editable on the browser page! Not sure why/when you'd need it, but it should be in my knowledge bank bit of the brain!
webdesign  web  design  css  style  tag  display  block  contenteditable  webdev 
january 2019 by piperh
Meta Tags — Preview, Edit and Generate
they say: With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Tool for generating meta tags
webdesign  web  design  webdev  development  meta  tag  generator  twitter  google  facebook  seo  tool 
january 2019 by piperh
Don’t Use The Placeholder Attribute — Smashing Magazine
intro says: The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.
Quite convincing argument. He says put descrip text in between label and input
webdesign  web  design  placeholder  label  tag  html  code  coding  attribute  form  input 
june 2018 by piperh
Conditional Tags - Perch CMS documentation
Perch documentation about conditional tags - eg, will not output any html if content is empty. Avoids outputting empty tags to the html
webdesign  web  design  perch  conditional  tag  output  if  else  every  html 
december 2016 by piperh
help - Perch CMS documentation
In addition to using the help attribute you can also use the perch:help tags to display a help section at the top of your page. You can put any kind of content in between these tags – including html – so you could add a screenshot or even a video.
webdesign  web  design  perch  help  tag  attribute  section  interface  editor  cms  text  html 
december 2016 by piperh
Compressive images in Perch - Perch CMS documentation
Perch docs page explaining image tags to use to generate compressive images
webdesign  web  design  cms  perch  image  compressive  responsive  tag  density  quality  sharpen  examples  howto  template 
december 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
Considerations for styling the < pre > tag - The Media Temple Blog
article all about the pre tag, the defaults, and how to style it better
webdesign  web  design  css  pre  code  pre-formatted  white-space  wrap  coding  style  tag  format  default  howto  html  space  collapse 
june 2016 by piperh
Do You Know These Eight HTML5 Tags?
article about some little known, little used, html tags.
<q> could be handy. Also <optgroup> to organise select dropdown list. Also <datalist> maybe in the future though seems buggy at present (march 2016)
webdesign  web  design  html  tag  reference 
march 2016 by piperh
How to Use ARIA Effectively with HTML5
readable and easily understandable piece about adding aria attributes and semantic tags to html. Easy to execute stuff and worthwhile
webdesign  web  design  aria  accessibility  html  accessible  webdev  roles  attribute  semantic  tag  role  presentation 
march 2016 by piperh
HTML Forms and Input
name="input" action="html_form_action.asp" method="get"
webdesign  web  design  webdev  html  form  forms  tag  style  input  radio  checkbox  field  reference  code  coding 
february 2014 by piperh

Copy this bookmark:





to read