#softwaredveloper

Posts tagged on #softwaredveloper

Top Posts Recent Posts

Top Posts

#Flexbox30 Day 12 ✨
.
Here comes the fun part.This is the property that sets alignment along the main axis. In this example, the main axis lies horizontally - which means the flex-direction is set to row.
.
It's probably my most used parent property. You just choose the layout you like and BAM Flexbox automatically does it for you. And it's absolutely responsive. As your grow or shrink the window width, Flexbox will do the behind-the-scene calculation and ensure that layout is maintained. It's like one of those George Foreman grills,

#Flexbox30 Day 12 ✨ . Here comes the fun part.This is the property that sets alignment along the main axis. In this example, the main axis lies horizontally - which means the flex-direction is set to row. . It's probably my most used parent property. You just choose the layout you like and BAM Flexbox automatically does it for you. And it's absolutely responsive. As your grow or shrink the window width, Flexbox will do the behind-the-scene calculation and ensure that layout is maintained. It's like one of those George Foreman grills, "you set it and forget it 🍗" -- this is not a sponsored post 😂 . ➖ ➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖 ➖ ...

#Flexbox30 Day 8 ✨
.
Yesterday we learned about flex and inline-flex. The concept is very similar to block and inline-block. So let’s go over that 👍
.
Very simply explained, block element takes up the entire width of the container. They look like building blocks where each block is stacked on each other. Whereas inline element only takes up the space it needs. So they appear to be in a line, or side by side of each other.
.
➖
➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖
➖.

#Flexbox30 Day 8 ✨ . Yesterday we learned about flex and inline-flex. The concept is very similar to block and inline-block. So let’s go over that 👍 . Very simply explained, block element takes up the entire width of the container. They look like building blocks where each block is stacked on each other. Whereas inline element only takes up the space it needs. So they appear to be in a line, or side by side of each other. . ➖ ➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖 ➖ ...

Code Notes now available 🍎 ✔️ padEnd parameters
✔️ padEnd vs padStart
✔️ Watch out! padEnd with emojis
.
Swipe over to read more 👉
.
Complete code notes | (Link in bio)
.
https://medium.com/@samanthaming/padend-string-method-in-javascript-2e170d5b8bde?sk=379426629902f3aea8cc00f6c7e2cd01.

Code Notes now available 🍎 ✔️ padEnd parameters ✔️ padEnd vs padStart ✔️ Watch out! padEnd with emojis . Swipe over to read more 👉 . Complete code notes | (Link in bio) . https://medium.com/@samanthaming /padend-string-method-in-javascript-2e170d5b8bde?sk=379426629902f3aea8cc00f6c7e2cd01 ...

Code Notes now available 🍎 ✔️ 3 ways to clone objects
✔️ Objects are reference types
✔️ Shallow vs Deep clone
✔️ Object.assign vs Spread
.
Swipe over to read more 👉
.
Complete code notes | (Link in bio)
.
https://medium.com/dailyjs/3-ways-to-clone-objects-in-javascript-22deed66f39d.

Code Notes now available 🍎 ✔️ 3 ways to clone objects ✔️ Objects are reference types ✔️ Shallow vs Deep clone ✔️ Object.assign vs Spread . Swipe over to read more 👉 . Complete code notes | (Link in bio) . https://medium.com/dailyjs/3-ways-to-clone-objects-in-javascript-22deed66f39d ...

Code Notes now available 🍎
.
✔️ How to style elements without content
✔️ What's an empty element?
✔️ Ex. Using :empty in Form Error Message
✔️ Ex. Using :empty in Alerts
.
Swipe over to read more 👉
.
Complete code notes | (Link in bio)
.
https://medium.com/@samanthaming/css-empty-selector-607ac55d4e.

Code Notes now available 🍎 . ✔️ How to style elements without content ✔️ What's an empty element? ✔️ Ex. Using :empty in Form Error Message ✔️ Ex. Using :empty in Alerts . Swipe over to read more 👉 . Complete code notes | (Link in bio) . https://medium.com/@samanthaming /css-empty-selector-607ac55d4e ...

#Flexbox30 Day 18 ✨
.
Remember we had flex-wrap where we allow flex items to wrap on separate lines. Well, with align-content we can control how those row of items are aligned on the cross axis. Since this is only for wrapped items, this property won't have any effect if you only have a singular line of flex items.
.
🚨 CORRECTION: “space-around” and “space-between” need to be swapped 😓
.
➖
➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖
➖.

#Flexbox30 Day 18 ✨ . Remember we had flex-wrap where we allow flex items to wrap on separate lines. Well, with align-content we can control how those row of items are aligned on the cross axis. Since this is only for wrapped items, this property won't have any effect if you only have a singular line of flex items. . 🚨 CORRECTION: “space-around” and “space-between” need to be swapped 😓 . ➖ ➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖 ➖ ...

#Flexbox30 Day 17 ✨
.
Now let's take a look at how our flex items are aligned if the cross axis is sitting horizontally (flex-direction: column).
.
➖
➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖
➖.

#Flexbox30 Day 17 ✨ . Now let's take a look at how our flex items are aligned if the cross axis is sitting horizontally (flex-direction: column). . ➖ ➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖 ➖ ...

#Flexbox30 Day 22 ✨
.
Being able to grow and fill the free space is pretty cool. Because we don't set the final width of our flex item, the size it grows to always seem so random to me. So let's look at the math. Knowing this just gave me a bit more assurance of how flex-grow works and gave me certainty.
.
Honestly you don't need to know this to understand Flexbox. This is an optional knowledge. But if you're a curious bunny like me, you might find the calculation interesting 🤓
.
➖
➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖
➖.

#Flexbox30 Day 22 ✨ . Being able to grow and fill the free space is pretty cool. Because we don't set the final width of our flex item, the size it grows to always seem so random to me. So let's look at the math. Knowing this just gave me a bit more assurance of how flex-grow works and gave me certainty. . Honestly you don't need to know this to understand Flexbox. This is an optional knowledge. But if you're a curious bunny like me, you might find the calculation interesting 🤓 . ➖ ➡️ Follow @samanthaming to learn Flexbox in 30 days! 💖 ➖ ...

#JavaScript -

#JavaScript - "endsWith" 🔚 . Need to know if a string ends with something? Simple, use #ES6 "endsWith" method. You don't even need to be a developer and you can guess what's going on. Making a language more human-readable is definitely the way to go 💪 . 💬 What other ways do you know? . ➖ ➡️➡️ Follow @samanthaming for new JS, HTML, CSS tidbits every week! 🔥🔥🔥 ➖ ...

Most Recent

#BusyTime! Był #Berlin, jest #Sheffield 🇬🇧 Nasi #Metapackers mieli możliwość wzięcia udziału w #AWSImmersionDay na #UniversityOfSheffield! Dużo rozmawialiśmy o rozwiązaniach chmurowych ☁, możliwościach jakie #AWS zapewnia w dziedzinie badań i edukacji 🎓, były też  konkretne case studies 🧐

Skąd się tam wzięliśmy? To wszystko dzięki temu, że w #metapack korzystamy z rozwiązań oferowanych przez @amazon 😉

Chcesz regularnie spotykać się ze specjalistami z firmy #Amazon? #PoznajMetapack i dołącz do naszej ekipy! 💪

#IT #ZielonaGóra #Lubuskie #webdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #code #coder #webprogramming #frontend #frontwebdeveloper #frontenddevelopment #frontenddeveloper.

#BusyTime ! Był #Berlin , jest #Sheffield 🇬🇧 Nasi #Metapackers mieli możliwość wzięcia udziału w #AWSImmersionDay na #UniversityOfSheffield ! Dużo rozmawialiśmy o rozwiązaniach chmurowych ☁, możliwościach jakie #AWS zapewnia w dziedzinie badań i edukacji 🎓, były też konkretne case studies 🧐 Skąd się tam wzięliśmy? To wszystko dzięki temu, że w #metapack korzystamy z rozwiązań oferowanych przez @amazon 😉 Chcesz regularnie spotykać się ze specjalistami z firmy #Amazon ? #PoznajMetapack i dołącz do naszej ekipy! 💪 #IT #ZielonaG óra #Lubuskie #webdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #code #coder #webprogramming #frontend #frontwebdeveloper #frontenddevelopment #frontenddeveloper ...

Getting a lot of inquiries how auto margin works. It operates the same as having a fixed margin. Hope this helps! Swipe over for more info 👉
.
I also updated the series with this info 🤓
.
https://github.com/samanthaming/Flexbox30/blob/master/flexbox-aligning-with-auto-margins/README.md.

Getting a lot of inquiries how auto margin works. It operates the same as having a fixed margin. Hope this helps! Swipe over for more info 👉 . I also updated the series with this info 🤓 . https://github.com/samanthaming/Flexbox30/blob/master/flexbox-aligning-with-auto-margins/README.md ...

W #Metapack mamy dwa sposoby na ciężkie miesiące ostatniego kwartału.

1️⃣ - przygotowujemy się merytorycznie. Właśnie dlatego na początku października nasi inżynierowie odwiedzili #Berlin! #Metapackers wzięli udział w warsztatach, które pomogą usprawnić naszą pracę ⚙️ Po 2️⃣ - stawiamy na integrację! Wiadomo nie od dziś, że w zgranym zespole pracuje się najlepiej i żadna presja nie jest straszna! Druga część warsztatów to aktywny #spacer po centralnym Berlinie! Uczestnicy podzielili się na drużyny i realizowali kolejne zadania  zdobywając punkty! 🎯Dobra zabawa połączona z analitycznym myśleniem 🤔

#PoznajMetaPack #IT #ZielonaGóra #Lubuskie #webdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #code #coder #webprogramming #frontend #frontwebdeveloper #frontenddevelopment #frontendevelopers.

W #Metapack mamy dwa sposoby na ciężkie miesiące ostatniego kwartału. 1️⃣ - przygotowujemy się merytorycznie. Właśnie dlatego na początku października nasi inżynierowie odwiedzili #Berlin ! #Metapackers wzięli udział w warsztatach, które pomogą usprawnić naszą pracę ⚙️ Po 2️⃣ - stawiamy na integrację! Wiadomo nie od dziś, że w zgranym zespole pracuje się najlepiej i żadna presja nie jest straszna! Druga część warsztatów to aktywny #spacer po centralnym Berlinie! Uczestnicy podzielili się na drużyny i realizowali kolejne zadania zdobywając punkty! 🎯Dobra zabawa połączona z analitycznym myśleniem 🤔 #PoznajMetaPack #IT #ZielonaG óra #Lubuskie #webdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #code #coder #webprogramming #frontend #frontwebdeveloper #frontenddevelopment #frontendevelopers ...

‪🎉 Excited to announce that #Flexbox30 is now out!‬
.
You can now binge and download all 30 Flexbox tidbits!
.
Available FREE on GitHub (link in bio)
https://github.com/samanthaming/Flexbox30
.
➖
If you found the series helpful, please tag your friends in the post OR Hit that paper airplane & add it to your story ✈
➖.

‪🎉 Excited to announce that #Flexbox30 is now out!‬ . You can now binge and download all 30 Flexbox tidbits! . Available FREE on GitHub (link in bio) https://github.com/samanthaming/Flexbox30 . ➖ If you found the series helpful, please tag your friends in the post OR Hit that paper airplane & add it to your story ✈ ➖ ...

Me llegaron estas gafas 🤓 de Barner Brand que prometen proteger mi vista de las largas horas que paso frente a un computador. 👩‍💻⁣⁣
⁣⁣⁣
⁣Es primera vez que uso este tipo de producto ¿Será que funcionan o no?⁣🙉⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣:⁣⁣
⁣⁣⁣⁣#codingLife #Code #CodingWithDani #worldcode #girlsintech #womenwhocode #womentechmakers #codingisforgirls #learntocode #womenintech #monetizagram #igersbarcelona #Js #webdeveloper #javascriptdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #codeuniverse #codenewbie #girlswhocode #coding #buildtheweb #webdev #websitedevelopment #webdevelopment #softwareengineer #softwareengineering @dev_girls #dev_girls.

Me llegaron estas gafas 🤓 de Barner Brand que prometen proteger mi vista de las largas horas que paso frente a un computador. 👩‍💻⁣⁣ ⁣⁣⁣ ⁣Es primera vez que uso este tipo de producto ¿Será que funcionan o no?⁣🙉⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣:⁣⁣ ⁣⁣⁣⁣#codingLife #Code #CodingWithDani #worldcode #girlsintech #womenwhocode #womentechmakers #codingisforgirls #learntocode #womenintech #monetizagram #igersbarcelona #Js #webdeveloper #javascriptdeveloper #fullstackdeveloper #softwaredveloper #frontenddeveloper #webdevelopers #codeuniverse #codenewbie #girlswhocode #coding #buildtheweb #webdev #websitedevelopment #webdevelopment #softwareengineer #softwareengineering @dev_girls #dev_girls ...