techbubble's comments

On: Use console.log() like a pro (2020)

[techbubble]

You can get the same behavior as console.log() without cluttering up your code by using LogPoints.

https://developer.chrome.com/blog/new-in-devtools-73/

https://developer.mozilla.org/en-US/docs/Tools/Debugger/Set_...

On: Why do so many companies incorporate in Delaware?

[techbubble]

Well, there's also the bit about not having to deal with a long list of fees and onerous requirements like many states have, when all you're trying to do is start a business, build a product and hopefully find some paying customers.

On: Zero click vulnerability in Apple’s macOS Mail

[techbubble]

I find it works very well, so basically everything seems right. Use it for nine accounts concurrently. Rarely have any issues.

On: I made an eInk newspaper

[techbubble]

I really like the concept of eInk, but for that price a regular wall-mounted display plus DAKboard[1] plus electricity will have to suffice.

[1] https://dakboard.com/site

On: Cryptocurrency and NFTs Are Evil

[techbubble]

tl;dr Uninformed rant about the evils of blockchain and crypto-related endeavors

No nuanced analysis of an emergent technology and its growing pains and no mention at all of the benefits of decentralization.

Oh, and the author also fails to point out that there are NFTs which go beyond simply representing ownership. They are used for unlocking premium content, making game assets portable across games, acting as a proxy for real-world assets and many other use cases not yet as high profile as art and sports NFTs.

On: A Beginner's Guide to NFTs

[techbubble]

One oft-overlooked aspect of NFTs is their scarcity and authenticity by virtue of license rights. For instance, NBATopShot moments are desirable because they are licensed by the NBA. So if you were to clone great basketball moments and create an alternate, it would neither be authentic nor legal.

[remram → techbubble]

If NFTs gave you copyright, that would be something. Even owning part of the copyright would be valuable, you (with your co-owner) would be able to decide how that piece gets used, sub-licensed, adapted, and maybe even collect royalty.

Cryptographically-verifyable bragging rights attached to a JPEG don't sound as interesting.

On: Diagram Maker: Open sourcing IoT visualization

[techbubble]

Looks promising, but it's hard to tell without a more full-featured demo.

I'm comparing this to Node-RED [0] which is pretty robust and has a large ecosystem. Ultimately, I think the value in diagramming platforms is not just in the software, but the community around it that creates plugins/extensions for different use-cases.

[0] https://nodered.org/

On: Hal Finney’s proposal for optimizing Bitcoin to be enabled in Bitcoin Core

[techbubble]

Hal's post was so inspiring – thank you for sharing.

The bit about having to finish the documentation was particularly noteworthy. Even when writing code laboriously through eye moment, Hal didn't lose focus of the importance of documentation.

On: Things I wish I’d known about CSS

[techbubble]

"div soup" – I like that.

The present-day CSS frameworks use "class soup."

For example, tailwind (which I like):

  <button class="bg-teal-500 hover:bg-teal-600 focus:outline-none focus:shadow-outline">

[runarberg → techbubble]

This sort of class soup brakes the principal of DRY. Much better to use CSS to style.

    button {
      --background: teal;
      --focus-ring:
        2px 2px 5px skyblue,
        -2px -2px 5px skyblue;

      background: var(--background);
      box-shadow: none;
    }

    button:hover {
      --background: wheat;
    }

    button:focus-visible,
    button:focus:not(:focus-visible) {
      outline: none;
    }

    button:focus-visible {
      box-shadow: var(--focus-ring);
    }

Now you will never forget to add that `hover:bg-teal-600` class to your buttons.

[epicureanideal → techbubble]

I avoid Tailwind-style CSS frameworks. I prefer SCSS and, if needed, mixins. Meaningful class names are much better, IMO.

On: Things I wish I’d known about CSS

[techbubble]

This was a great article and I learned a few new tricks.

I learned CSS over the years by gradually solving problems I encountered building apps. Compare this to people learning CSS now as evidenced by the #100DaysOfCode tag on Twitter. The learning technique is comprised primarily of using gradient-heavy, absolutely positioned HTML elements to create a photo-realistic, 3D rendering of objects.

The results are pretty amazing, but I have my doubts about whether these skills are easily translatable for building an interactive, responsive UI. Some examples:

https://twitter.com/bauervadim/status/1282264611912327169

https://twitter.com/mercyoncode/status/1282449080132804609

https://twitter.com/ellie_html/status/1276177277315932161

https://twitter.com/thecoffeejesus/status/128204582508278169...

https://twitter.com/alyd789/status/1271200537988431873

[umaar → techbubble]

I learnt CSS in a similar way. I'd take Photoshop designs and try to recreate them in vanilla HTML + CSS:

https://jsfiddle.net/umaar/YNA5V/

https://jsfiddle.net/umaar/fu4TT/

I'd even make 3d graphics of things like the HTML5 logo: https://i.imgur.com/kuEYpSV.png

I posted this all to a community called "Forrst" (think of it like twitter, but curated for developers and designers).

I spent time giving feedback on other peoples work, I tried to ask insightful questions https://twitter.com/umaar/status/823915022917271552 to have an open discussion, I spent hours replying to comments every few days.

Then one day, Forrst got acquired by Zurb https://zurb.com/blog/zurb-acquires-forrst and later on it got shut down, and with that, I lost access to huge amounts of my work which I hadn't stored anywhere else (some stuff has been archived online, but not everything).

When it comes to web development tips, I now self-host on my own website and it's a really good feeling knowing that it'll be preserved: https://umaar.com/dev-tips/

[techbubble → umaar]

I like what you have done with the site — very simple and easy to check out the tips. I subscribed.

[umaar → techbubble]

Hey thanks for that appreciate it. Yes not spending time on fancy things/random enhancements let's me actually focus on creating new content.

[disqard → umaar]

I like that you'e carved out a space for yourself -- one that cannot just disappear due to an acquisition followed by a "pivot".

Thank you for making and sharing!

[dwd → techbubble]

Some pseudo elements, a gradient and some transforms and you can do some really cool stuff. Highly recommend learning how to use these effectively:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-...

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-o...

[peruvian → techbubble]

A lot of people make games or fun projects for #100DaysOfCode when their job might be updating a CRUD MVC app using Y framework. I think as long as it puts them in the "coding" mindset it's worthwhile.

[techbubble → peruvian]

I agree with that 100% — if it isn't fun, it's work. And if you build enough knowledge about how CSS works in general, when it comes to implementing specific layout or responsive design techniques you have a good understanding of the basics to build upon.

[cosmodisk → techbubble]

I looked at the one with glass and lemon and I want to cry. It's just crazy how much some people push things. I wonder how long it took though..