Threads for a_g

  1. 1
    a_g avatar a_g 2 years ago | link | on: Ten modern layouts in one line of CSS

    Nice article, but if you need to animate layout, browsers don’t support animating css grid properties and aspect-ratio doesn’t work in many browsers.

    1. 2
      Blintk avatar Blintk 2 years ago | link

      Yeah this is one quality of life thing that’s still on its way but until then calc works well enough. The perf penalty people talk about isn’t that bad in most cases.

    1. 2
      Sietsebb avatar Sietsebb 3 years ago | link | on: Orchestrating animations with Framer Motion in React.js [Step By Step Tutorial with Examples]

      Who flagged this as spam?! It’s a lovely step-by-step tutorial, perfect for beginners; it took quite a bit of effort to write, by the looks of it; Framer Motion is FOSS; and heavens, even the website is CC-Attr-SA. Thanks for writing and sharing it, Andrej.

      1. 2
        a_g avatar a_g 3 years ago | link

        Thank you. I decided to write that blog post, because there are not many tutorials on Framer Motion and it is great library for implementing animations. I believe the content is useful for beginners and I wish I came across similar blog post when I started with that library.

      1. 3
        wesleyac avatar wesleyac 3 years ago | link | on: How to Create a Link Preview: The Definite Guide [Implementation and Demo Included]

        This should really talk about the privacy side of writing this feature - it’s super hard to get right (what “right” even means depends a lot on your threat model), and if you want to build one of these, you need to know what the privacy implications are. It looks like the linked implementation returns the image url to the client - unless you go out of your way to cache it on the server, linking the image like that will leak details about the user who sees the preview.

        See https://signal.org/blog/i-link-therefore-i-am/ for some thoughtful discussion of this.

        1. 2
          FRIGN avatar FRIGN 3 years ago | link

          Most modern web developers don’t consider these things, which is a huge issue. The notion is to “ship fast, deploy young”, and we are all paying the price.

          Granted, one little link preview won’t break the camel’s back. But given how much of this complexity is used everywhere - hundreds and hundreds of little JavaScript snippets loaded on things as simple as blogs - the disaster is almost comically insurmountable.

          1. 1
            freddyb avatar freddyb 3 years ago | link

            In a web app, it could be actually harmful to trust the client to generate it for every other user (versus in a messenger setting where there’s only one “other”)

            1. 1
              wesleyac avatar wesleyac 3 years ago | link

              Yeah, this is true - possibly the signal blog post isn’t the best thing to link to - for a web app, I’d be more concerned about leaking information about the people who view it (and in order to not do this, you need to think about cacheing the image on the server, etc, which this article doesn’t go into at all). Your threat model depends on your usecase, but I think it’s bad that this article doesn’t talk about privacy at all.

            2. 0
              a_g avatar a_g 3 years ago | link

              You can see this feature in other use-cases than private messages. Anyway, this article is about generating preview data from url, it’s not about building a private messenger.

              1. 1
                wesleyac avatar wesleyac 3 years ago | link

                Sure - in the webapp usecase, it might be bad for the client to generate it, but it’s also bad to have the client directly request the image from the server that’s being linked to, for privacy reasons. You need to think about the threat model for the thing you’re building.

            1. 1
              a_g avatar a_g 3 years ago | link | on: How to Create a Custom Select Dropdown using HTML, CSS and JavaScript

              What are you talking about? There are no ads!

              This comment is ridiculous! If you find a tutorial on web components which doesn’t implement accessibility standards then it’s useless? Please tell me this is an illusion. Apparently, you have never developed MVP’s for startups.

              1. 2
                inactive-user avatar inactive-user 3 years ago | link | on: The Toolkit of a Freelance Full Stack Web Developer

                Unsolicited suggestion :-), but for image optimization there are options that don’t require you to upload the files to some server.

                1. 1
                  a_g avatar a_g 3 years ago | link

                  Thanks! I will test these tools and update the article.