Images often are problematic while we creating web page . Displaying larger image on larger screen is a better for user experience, but displaying large photo on small screen, e.g. on a phone, may unnecessarily delay page loading.
Therefore, a good solution is to “serve” images with different sizes and weight for different screens.
Read More Responsive images in HTML5, using srcsetSometimes we want that picture on page shrinks when browser window shrins. This can be easily achieved by using a short css entry.
Read More Auto resize image to div sizeEvery junior front-end developer should know what hoisting is. This issue can be easily understood, so if you have not heard of it before, you can quickly catch up:
Read More What is hoisting in javascript?Tworząc strony internetowe zdarza się, że chcemy, aby div z określonymi informacjami zajmował całą wysokość okna, niezależnie od wysokości tego okna. Wiadomo, że ustawiając wysokość dziecka na 100% zajmuje ono całą przestrzeń swojego rodzica. Zatem aby div zajmował całą wysokość okna, wszyscy jego rodzice muszą także mieć ustawioną taką wysokość.
When we create websites, we sometimes want to div takes 100% window height, depending on the height of the user’s browser window . It is known that by setting the child’s height to 100%, it takes the entire space of its parent. That’s why if we want to child div takes all window height, we must set all its parents to have 100% height.
Read More How to set div to 100% window height?The problem of centering divs or text is quite common and I often had to spend more time fixing it than I would like. Sometimes the situation is simple and using one of the basic methods, like margin: 0 auto solves the case, and sometimes you have to think a little more. Therefore, below are some useful methods that you can use depending on your needs.
Read More How to center div horizontally and vertically in cssDepending on what you currently want to achieve, you can use several solutions to check if the string contains substring:
Read More How to check if string contains substring in javascriptWe have array [“javascript”, “jest”, “fajny”, 1, 2, 3]. Let’s see what’s happends, if we want to copy it and assign it do variable, and next modify it:
Read More How to copy an array in javascript?By sorting an array of numbers and using the built-in sort() function, you’ll definitely notice that, by default, sorting doesn’t go from smallest to largest, but alphabetically.
Read More How to sort array of numbers in javascript?React Native applications often use two or more navigators at once. At first, I had a problem with the combination of stack navigator and drawer navigator, fortunately I combined them in way, that they work properly and now I can share this knowledge.
Read More Nested StackNavigator inside DrawerNavigator – React Native
