HTML Tips (2020)

Post by chias » Thu, May 06, 2021, 2:53 AM UTC

yummybear wrote: post #4

I want a cachebust="yes" attribute that invalidates an image when it changes, yet never contacts the server when the image is unchanged.

    function auto_version($urlpath) {

        // get a filesystem path
        $fspath = $_SERVER['DOCUMENT_ROOT'] . $urlpath;

        // if file doesn't exist, don't mess with the url
        if (!file_exists($fspath)) {
            return $urlpath;
        }

        // insert last modified timestamp
        $mtime = filemtime($fspath);
        return preg_replace('{\\.([^./]+)$}', ".$mtime.\$1", $urlpath);
    }

    RewriteRule ^(.*)\.[\d]{10}\.(css|js|png)$ $1.$2 [L] 

Post by lmm » Thu, May 06, 2021, 3:10 AM UTC

intergalplan wrote: post #14

theandrewbailey wrote: post #12

> 5. HTML Native Search I've dynamically updated on a site, only to find out that browsers will only show options that strictly begin with whatever you've typed into the . When you want to do Google Search-esque suggestions, that's a problem. I don't know how to override that to force it to show all options.

There's so much stuff in HTML that's almost good enough to replace things we use Javascript for. We should also have had built-in pagination and sorting on tables, like, years ago, with some kind of (optional, if your data aren't all available on the initial page load) back-end spec for how the requests will be shaped and for delivering the data. An awful lot of "AJAX" Javascript use could just be frames and iframes,…

Post by lstamour » Thu, May 06, 2021, 3:11 AM UTC

asddubs wrote: post #23

theandrewbailey wrote: post #12

> 5. HTML Native Search I've dynamically updated on a site, only to find out that browsers will only show options that strictly begin with whatever you've typed into the . When you want to do Google Search-esque suggestions, that's a problem. I don't know how to override that to force it to show all options.

on firefox it finds all phrases containing the entered string

Post by pramodbiligiri » Thu, May 06, 2021, 3:37 AM UTC

lucb1e wrote: post #37

didymospl wrote: post #31

Is there any good 'linear'(with a clear learning path, e.g. course/book, as opposed to MDN) resource to learn modern HTML/CSS? Preferably not one starting at Hello World. The thing is I'm primarily a BE developer but I have to do some front-end tasks every now and then and I often catch myself reinventing the HTML5 wheel.

To build upon this question, more broadly: I'm also someone who's done quite a bit of HTML but it definitely isn't my day job. Finding good info is quite hard whenever I do want to make some site: most of the time I end up on reference pages but they don't give a good overview, whereas beginner's tutorials might have the piece of info I'm missing somewhere on the middle of part 7 (I don't have the patience for that).…

Post by fiddlerwoaroof » Thu, May 06, 2021, 3:49 AM UTC

lmm wrote: post #74

intergalplan wrote: post #14

Earlier quoted context omitted.

There's so much stuff in HTML that's almost good enough to replace things we use Javascript for. We should also have had built-in pagination and sorting on tables, like, years ago, with some kind of (optional, if your data aren't all available on the initial page load) back-end spec for how the requests will be shaped and for delivering the data. An awful lot of "AJAX" Javascript use could just be frames and iframes,…

In Python there's a saying: the standard library is where modules go to die. That effect applies even more so for browser builtins. IMO we would be better off moving most of these things out of the browsers and into some kind of web component standard.