<figure><img alt="San Francisco Palace of Fine Arts by @mgechev" src="https://cdn-images-1.medium.com/max/1024/1*gEO2PA3_041rFRPf8270rw.jpeg" /><figcaption>San Francisco Palace of Fine Arts by @mgechev</figcaption></figure>This month we introduce a new blog series, ‘Modern CSS in Angular’, where we’ll take a look at modern CSS enhancements recommended for Angular developers.This week, we tackle layouts.<blockquote>Layout has made significant advancements since Angular’s early days. Based on advancements to native layout solutions and <a href="https://angular.io/guide/browser-support">removal of support for IE11</a>, the Angular team will stop publishing new releases of the experimental @angular/flex-layout library starting in v15.</blockquote>@angular/flex-layout is a hybrid JavaScript and CSS layout system that has remained in beta in the Angular organization since v5. During that time, CSS has evolved dramatically, offering new approaches for buildin

Modern CSS in Angular: Layouts. You can see a Flexbox in Angular demo here:We recommend CSS Tricks: A Complete Guide to Flexbox to get started learning Flexbox

Angular Blog - Medium

Sign upSign inSign upSign inSamir SaciFollowTowards Data Science--ListenShareSustainable sourcing is the process of integrating social, ethical and environmental performance factors when selecting suppliers.This includes assessing and evaluating suppliers based on sustainability criteria such as health and safety, environmental impacts or labour rights.The aim is to minimize the negative impacts on the environment and maximize the positive social impacts.As a Data Science Manager, can you develop tools to streamline the process of supplier selection?Supply Chain Network design tools automatically select the best suppliers that minimize costs and meet the market demand while respecting constraints defined by your sustainability team.In this article, we will explore how you can use data science in your organization to support the implementation of sustainable sourcing.Let us take the example used in the previous articles about Life Cycle Assessment.You are the Data Science Manager of an international clothing group that has stores all around the world.The company sources garments, bags, and accessories from suppliers located in Asia.Stores are delivered from local warehouses that are directly replenished by suppliers.Can you automatically select suppliers that minimize your costs while respecting environmental and social constraints?The sourcing team has decided to implement sustainable sourcing on the limited scope of T-shirt suppliers.They want to review their supplier selection process to support the company’s sustainability roadmap.However, they are facing several obstaclesTherefore, they request your help deploying a product to monitor suppliers’ KPIs and automate the selection.Let’s see how data analytics can answer this problem.I will use a simple example with a limited range of indicators for this article.We can quickly review them to understand their definition and how to measure them.Carbon emissionsThe primary indicator that will drive your sustainability roadmap is the carbon footprint of the supply chain.This can be measured by calculating the total emissions of greenhouse gases such as carbon dioxide, methane and nitrous oxide.💡 What should we consider?The first two metrics should be collected from the suppliers, but your team can calculate the third one.The formula is quite straightforwardThe data sources areIf you need more information, I have detailed the process in this articletowardsdatascience.comEnergy consumptionAnother indicator is the amount of energy consumed by the supplier to produce and deliver products.It can be expressed in Joules used per production unit (called functional units in the Life Cycle Assessment Methodology).💡 What should we consider?The sourcing team should collect this metric.Water usageAs it becomes a scarce resource, new regulations are pushing companies to redesign their processes for water consumption reduction.With this indicator, you can focus on suppliers that do not affect the local water supply.💡 What should we consider?Waste generationMeasuring the amount of waste generated during production can help identify areas for adopting more sustainable production methods.💡 What should we consider?Social indicatorsThese indicators assess suppliers’ performance in terms of social sustainability.You can conduct your own audits or use third-party assessments.💡 How to Measure it?Your sourcing team assigns a weight to each criterion in the scorecard below.The auditors calculate a score linked to each criterion to represent the supplier’s performance.The total score is a pondered average of the scores that provide a general supplier assessment.The first support you can provide to your sourcing team is to streamline the data collection and storage process using data analytics tools.A data lake can be a central source of unstructured and structured data (databases, excel files, …).You can implement automated pipelines to extract, process and analyze these data to build reports and provide insights.This can lead to the implementation of data products that can be used for reporting and the optimization models I will present in the next section.For more information on the best practices and methodologies to automate this exercise, look at this article about Life Cycle Assessment.towardsdatascience.comWe can use this data to drive decisions now that we have collected information about suppliers and performed audits with scoring.The sourcing team’s main obstacle was the problem’s complexity considering the number of different metrics and suppliers.They use Excel files with limited automation; this restrains their processing capacity.Therefore, the idea is to use advanced analytics to automatically design sourcing and logistics networks to deliver your stores.I will use an example with dummy data to understand how to implement a data-driven methodology to select suppliers considering environmental factors.You want to redefine the Supply Chain Network of your fast fashion retail company for the next five years.You have stores in 5 different markets worldwide (USA, Germany, Japan, India and Brazil).In each market, you can select a supplier to produce your t-shirts and choose to source from abroad.You would like to select the right set of suppliers to minimize the cost of production and delivery considering.Your overseas suppliers are cheaper, but you must pay high freight costs to deliver to your market with higher CO2 emissions for transportation.Moreover, the sustainability team has implemented constraints on maximum environmental impact per T-shirt produced including water usage, CO2 emissions, energy usage and waste generated.The sourcing team needs linear programming support to manage these complex tradeoffs and decide which suppliers to select.Let me illustrate my point with the example below, in which I will gradually add environmental constraints to see the impact on the footprint.If you define the objective function to minimize the costs without additional constraints, you can easily guess that it will maximize the volume produced in India and Brazil.💡 InsightsWhat if we want to add sustainability constraints?As your company implements a sustainability roadmap, you must add additional constraints limiting the environmental impact per T-shirt produced and delivered.Therefore, your procurement team has contacted local suppliers in your predominant markets (USA, Japan).What would be the impact on your sourcing network?We can start by adding constraints on the average energy and water consumption per unit produced.Your suppliers in Germany and Japan heavily invested in modern equipment to reduce the environmental impact of their operations.💡 InsightsWhat if we add CO2 emissions constraints?Transportation accounts for a considerable part of the CO2 footprint of your Supply Chain.Therefore, you would like to reduce the impact of upstream flows by limiting the CO2 emissions of💡 InsightsWith this simple exercise, you can get the potential of these solutions to accelerate the decision-making process by testing several scenarios.If you want to try it yourself, I have deployed this solution in a web application hosted on the VIKTOR platform.You can upload your dataset or use the sample available in the app to test different scenarios.For more details about this solution, have a look at this article published on Towards Data Science.towardsdatascience.comWhen implementing a green transformation, companies face many challenges related to change management and complex decision-making processes.As a data analytics professional, you can support this transformation by facilitating data collection and partially automating decision-making using optimization models.Sourcing teams can easily add constraints in their supplier selection process to follow the guidance of the sustainability team.By showing the financial impact of each scenario, you facilitate the decision-making process by highlighting the balance between sustainability and cost efficiency.These results can trigger strategic discussions to find the right balance between sustainable sourcing and cost reduction.Let’s connect on Linkedin and Twitter; I am a Supply Chain Engineer using data analytics to improve logistics operations and reduce costs.If interested in Data Analytics and Supply Chain, look at my website.samirsaci.com💡 Follow me on Medium for more articles related to 🏭 Supply Chain Analytics, 🌳 Sustainability and 🕜 Productivity.----Towards Data ScienceTop Supply Chain Analytics Writer — Follow my journey using Data Science for Supply Chain Sustainability 🌳 and Productivity ⌛HelpStatusAboutCareersBlogPrivacyTermsText to speechTeams

Data Science for Sustainable Sourcing. The first support you can provide to your sourcing team is to streamline the data collection and storage process using data analytics tools

Towards Data Science - Medium

Data Science for Sustainable Sourcing

Posted on Mar 7                      • Originally published at eevis.codes                   You might have heard that your app should have a dark theme available. Some say it's because of preference, but it's actually also an accessibility thing.This blog post itself doesn't have the code to enable dark and light themes for the user. Instead, it explains why having both of them is essential and provides further reading on the topic — yes, with links to some code and instructions as well.  Many people use everything they can in a dark theme. After all, staring at screens for a long time might be easier if the user interface uses darker colors. Using a dark theme instead of a light one also saves some battery. However, many people choose to use the dark theme because it is more accessible for them. For example, some vision issues might cause discomfort because of light or even wash out the rest of the person's vision. A white (or similar) background behind the text can cause these issues. Another reason is that dark themes often have better contrast (if they're designed properly). Now, if the dark theme is so great, why not just have the dark theme for the app and forget about the light theme? While dark theme is more accessible for many, some people benefit from light theme. For example, people with astigmatism may find light theme more accessible, and people with dyslexia might prefer light mode for readability. For reference, see, for example, this article: Dark mode: How accessible design raises the bar - Layth SihanLuckily, defining light and dark themes in modern Android development is straightforward. Let's discuss the technical considerations of light and dark themes next. Starting from Android 10 (SDK 29), there is a system setting for switching between dark and light modes. If you define your themes correctly, your app will respect that system-wide setting by default. To define a dark theme for your app using themes from XML files, follow the instructions in Android documentation: Implement dark theme. For apps using Jetpack Compose, the instructions are in Material Design 3 in Compose - Color scheme. A handy tool for generating themes is Material Theme Builder, a web tool for defining themes. You can use the web UI to define the colors and then export the theme and the color definitions to import to your project. It provides exports for both Compose and XML, as well as for Flutter, web, and Material Tokens. If you want to give the user more granular control and select the theme for your app different from the system setting, here's an article with a tutorial on how to do that with Jetpack Compose: Dark Theme Switch in Jetpack Compose with CompositionLocal - Sibel NalopI mentioned that dark themes might have better contrast if they're designed properly. So, when defining your theme colors for both light and dark themes, check for enough contrast between the background, texts, and other UI elements. The Material Design docs explain color contrast: Material Design 3: Accessible design—Color & Contrast.In this blog post, I've discussed the accessibility of dark and light themes. As neither is the most accessible choice for all users, you should design and develop your apps to have both. They should either respect the user's system settings or have an in-app setting for switching between the themes.Which do you personally prefer, the light or the dark theme? Do you select them app-by-app (if possible) or use the system-wide setting? And do you implement both for the apps you develop? Templates let you quickly answer FAQs or store snippets for re-use.        Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.      Hide child comments as well                  Confirm              For further actions, you may consider blocking this person and/or reporting abuse              Audu Ephraim - Jan 26                          Ray - Jan 26                          RippleTech - Feb 23                          Christopher Alves - Feb 21                  DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.    Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024.          We're a place where coders share, stay up-to-date and grow their careers.

Why Your App Should Have Both Dark And Light Themes. As neither is the most accessible choice for all users, you should design and develop your apps to have both.

DEV Community

Why Your App Should Have Both Dark And Light Themes

Have you seen a tweet from Grimes making fun of her former partner, Elon Musk, for saying that wealthy ex-wives are destroying Western civilization? The Grimes tweet is fake. The musician didn’t actually poke fun at Musk over the comment. The Musk tweet, on the other hand, is completely real.“’Super rich ex-wives who hate their former spouse’ should filed be listed among ‘Reasons that Western Civilization died,’” the billionaire SpaceX CEO tweeted on Wednesday.Musk’s very real tweet was a response to a user on X who was criticizing MacKenzie Scott, the ex-wife of Amazon founder Jeff Bezos, over the kinds of organizations to which she donates her money. Scott has given away at least $16 billion since her divorce. But the groups she’s giving to are apparently too woke, in this particular person’s opinion.And that’s when Musk, a billionaire who’s been married three times, chimed in to give his two cents about how wealthy ex-wives are somehow destroying civilization. Musk didn’t elaborate on how that could be possible, but we digress. All of this is the background necessary to understand the fake Grimes tweet that’s currently going viral.“Is the ex-wife destroying Western Civilization in the room with us right now?” the snarky fake tweet from Grimes reads.Musk is the father of at least two children with Grimes, who is often used as a foil in photoshopped jokes about the billionaire. But this one isn’t a real tweet from the musician.Who created this fake tweet to make it look like it was sent by Grimes? That appears to be an X account with the name Trap Queen Enthusiast and the handle @marionumber4. Gizmodo confirmed with the creator they indeed conjured this joke into existence on Wednesday, and it seems to be taking on a life of its own, as memes have been known to do.You can even find the fake tweet on Bluesky, a competitor to X, where people there also believe it’s real.“Better men have deleted their accounts and retired from the internet after burns half as severe as that,” one Bluesky user said late Wednesday.And just in case you didn’t think the chain of custody on this fake tweet wasn’t complex enough, another fake screenshot of the Grimes tweet has been created to make it look like a Community Note has been added.“While she did bear multiple of Elon’s children, Grimes was never technically married to Elon. Elon’s only real ex-wife is merely kinda rich,” the fake Community Note reads.And that’s how these things spread. A joke that most people within a small online circle fully understand as a joke will break containment, spreading across the internet and even jumping to other social media sites. And then people are left to wonder whether it’s real or not—be it Mike Lindell supposedly driving drunk or an adorable croissant in the shape of a dinosaur. Checking the official Grimes X account won’t answer the mystery either, as it’s not there and anyone who’s asked can only respond that maybe she deleted it. Well, we’re here to tell you this one is fake because we confirmed it with the creator. But, again, we can’t stress enough that Musk’s bizarre tweet about ex-wives destroying Western civilization is very real. He really is just a very strange dude.

No, Grimes Didn't Make Fun of Elon Musk for Saying Rich Ex-Wives Have Destroyed Civilization. You can even find the fake tweet on Bluesky, a competitor to X, where people there also believe it’s real.“Better men have deleted their accounts and retired from the internet after burns half as severe as that,” one Bluesky user said late Wednesday

Gizmodo

No, Grimes Didn't Make Fun of Elon Musk for Saying Rich Ex-Wives Have Destroyed Civilization

Posted on Mar 7 Hello my beginner frontend developers, today i will be showing Javascript string methods in 2 different categories - Important and rarely used.Let's get started...Which method according to you is more or less important in a real world project?THANK YOU FOR CHECKING THIS POSTYou can contact me on -Instagram - https://www.instagram.com/supremacism__shubh/LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/Email - shubhmtiwri00@gmail.comYou can help me with some donation at the link below Thank you👇👇☕ --> https://www.buymeacoffee.com/waaduheck <--Also check these posts as wellTemplates let you quickly answer FAQs or store snippets for re-use. Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink. Hide child comments as well Confirm For further actions, you may consider blocking this person and/or reporting abuse Julia 👩🏻‍💻 GDE - Feb 18 Siddhartha Mishra - Feb 18 Adrian Sandu - Feb 16 Temani Afif - Mar 4 DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey. Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024. We're a place where coders share, stay up-to-date and grow their careers.

Javascript | String Methods. With you every step of your journey.

Javascript | String Methods

Posted on Mar 7                  I want to have resource examples of all Ash calculationsHere's the cond example:Here's an example resource with full code:Here's how you would load the calculation:Hope this helps.Templates let you quickly answer FAQs or store snippets for re-use.        Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.      Hide child comments as well                  Confirm              For further actions, you may consider blocking this person and/or reporting abuse              Nicol Acosta - Oct 18 '22                          Kenzy Limon - Oct 16 '22                          Christian Alexander - Oct 14 '22                          vKxni - Oct 1 '22                  DEV Community — A constructive and inclusive social network for software developers. With you every step of your journey.    Built on Forem — the open source software that powers DEV and other inclusive communities.Made with love and Ruby on Rails. DEV Community © 2016 - 2024.          We're a place where coders share, stay up-to-date and grow their careers.

Ash Calculations - Cond. Here's how you would load the calculation: