Log: How I learned, little by little, Magento 2

This post is in progress. I am updating it daily.
It was started on January 3rd 2017. Not sure when I will finish it

 

Let me start with: I worked with Magento 1 and I am willing to learn Magento 2.
I am learning about Magento 2 + Docker

Day 1: I hate it

Day 2: I will give it a chance. Maybe is not that bad

Day 3: Maybe I was lucky enough to learn Magento 1 from the right developers. I hate Magento 2. It is sooo slow!

Day 4: Learning how to add a new attribute in PDP (Product Details Page)

Day 5: Learning how to change the PDP layout:

  • Lesson 1: Check the admin: do you have the right theme applied?
  • Lesson 2: Did you flush the cache?
  • Lesson 3: Do you have the right layout?
  • Lesson 4: Did you read the Docker docs? Some devs might say that Docker is not for devs, but for devOps [what does devOps stand for?]. How can you work with Magento 2 if you can not set it up? How can you run a command from terminal and not know what it does? You just type commands blindly?

Day 6: in day 2 I should have read (more) about Docker!
Start here: https://docs.docker.com/get-started

Day 7: How do I run multiple projects on the same host without stopping the containers? Need to read about posts!

Log: How I learned, little by little, Magento 2

How to change splashscreen and app icon on Android w/ Ionic

First, Ionic is kind of stupid!
Now let’s make it smarter:
1. go to: /usr/local/lib/node_modules/ionic/node_modules/ionic-app-lib/lib/resources.js
2. change cacheImages property to false
3. remove android platform
4. re-add android platform
5. regenerate resources
Now Ionic is less stupid!

And in config.xml make sure the code is configured as follows:

<icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
<splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
<preference name="SplashScreen" value="screen"/>
How to change splashscreen and app icon on Android w/ Ionic

Images Aspect Ratio and Google Chrome

Google Chrome does not know how to maintain aspect ratio of images if the parent has “display: flex”.

In order to make it work and display the images in a responsive manner, the image must be contained in  another element that has a width/min-width/max-width. Then also set max width and height for the image itself.

Here is a sample:

HTML:

 

 

CSS:

.image-container {
width: 50px;
}

img {
max-width: 50px;
max-height: 150px;
height: auto;
width: auto;
}

Images Aspect Ratio and Google Chrome

Hi, I’m Oana! //Salut, sunt Oana!

Oana – programmer, programmer’s wife and mother of a spoiled kid.

This blog emerged from my desire to  tell others what I do in a normal day (usually at work , but not necessarily), what I’ve discovered, what I learned, what I like, what I dislike what/how I would change things.

I expect that from time to time someone (other than me) would read this blog and even express their oppinion.

//Traducere:

Oana – programator, soție de programator și mamă de copil răsfățat.

Blogul a apărut din dorința mea de a spune și altora ce fac eu într-o zi normală(in general la birou, dar nu neaparat), ce am descoperit, ce am învățat, ce îmi place, ce nu-mi place, ce/cum aș schimba eu lucrurile.

Mă aștept ca din când în când să citească cineva ce scriu poate chiar să își exprime și părerea 🙂

Hi, I’m Oana! //Salut, sunt Oana!