February 11th, 2022: What did you learn this week?

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.


Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

#todayilearned Follow

Summarize a concept that is new to you.

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

What was your win this week?

Gracie Gregory (she/her) for The DEV Team ・ Feb 11 '22

#discuss #weeklyretro


Comments

[Vaibhav Khulbe]

I learned that dev.to is no longer a PWA? 👀

[Fyodor]

Played with SolidJS this week, a really nice approach to developing front ends.

[Nick Taylor]

That's awesome! 🔥

[Ingo Steinke, web developer]

This week, I learned why Safari, a browser that I had celebrated for early adoption of parent selectors and CSS level 4 colors, is said to be "the new Internet Explorer" and that it's actually worse, because Microsoft at least always let the users install real alternative browsers.

On an iPhone 6 Plus there is no way to get a rendering engine more up to date than iOS 12.5.5 with Safari 12 (AppleWebKit/604) and so I have to use arcane browser hacks and prefixed vendor properties to make a modern website work on a device, that is still working well, despite its outdated browser and despite Apple's planned obsolesence policy.

What a waste of time!

The code below shows just some of the hacks needed to adjust a website using

• apect-ratio
• height: 100vh
• clip-path
• flex-basis
• flex gap

.home__logo:after {
  -webkit-clip-path: inset(0px -15px -15px -15px); 
  clip-path: inset(0px -15px -15px -15px);
}

/* work around mobile safari 100vh height "features" */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 992px) {
    body.is-burgermenu-open {
      height: -webkit-fill-available;
      max-height: -webkit-fill-available;

Sorry for the rant. I'd rather have spent my time for something more productive this week as well!

Besides, I also learned that Gnome Web has a rendering engine similar to AppleWebkit and might be a good way to test macOS Safari experience on a Linux computer.

I also learnend that Opera mini is still quite popular in Africa and that it still works fine on a modern Android phone and has way less rendering problems than the old iOS Safari.

[Nick Taylor]

I know they've been working on it. Check out this thoughtful post from Dave Rupert about it.

Chris Heilmann

@codepo8

👉🏼 “Before I go: When it comes to complaining about web browsers”

🔗 daverupert.com/2022/02/compla…

Absolutely gorgeous piece by @davatron5000 about how to give browser feedback in a way that is constructive and results in change. Thanks!

12:17 PM - 11 Feb 2022

[Ingo Steinke, web developer]

I respect the hard work that browser vendors do! I try to make contructive contributions and bugzilla issues as well. And we definitely owe to @codepo8 for succeeding to launch a new Edge browser to replace Internet Explorer. I also respect Apple's innovative work on the original iPhone and Steve Job's achievements with NeXTSTEP and OSX. What I will never respect is companies intentionally blocking possible progress and open source software.

There are useful mobile browsers, there are different rendering engines, and there used to be alternative browsers using different rendering engines for iPhone users. It's not impossible to build and ship a working mobile browser based on the Gecko engine. Just so that the people who don't agree in Safari's 100vh implementation being a good feature can choose to use Firefox, Vivaldi or any other brother as their default user agent.

Browser developers are working hard, while companies like Apple (and formerly Microsoft, and currently Google as well) trying to use their power against open source software, usability, and sustainability.

Respect to the web browser people!

Read the linked posts and open bug reports if appropriate!

[Tiziano Basile]

I learned:

• how to to marshall/unmarshall a JSON in two different ways without duplicating classes, only using Jackson's annotations (gonna write something on my blog about that).
• how to use two different datasources in a single quarkus project

[Nick Taylor]

Awesome!

[Anton Guinto]

This week I created my own NFT minting website. The project I built came from the knowledge I got from a udemy course + youtube tutorial.

I am new to Web development so I had to learn myself React and Nextjs (which I am learning till now). I badly want to learn web development because I want to join the web3 craze but I came from a mobile app environment.

I also learned more about Solidity in Crypto Zombies they teach you the basics and fundamentals of coding in Solidity etc.

[Nick Taylor]

Nice!

[K]

The Strapi caching libraries aren't really maintained D:

[Nick Taylor]

[🚩 Atul Prajapati 🇮🇳]

Not completed, making a product landing page(funnel website) just for sharpening my responsive web development skills

[Nick Taylor]

[Ben Halpern]

I learned a bunch about GitHub automations from the series by @blackgirlbytes so far. Really looking forward to more.

[Rizèl Scarlett]

yay, I'm glad you were able to learn something. So exciting that you're finding it valuable

[Nick Taylor]

[Ashok]

This week I tried building a React app in which we can generate wallpaper with random color and random font (google web font). It came out well, code available in Github github.com/ashobiz/text-paper.

[Angel Garrigues]

This week I've started to learn NodeJS in order to build an API. It's confusing when implementing a MVC structure but, once it's been started, it seems easier to add new features while having all code separated into views and controllers.

Also I've learned the hard way the importance to build a minimum viable product and then add features by incremental improvements. I tried to do something ahead of my experience and I needed to stop and build again from scratch.

[🚩 Atul Prajapati 🇮🇳]

You can do anything, keep it up