DEV Community

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

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

Nick Taylor on February 11, 2022

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. ![Yoda woopi...
Collapse
 
ingosteinke profile image
Ingo Steinke, web developer • Edited

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;
Enter fullscreen mode Exit fullscreen mode

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.

Collapse
 
nickytonline profile image
Nick Taylor

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

Loki holding KFC

Collapse
 
ingosteinke profile image
Ingo Steinke, web developer • Edited

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!

Collapse
 
antonvinceguinto profile image
Anton Guinto • Edited

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.

Collapse
 
nickytonline profile image
Nick Taylor

Nice!

A kangaroo playing an electric guitar

Collapse
 
basteez profile image
Tiziano Basile • Edited

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
Collapse
 
nickytonline profile image
Nick Taylor

Awesome!

Hackerman from Kung Fury putting on a Nintendo Power glove

Collapse
 
ben profile image
Ben Halpern

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

Collapse
 
blackgirlbytes profile image
Rizèl Scarlett

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

Collapse
 
nickytonline profile image
Nick Taylor

Amy Poehler being cool

Collapse
 
haamid profile image
Hamid Haghdoost • Edited

I learned to work with Nginx on Docker and config fastCGI for php-fpm :) Docker and Nginx official websites was good reference + @techworld_with_nana 's Youtube channel.

Collapse
 
nickytonline profile image
Nick Taylor

Lego astronaut saying awesome!

Collapse
 
ryannerd profile image
Ryan Jentzsch
  • Played around with using Base instead of ReactBootstrap which I typically use and found Base a bit more lightweight and just as easy to use.
  • I've been using React 18RC and found it to be quite stable.
  • Finally figured out how to configure Nginx so that I could host two separate React apps off the same domain with the main app at mydomain.com and the other app at mydomain.com/secondapp
Collapse
 
nickytonline profile image
Nick Taylor

Jean-Luc Picard from Star Trek TNG saying Well done!

Collapse
 
teaglebuilt profile image
dillan teagle

I have been using swagger for quite awhile, using fastapi, or connecting the swagger UI to other api's. Although, I have never actually used swagger to generate neither the server or the client code.

I always heard about it, but never took the time to try it or even really consider it.
I work with the CEO and apparently he is well aware about using this and has a solid plan in place for how to quickly spin up the API's in this way.

So that is what I learned, instead of writing APIs from scratch, generate the code, and if anything, build a solution that quickly integrates the models.

Collapse
 
nickytonline profile image
Nick Taylor

Kirk and Bones nodding to each other in Star Trek

Collapse
 
arunkc profile image
Arun K C

Brushed up HTML, CSS and JavaScript and built a small game use these. Check it out here. Would be great if you could give some feedbacks.
Learning by doing projects is so awesome!! ❤️

Collapse
 
nickytonline profile image
Nick Taylor

Chow Yun-fat giving a thumbs up

Collapse
 
mrsharm profile image
Mukund Raghav Sharma (Moko) • Edited
  • Started this playlist about Virtual Memory that I will write notes for here
  • Reading a white paper on Disruptor, a high performance bounded queue for concurrent exchanges and writing about it here.
  • Started reading Company of One - Paul Jarvis.
  • Started exploring gc.cpp by doing a code analysis via a jupyter notebook that can be found here.
  • Understood how the Counter abstraction works in python.
  • Working on diffing two ETW traces and analyzing scores based on the diffs in terms of garbage collection.
  • Started re-reading Sharon Lebell's Art of Living, an amazing take on Epictetus' work.
Collapse
 
nickytonline profile image
Nick Taylor

Yeah!

A T-Rex saying Yeah!

Collapse
 
mccurcio profile image
Matt Curcio

Hey Nick,
I started my own 100 Days of Data Science last week. And I realized that coming up with good ideas is tough. ;^)

Do you recommend placing something on Dev.to every day (even when it is small, like just reading...) or when I come up with a finished product, like an article?

P.S. I plan to write/add notes on the blog daily. ;))

Collapse
 
nickytonline profile image
Nick Taylor

Ben Stiller in Starsky and Hutch saying "Do it"

I say start writing. Not a big deal if they're short posts. You can create a series too if you want. There's a cog icon near the save draft/publish post button where you can set the series.

Collapse
 
fyodorio profile image
Fyodor

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

Collapse
 
nickytonline profile image
Nick Taylor

That's awesome! 🔥

Yes, that's awesome!

Collapse
 
kayis profile image
K

The Strapi caching libraries aren't really maintained D:

Collapse
 
nickytonline profile image
Nick Taylor

Dog slipping ice and sliding on their belly

Collapse
 
juniordevforlife profile image
Jason F

I started looking in to BEM and am refactoring a personal project using the methodology. I plan on writing an article on my experience afterwards.

Collapse
 
nickytonline profile image
Nick Taylor

Bobby Moynahan character from SNL saying awesome!

Collapse
 
cem_coduroglu profile image
Cem coduroglu

I learned Bootstraps on CSS and want to do my first main page 😁 when im finishing some pages i wanna start with JavaScript. But first need to well learned in HTML and CSS

Collapse
 
nickytonline profile image
Nick Taylor

Nice!

Nice

Collapse
 
cerchie profile image
Lucia Cerchie

I learned to squash and merge and use conventional-ish commit messages!

Collapse
 
nickytonline profile image
Nick Taylor

Jack Nicholson nodding yes

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

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

Coding

Collapse
 
nickytonline profile image
Nick Taylor

Stephen Colbert saying Awesome Sauce

Collapse
 
angelgrcom profile image
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.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

You can do anything, keep it up

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

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

Collapse
 
ashobiz profile image
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.