A collection of programming & webdesign

Using favicons for your website or web application is a nice and handy thing. 

  1. Search the internet for a favicon generator
  2. Add your image and let it create you a bundle of favicons
... read more
Theme Color

To adjust the theme color of your website on a mobile phone, just add the following meta tag to your HTML <head>:

 <meta name="theme-color" content="#000000"> 

The color given in “content” will be used as theme color of your website.

SVG polygons

Create beautiful backgrounds or forms you need with the <svg> tag using the viewBox:

viewBox values: “ min-width min-height width height ”

<svg viewBox="0 0 2000 280" preserveAspectRatio="none" width="100%" height="280">
   <polygon points="0,280 2000,280 2000,20"
            style="fill:#f9f0e6; opacity: .65"/>
Checkbox or radio button with clickable label

To make the label of a checkbox or radio button clickable, you can either -

  • Wrap a <label> tag around the input:
     <label><input type="checkbox" name="checkbox" value="value">some text</label> 

  • Use the id of the input field and make it match the for attribute of the label, like so:
     <input type="checkbox" name="checkbox" id="checkbox_id" value="value"> 
     <label for="checkbox_id">some text</label>