Pebbling Club 🐧🪨

  • HTML Form Validation is heavily underused
    Notes
    HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.
    Unfurl
  • Constraint validation - HTML: HyperText Markup Language | MDN
    Notes
    The creation of web forms has always been a complex task. While marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache. HTML5 introduced new mechanisms for forms: it added new semantic types for the <input> element and constraint validation to ease the work of checking the form content on the client side. Basic, usual constraints can be checked, without the need for JavaScript, by setting new attributes; more complex constraints can be tested using the Constraint Validation API.
    Feed
    Unfurl
  • Resizing Django ImageField with Remote Storage | Hardly Code Blog
    Notes
    Below is example code that allows you to resize images using Django’s models.ImageField and PIL library. Hopefully this saves someone some time as it took me a few hours to come up with a solution.
    Unfurl
  • Lazarus: Restore lost forms with a single click
    Notes
    "Ever had one of those “oh $*#@” moments when you've finally finished filling out a long form, and hit submit only to see an error message? And when you hit the back button, the form was blank... If so, you know you need Lazarus. And if not, you have a chance to install Lazarus before disaster strikes! "
    Unfurl
  • woork: FORM elements design using CSS and list (ul and dl)
    Notes
    "if you want to use pure CSS code instead of HTML table to design your FORM I think this is a good way to do it."
    Unfurl
  • Awesome Form: The Simple, Semantic CSS Form
    Notes
    "Using simple and semantic HTML, this method uses comprehensive CSS to create visually pleasing and extremely accessible web page forms for all purposes."
    Unfurl