<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Feli (she/her)</title>
    <description>The latest articles on DEV Community by Feli (she/her) (@kotzendekrabbe).</description>
    <link>https://dev.to/kotzendekrabbe</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F142652%2F455ddc9a-86ea-4236-8eb1-d73093daea6d.jpg</url>
      <title>DEV Community: Feli (she/her)</title>
      <link>https://dev.to/kotzendekrabbe</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kotzendekrabbe"/>
    <language>en</language>
    <item>
      <title>Inclusive Language in Slack</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Wed, 29 Sep 2021 11:44:52 +0000</pubDate>
      <link>https://dev.to/studio_m_song/inclusive-language-in-slack-1bkm</link>
      <guid>https://dev.to/studio_m_song/inclusive-language-in-slack-1bkm</guid>
      <description>&lt;p&gt;Since the start of the pandemic a lot of us moved their company communication to &lt;a href="https://www.slack.com" rel="noopener noreferrer"&gt;Slack&lt;/a&gt; (or similar tools). To help my colleagues and support them with &lt;em&gt;how to use Slack&lt;/em&gt; I wrote a slack etiquette for &lt;a href="https://www.sinnerschrader.com" rel="noopener noreferrer"&gt;SinnerSchrader&lt;/a&gt;. Lot of them were not used to Slack or asynchronous communication chat tools at all. After I talked to &lt;a href="https://www.twitter.com/stefanjudis" rel="noopener noreferrer"&gt;Stefan Judis&lt;/a&gt; about the slack etiquette and got a lot of input + sparring from him, we made the &lt;a href="https://slack-etiquette-online.vercel.app/" rel="noopener noreferrer"&gt;slack etiquette&lt;/a&gt; public.&lt;/p&gt;

&lt;p&gt;What I experienced afterwards is that we came up with a lot of new issues especially regarding inclusive language. Of course you could argue that people should know how to do inclusive language anyways, but it’s more complicated than that, I would say. For a lot of people who are not native speakers and / or never had something to do with this topic the written language is more complicated. Additionally you can now re-read the written word at any time. So, mistakes are more likely to be seen and not to be forgotten.&lt;br&gt;
That’s why I looked into a solution for Slack. It was very clear to me that we should use a slack bot. I looked into different solutions that may help us with inclusive language. Today I want to share those learnings and my recommendation with you.&lt;/p&gt;




&lt;h2&gt;
  
  
  Inclusive Language Support for Slack
&lt;/h2&gt;

&lt;p&gt;There are two solutions when it comes to inclusive language at Slack. The global version and the private one.   &lt;/p&gt;

&lt;h3&gt;
  
  
  Slackbot - The Global Version
&lt;/h3&gt;

&lt;p&gt;Slackbot is a feature in slack that can automatically respond to messages that members of your workspace send in channels. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Global - for all channels (no exclusions)&lt;/li&gt;
&lt;li&gt;Public slackbot responses, everyone in the slack channel will see them&lt;/li&gt;
&lt;li&gt;High initial effort for first maintenance

&lt;ul&gt;
&lt;li&gt;Depending on the languages you want to support&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Easy maintenance&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Side effect:&lt;/strong&gt; Since everyone will see the slackbot response, it has a learning effect for everyone and promotes open exchange about it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Favs6dlzm5zx93p0jlyiz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Favs6dlzm5zx93p0jlyiz.png" alt="Screenshot of Feli writes "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  Consider
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;It's global and can't be switched on or off per channel&lt;/li&gt;
&lt;li&gt;By default every member of the Slack workspace is allowed to maintain the slackbot responses. You may consider turning this functionality off. 
&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmqf6k7s02dr4m23gost3.png" alt="change default settings for slackbot responses at "&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Further
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;More information about &lt;a href="https://slack.com/intl/en-de/help/articles/202026038-An-introduction-to-Slackbot" rel="noopener noreferrer"&gt;Slackbot Responses&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Two posts with more details about inclusive language:

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://zapier.com/blog/inclusive-language-slackbot/" rel="noopener noreferrer"&gt;https://zapier.com/blog/inclusive-language-slackbot/&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;
&lt;a href="https://betterallies.com/language/" rel="noopener noreferrer"&gt;https://betterallies.com/language/&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;




&lt;h3&gt;
  
  
  Slackbot - The Private Version
&lt;/h3&gt;

&lt;p&gt;You can also write bots yourself and use the Slack APIs to interact with messages.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Can be integrated into individual channels (is not global)&lt;/li&gt;
&lt;li&gt;High initial effort due to development time
&lt;/li&gt;
&lt;li&gt;Maintenance could be mapped via json or similar
&lt;/li&gt;
&lt;li&gt;Can be configured to send the message only to the sender "Only visible to you".&lt;/li&gt;
&lt;li&gt;As sender I can edit my message and apply what is suggested without anyone seeing it&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Side note:&lt;/strong&gt; Of course there are inclusive language slackbots you can add to your workspace, but I haven't found some who have the option to maintain the words/phrases&lt;/p&gt;

&lt;h4&gt;
  
  
  Consider
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Could be turned off by the individual channels, e.g. because it is felt as annoying&lt;/li&gt;
&lt;li&gt;Initial time expenditure is higher and can be settled in the case only by developers &lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Further
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;More information about &lt;a href="https://slack.com/intl/en-de/help/articles/115005265703-Create-a-bot-for-your-workspace" rel="noopener noreferrer"&gt;how to write a bot for slack&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Personal Recommendation
&lt;/h2&gt;

&lt;p&gt;What both solutions have in common is that a bot is responding to non-inclusive language and no human need to do so. That is also the reason why the sender is more likely to not take it personally.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0byk5i18h5ie9coy0sne.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0byk5i18h5ie9coy0sne.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My personal recommendation is the &lt;strong&gt;global solution&lt;/strong&gt;. This one can support you in dealing openly with the topic of inclusive language. In addition, it serves as a tool for education about inclusive language.&lt;/p&gt;

&lt;p&gt;As a company, you are sending a clear signal that you make no distinction between internal and external communication (clients, freelancer, partners, …. If they are in your company's slack workspace as well).&lt;/p&gt;

&lt;p&gt;If you consider this solution, you should plan preparation time for a good communication strategy. Just turning it on would cause some to feel they had been blindsided.    &lt;/p&gt;

&lt;p&gt;In addition, the public solution requires the creation of well-worded "response" messages to "non-inclusive words". This would help to ensure that no blaming character is created, but rather that the clear goal of clarification is pursued.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;The Global Solution - Slackbot Responses: Promoting open interaction/exchange &amp;amp; Inclusive language education for everyone &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;What is your experience? Are you already using a slack bot for inclusive language in your company? Project? Community?&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Photos by &lt;a href="https://unsplash.com/@timmossholder?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Tim Mossholder&lt;/a&gt; on &lt;a href="https://unsplash.com/s/photos/diversity?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

</description>
      <category>inclusion</category>
      <category>culture</category>
      <category>leadership</category>
      <category>slack</category>
    </item>
    <item>
      <title>There Is No Pot Of Gold At The End Of The Rainbow</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Tue, 06 Jul 2021 17:26:00 +0000</pubDate>
      <link>https://dev.to/kotzendekrabbe/there-is-no-pot-of-gold-at-the-end-of-the-rainbow-5955</link>
      <guid>https://dev.to/kotzendekrabbe/there-is-no-pot-of-gold-at-the-end-of-the-rainbow-5955</guid>
      <description>&lt;p&gt;Recently I watched a short video with &lt;a href="https://www.youtube.com/watch?v=_gt3SjZW9jA"&gt;Simon Sinek about finding the balance&lt;/a&gt;. He talked about how people looking for the perfect partner &lt;em&gt;doesn’t exist&lt;/em&gt;, the perfect job &lt;em&gt;doesn’t exist&lt;/em&gt; or the perfect company &lt;em&gt;doesn’t exist&lt;/em&gt;. That you can't have impact and happiness every day, that it’s about finding the balance. There will always be some bad days or days where you don’t have the energy to give 100%. You have to have bad days to appreciate the good ones. &lt;/p&gt;

&lt;p&gt;Simon added in the video that people are looking for the pot of gold at the end of a rainbow - but there is no pot at the end of a rainbow. There are a lot of books and speakers who are telling that there is - so people start to find it. However, it's not about finding the pot of gold at the end of a rainbow, it's about the adventure and who we take with us on the journey. &lt;strong&gt;That is the best part&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The video reminded me of a situation where a colleague asked me "Which was the best company you ever worked at". And my answer was "There is no perfect company or job. Every company has issues and you need to find out what kind of issues you can live or work with."&lt;br&gt;
So, I truly agree with Simon that there is no perfect job or company. And especially not for everyone, because we are humans and so we are different. Everyone of us needs something else.&lt;/p&gt;

&lt;h2&gt;
  
  
  Stop telling talent marketing lies
&lt;/h2&gt;

&lt;p&gt;Which brings me to a topic I have been working on for a while now: Helping our Recruiting department to build trustworthy talent marketing for developers.&lt;/p&gt;

&lt;p&gt;In marketing it's normal to window dress products or stories. That's why a lot of companies use stories people want to hear instead of what their values actually are. How their culture is. They tell the story of the &lt;em&gt;pot of gold at the end of the rainbow&lt;/em&gt; instead of telling the talents:&lt;br&gt;
&lt;em&gt;hey wanna join me for an adventure? I heard there is a pot of gold at the end of the rainbow. I'm not sure if we're gonna find it, but let’s go&lt;/em&gt;. It’s not important if you find the pot of gold or not, it’s about the relationship, the journeys, the experience you make with each other while you are looking for it.&lt;/p&gt;

&lt;p&gt;For Employer Branding and Talent Marketing this would mean for example: Instead of saying "We are a diverse and inclusive company" say "We are committed to become a diverse and inclusive workplace and therefore we are looking for people who are helping us to bring this vision to life".&lt;/p&gt;

&lt;p&gt;If a company tells shiny stories which are not the truth to attract talents, those talents may join the company because they tell them what they want to hear. But those talents that join will recognize sooner or later that it all was just window dressing. And in the best case they quit. In the worst case scenario, they stay at the company without believing in the company, without passion and happiness. Which leads to employees who don’t bring their best to the table. Don’t sell candidates a dummy and have them quit months later. Find candidates who are willing to join your adventure. Who wants to go with &lt;strong&gt;you&lt;/strong&gt; on the journey to find the pot of gold at the end of the rainbow, no matter if you find the pot of gold or not.&lt;/p&gt;




&lt;p&gt;Photo by &lt;a href="https://unsplash.com/@austinchan?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Austin Chan&lt;/a&gt; on &lt;a href="https://unsplash.com/?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText"&gt;Unsplash&lt;/a&gt;&lt;/p&gt;

</description>
      <category>watercooler</category>
      <category>leadership</category>
      <category>career</category>
      <category>culture</category>
    </item>
    <item>
      <title>Why we need creativity in software development</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Fri, 04 Jun 2021 10:48:54 +0000</pubDate>
      <link>https://dev.to/studio_m_song/why-we-need-creativity-in-software-development-3kle</link>
      <guid>https://dev.to/studio_m_song/why-we-need-creativity-in-software-development-3kle</guid>
      <description>&lt;p&gt;More inclusive algorithms and unbiased data may be complex problems, but developers can solve them with creativity.&lt;/p&gt;




&lt;p&gt;These are wild days. The pandemic is still with us. Yes, there is good news regarding more vaccines, but the vaccination and case numbers coming out of poor countries are just shocking.&lt;/p&gt;

&lt;p&gt;How can you stay creative these days? Is it ok to be less creative than usual? How much impact does the current world situation have on finding creative problem-solving approaches? These are some of the many questions that are trolling my head and the numbers keep growing.&lt;/p&gt;

&lt;p&gt;Today I want to dig into one of this question in particular:&lt;/p&gt;

&lt;h3&gt;
  
  
  How do you solve complex problems through creativity?
&lt;/h3&gt;

&lt;p&gt;First, let’s see what creativity means. The Cambridge dictionary defines it as:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;…the ability to produce original and unusual ideas, or to make something new or imaginative&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Creativity in software development is crucial.&lt;/p&gt;

&lt;p&gt;In this field, you need to solve complex problems and therefore you &lt;em&gt;need&lt;/em&gt; to be creative. If you didn’t, you could automate the process of creating software (although building the automation would be a form of creativity in itself). And, of course, there are a lot of fields in software development that are already automated or which developers automate as soon as they can. But still, the process of getting there is a creative process.&lt;/p&gt;

&lt;p&gt;Those problems which are solved in software development could be as diverse as our world itself, because they are designed to address real-world issues. For example, it could be finding a way to bring a product to its users in the same manner on all devices. It could also mean creating a new programming language, development framework or library.&lt;/p&gt;

&lt;h3&gt;
  
  
  What problems need solving?
&lt;/h3&gt;

&lt;p&gt;But there are bigger problems to solve than creating the next cutting-edge framework or product website.&lt;/p&gt;

&lt;p&gt;And this is why one quote of Dara Dotz made me think:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;We aren’t going to be able to throw tech at every problem as efficiently or effectively as we would like – as time moves on, there are more disasters, more people and less resources. Instead of focusing on the next blockchain or AI, perhaps the things we really need to focus on are the things that make us human.&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This is true. Our society puts a lot of effort and money into technologies like blockchain and AI – effort and money which &lt;em&gt;could&lt;/em&gt; also solve a lot of other problems. Problems that, if solved, enhance our humanity: clean water for every human being, enough food for everyone or school education for every child in the world.&lt;br&gt;
The dangers of encoding bias&lt;/p&gt;

&lt;h3&gt;
  
  
  But, what I ask myself is:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;In which ways can technology support us that makes us human?&lt;/li&gt;
&lt;li&gt;And how can AI help us to create a better world?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We know that AI can be discriminatory. Sometimes that’s because we feed it with biased data. Data doesn’t always reflect the diversity of our society. By training machine learning with data that excludes minorities, it learns to discriminate against them. The AI will copy our biases, even our unconscious ones. For sure, there are areas where people need to be excluded: for example, products or content which is not suitable for under-18s. But there are a lot of examples where people are discriminated against only because they are not white, not male, not hetero.&lt;/p&gt;

&lt;p&gt;We need to put ethics in our process of creating software.&lt;/p&gt;

&lt;h3&gt;
  
  
  What does that have to do with creativity?
&lt;/h3&gt;

&lt;p&gt;We need to establish processes that avoid perpetuating the unfair situations minorities face. We need to ask ourselves who will be excluded by this – and why. We need to produce inventive and unusual processes to create more inclusive algorithms. We need to find new ways of collecting the data we use to train machine learning, so that it includes minorities. We need to include it in the software in a way that doesn’t lead to its rejection. And to do so we need creativity in software development. We need to be creative.&lt;/p&gt;

&lt;p&gt;We shouldn’t just accept the facts that data is showing us at face value. Instead, we should challenge our own assumptions – and find creative ways to do better.&lt;/p&gt;

&lt;p&gt;Photo by &lt;a href="https://unsplash.com/@anniespratt"&gt;Annie Spratt&lt;/a&gt; on &lt;a href="https://unsplash.com/"&gt;Unsplash&lt;/a&gt;&lt;/p&gt;

</description>
      <category>inclusion</category>
      <category>algorithms</category>
      <category>leadership</category>
      <category>watercooler</category>
    </item>
    <item>
      <title>What profession would you change to?</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Tue, 11 May 2021 08:22:37 +0000</pubDate>
      <link>https://dev.to/kotzendekrabbe/what-profession-would-you-change-to-1fbd</link>
      <guid>https://dev.to/kotzendekrabbe/what-profession-would-you-change-to-1fbd</guid>
      <description>&lt;h2&gt;
  
  
  It's one of those days...
&lt;/h2&gt;

&lt;p&gt;My motivation is low and I'm thinking of changing my profession. I tent to make that joke: &lt;strong&gt;"this internet thingy will not succeed and than I'll become a carpenter"&lt;/strong&gt;.&lt;/p&gt;




&lt;p&gt;But realistically I would become a &lt;strong&gt;Technical Recruting Consultant&lt;/strong&gt;. The reason is simple. I gained a lot of knowledge in that area. Also I believe I can do something good with it. Fighting for diversity &amp;amp; inclusion. Instead of being a rolemodel. Advise companies on: &lt;em&gt;how best to hire a hetrogenic mass of developers&lt;/em&gt;. And ensure that more equal opportunities are being created.&lt;/p&gt;




&lt;h3&gt;
  
  
  Do you know those days? What profession would you change to and why?
&lt;/h3&gt;

</description>
      <category>watercooler</category>
      <category>discuss</category>
      <category>career</category>
    </item>
    <item>
      <title>Readme's - more than only tech instructions</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Tue, 06 Apr 2021 11:09:54 +0000</pubDate>
      <link>https://dev.to/studio_m_song/readme-s-more-than-only-tech-instructions-2fic</link>
      <guid>https://dev.to/studio_m_song/readme-s-more-than-only-tech-instructions-2fic</guid>
      <description>&lt;p&gt;For most developers, the &lt;strong&gt;Readme&lt;/strong&gt; file is the first resource they are accessing. It contains information on how to set up the project, instructions and a lot more information. E.g. if the version of the software is beta or stable, which git workflow the project team uses, under which license it's running and so on.&lt;/p&gt;

&lt;p&gt;But besides all the technology things you should consider putting in some more information.&lt;/p&gt;

&lt;h2&gt;
  
  
  How To Start Your Readme
&lt;/h2&gt;

&lt;p&gt;Start with something positive, with something like a project-, company- or team- claim. Something that shows the team that you are one team and that you are working together.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;We are one team - with no alpha leaders and no beta teams
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Contact List
&lt;/h2&gt;

&lt;p&gt;It's important to know who is the contact person or responsible for which topic. Who is the Project Lead? Do you have a Lead Developer? Do you need contact with other teams, 3rd parties, other disciplines, ...? Put them into the Readme or at least link to the platform where they are documented.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;## Team - Contact Persons&lt;/span&gt;
You can find a full list of the team at 
&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nv"&gt;confluence&lt;/span&gt;&lt;span class="p"&gt;](&lt;/span&gt;&lt;span class="sx"&gt;https://linktoteamcontactpage&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Be Human - Always
&lt;/h2&gt;

&lt;p&gt;How do you want to work as a team? What is important for you? At my recent project I set up a readme file and it was important for me to give a clear picture of what we should focus on as a team. We didn't have a lot of time for the applications we needed to build. In an ideal world, I would define those together with the team.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;## Be Human - User. First. Always.&lt;/span&gt;
&lt;span class="p"&gt;*&lt;/span&gt; We work for the best overall result and 
  act in the interests of the whole.
&lt;span class="p"&gt;*&lt;/span&gt; We trust each other and are open 
  to new input / opportunities.
&lt;span class="p"&gt;*&lt;/span&gt; We treat each other with respect, 
  empathy and believe that everyone is acting as their best.
&lt;span class="p"&gt;*&lt;/span&gt; We make each other successful and give a hand if needed.
&lt;span class="p"&gt;*&lt;/span&gt; We keep it simple.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Put your "&lt;em&gt;how do we want to work&lt;/em&gt;" statement not at the end of the document. It's important and should be in the upper part.&lt;/p&gt;

&lt;h2&gt;
  
  
  How To End The Readme
&lt;/h2&gt;

&lt;p&gt;Close the readme with a something claim / message. I chose to use something from the beginning in another term.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gt"&gt;&amp;gt; Together we can make a change. Together we can do it. &lt;/span&gt;
  As one team with no alpha leaders - no beta teams 💖 🤓 ❤️ 💻
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We have built applications that help to fight COVID19. It was very clear that we need to do a lot of over-hours to make it in time and to react to the ongoing pandemic. So, the following part of the &lt;strong&gt;Readme&lt;/strong&gt; was the most important one for me. I wanted to make very clear that &lt;strong&gt;NO&lt;/strong&gt;  project is more important than the health or (the family) of every team member. What made me happy was, that the team often quotes that part of the &lt;strong&gt;Readme&lt;/strong&gt; and looked after each other. It helps that it was clear, 'your tech lead put this into place at the beginning, don't be afraid of calling in sick or taking a break'. And it worked, I'm very glad of that fact and proud of the team.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gu"&gt;## !important 🚨&lt;/span&gt;

Please remember that your (mental) health 
(and of your family) comes first. 
If you are facing a health problem, 
no matter at which point of the project, 
please inform at least one person 
of the team and take a break!
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;p&gt;That's why I recommend putting some personality into Readme files, especially if you are the tech lead/ lead developer. &lt;a href="https://dev.to/s2engineers/lead-by-example-5cm3"&gt;Lead by Example&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;What are you putting into your project &lt;strong&gt;Readme&lt;/strong&gt; file on the root level?&lt;/p&gt;

</description>
      <category>documentation</category>
      <category>git</category>
      <category>leadership</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Nevertheless, Feli Coded - ChooseToChallenge Yourself</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Thu, 04 Mar 2021 08:08:51 +0000</pubDate>
      <link>https://dev.to/studio_m_song/nevertheless-feli-coded-choosetochallenge-yourself-4enn</link>
      <guid>https://dev.to/studio_m_song/nevertheless-feli-coded-choosetochallenge-yourself-4enn</guid>
      <description>&lt;p&gt;&lt;em&gt;My journey to become an Executive Principal Engineer working in Developer Relations (fancy buzzwords title) was not easy. Here is my story and why I believe we need to challenge ourselves.&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  A journey with obstacles...
&lt;/h3&gt;

&lt;p&gt;In 2005, I finished my apprenticeship. Since then I have worked as a Developer. Most of the time as a Frontend Developer - or what I love to call it, &lt;a href="https://dev.to/s2engineers/ui-developers-are-still-underestimated-3c0g"&gt;UI Developer&lt;/a&gt;. But this specialization was not my first choice. In my apprenticeship, I loved Database Development and wanted to get a job in this area. It was 2005 you know, I was 19, blond, and couldn’t land a job - even though I had an excellent certificate.&lt;/p&gt;

&lt;p&gt;Back then, companies told me that they can’t hire a 19-year-old woman for a team of twenty men with an average age of 30. In Germany, I could have sued them for it, at that time I didn’t have the courage to do so. Nowadays I would do it, trust me.&lt;/p&gt;

&lt;p&gt;Days went by and I was very frustrated but also didn’t want to accept that I can’t land a job in tech as a developer, only because I’m a woman and too young. So I applied for every Developer job I was able to find… nothing. All my fellow students already had a job - all men. So I did the last thing left to me - looking for an unpaid traineeship (wouldn’t recommend it to anyone - you should get paid for what you are doing). Of course, I found something where I worked as a developer without getting paid for it. It was in a company that did web development (sadly no database stuff).&lt;br&gt;
The traineeship ended after 6 months and they hired me for the minimum amount of wage. I didn’t care, I was just happy to have my first paid job - finally.&lt;/p&gt;




&lt;h3&gt;
  
  
  Even if I wanted to, I never gave up...
&lt;/h3&gt;

&lt;p&gt;What should I say? I proved every Database company, every other company that didn’t hire me because I’m a woman &lt;strong&gt;wrong&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;At 21 I was self-employed. At 23 I moved to a big city (Hamburg) for a job, which by the way was one of my best decisions ever. At 26 I started to work as a Freelance Developer - where I had to reject most of the projects I got offered because I had too much to do. With 29 the company I'm still working at hired me as a so-called &lt;a href="https://sinnerschrader.github.io/free-radical-specification/"&gt;Free Radical&lt;/a&gt;. With 30 I became part of &lt;a href="https://cssconf.eu"&gt;CSSconfEU&lt;/a&gt; &amp;amp; &lt;a href="https://jsconf.eu"&gt;JSConfEU&lt;/a&gt;. With 31 I built Developer Relations for a non-product company. With 34 I got promoted to Executive Principal Engineer and I'm the Tech Lead of a project which is fighting Covid 19.&lt;/p&gt;

&lt;p&gt;Yes, the journey was not easy, but if I made it, you can make it, too!&lt;/p&gt;




&lt;h3&gt;
  
  
  Nevertheless...
&lt;/h3&gt;

&lt;p&gt;My biggest achievement is that I accepted that it is hard as a woman in Tech &lt;strong&gt;BUT&lt;/strong&gt; I’m still privileged. I'm white, I had a proper education, I earn enough money and I'm in a &lt;a href="https://en.wikipedia.org/wiki/Cisgender"&gt;cis&lt;/a&gt; relationship. The moment I realized that, I started to fight for inclusion. I still call out every sexism case I witness. I don’t get tired of saying that we still have a &lt;strong&gt;huge&lt;/strong&gt; way to go in the tech community, at my job, at my friend's. &lt;strong&gt;But&lt;/strong&gt; if you are a white cis woman, ask yourself:&lt;br&gt;
If it is hard for me, how is it for non-gender people? women of color? for LGBTQ+ people?&lt;/p&gt;

&lt;p&gt;The theme of International Women's Day 2021 is &lt;strong&gt;&lt;a href="https://www.internationalwomensday.com/"&gt;#ChooseToChallenge&lt;/a&gt;&lt;/strong&gt;. So, I call every white cis woman in tech - choose to challenge yourself.&lt;br&gt;
Get aware of your privilege, read and learn about it and your unconscious bias. Think about how you can be an ally for non-white-cis-women. Call out every discrimination.&lt;br&gt;
Take actions on every day's business - example: Often people ask me “Feli, how do we get more diverse, how do we get more women into tech”. My answer? “Let’s talk about how we get more people from under-represented groups into tech. Diversity is not only about women in tech”. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Be the change! Choose to Challenge!&lt;/strong&gt;&lt;/p&gt;




</description>
      <category>wecoded</category>
      <category>womenintech</category>
      <category>choosetochallenge</category>
      <category>career</category>
    </item>
    <item>
      <title>SheCoded 2021 ?</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Mon, 01 Mar 2021 13:48:32 +0000</pubDate>
      <link>https://dev.to/kotzendekrabbe/shecoded-2021-5990</link>
      <guid>https://dev.to/kotzendekrabbe/shecoded-2021-5990</guid>
      <description>&lt;h2&gt;
  
  
  Hey lovely DevTeam
&lt;/h2&gt;

&lt;p&gt;will there be shecoded 2021?&lt;br&gt;
I loved it the past years and it would be great to have it again ❤️&lt;/p&gt;


&lt;div class="ltag__tag ltag__tag__id__660"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/shecoded" class="ltag__tag__link"&gt;shecoded&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        Stories from women who code.
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="ltag__tag ltag__tag__id__7543"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/theycoded" class="ltag__tag__link"&gt;theycoded&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div class="ltag__tag ltag__tag__id__21192"&gt;
    &lt;div class="ltag__tag__content"&gt;
      &lt;h2&gt;#&lt;a href="https://dev.to/t/shecodedally" class="ltag__tag__link"&gt;shecodedally&lt;/a&gt; Follow
&lt;/h2&gt;
      &lt;div class="ltag__tag__summary"&gt;
        Stories from allies who support gender equality.
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/devteam/join-us-for-shecoded-2020-o6b" class="video-image"&gt;
    &lt;span class="video-timestamp"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IlfMh3ux--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/video-camera-9a2eda0979fd9ce3933037481ee8828557b6c7f5533e1de458b8c2648a60b097.svg" alt="video camera" width="491" height="491"&gt;
      01:18&lt;/span&gt;
  &lt;/a&gt;
  &lt;a href="/devteam" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SsFI-Xwo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://media.dev.to/cdn-cgi/image/width%3D150%2Cheight%3D150%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto/https%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Forganization%252Fprofile_image%252F1%252Fd908a186-5651-4a5a-9f76-15200bc6801f.jpg" alt="The DEV Team" width="150" height="150"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OD5kLNtd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://media.dev.to/cdn-cgi/image/width%3D150%2Cheight%3D150%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto/https%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Fuser%252Fprofile_image%252F264%252F40d89fb9-4de0-414d-8a06-f52ddda0bc75.jpg" alt="" width="150" height="150"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/devteam/join-us-for-shecoded-2020-o6b" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Join us for #SheCoded 2020!&lt;/h2&gt;
      &lt;h3&gt;Jess Lee for The DEV Team ・ Mar 6 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#wecoded&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#theycoded&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#eachforequal&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>discuss</category>
      <category>wecoded</category>
      <category>question</category>
    </item>
    <item>
      <title>Lead By Example</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Sat, 27 Feb 2021 18:03:26 +0000</pubDate>
      <link>https://dev.to/studio_m_song/lead-by-example-5cm3</link>
      <guid>https://dev.to/studio_m_song/lead-by-example-5cm3</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;In a leadership position you have different responsibilities. For me the most important is &lt;strong&gt;Lead By Example&lt;/strong&gt;. It’s not only important for leadership positions, everyone should do it. Trainees, Juniors, Intermediates, Seniors, any fancy title or a Managing Directors.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;&lt;em&gt;A few days ago I talked to a former colleague. I told her that I'm looking for a leadership coach. For a few months I’m in an official leadership role, which sometimes can feel weird and overwhelming. A few days after the conversation she said to me "I thought about what you have said and in the first place I was surprised, because you have been leading people since years. It's not new to you, but I can understand that the official role changes things. But you know what you are really good at? What are you really living? &lt;strong&gt;Leading by example&lt;/strong&gt;".&lt;br&gt;
I really appreciate the feedback, because I truly believe in it. That's why I want to share my top 8 thoughts with you about lead by example.&lt;/em&gt;&lt;/p&gt;




&lt;h3&gt;
  
  
  1. Do What You Expect Others To Do
&lt;/h3&gt;

&lt;p&gt;Why should people who you lead, who are in your team do what you expect them to do, if you don’t do it as well? For example, you are a Tech Manager and you want your colleagues to attend conferences or other tech events. Why should they do it if you don’t attend such events? Do it as a team or tell them what you learned at an event or who you met. Or if you want your colleagues to be nice to each other, you should be nice to them as well...&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Talk About Your Failures
&lt;/h3&gt;

&lt;p&gt;We are all humans and we do make mistakes! That’s normal and also fine, because we learn from mistakes we make. But to learn from the situations we need to be open about it. Of course it’s not easy to speak about mistakes, doesn't matter which level you have. But it helps to accept that it’s normal.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Leaders Are No Superheroes, Sorry
&lt;/h3&gt;

&lt;p&gt;Show your colleagues that you may be a role model for them, but you are &lt;strong&gt;not&lt;/strong&gt; a superhero. Talk about your learning path and that you worked for where you are today. It’s not magic, it’s not a superpower you are born with. Show your colleagues that you are making mistakes, that you still need to learn, that you have emotions and need brakes same as every other person. Show them that you don’t know everything, that you can be proved wrong and that you are asking for and need help.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Take Your F***ing Break
&lt;/h3&gt;

&lt;p&gt;If you are sick, take days off. Shut down the computer, smartphone, and every other communication. Humans who are sick (doesn’t matter if physical or mental) need a break to heal. People who see that their leads work while they are ill, are more likely to feel the pressure to do it as well. Same goes for vacation. Take your days off to relax, to get your energy back, to do whatever you love to do - &lt;strong&gt;without&lt;/strong&gt; working. You may already have it in mind: don’t do over hours on a regular basis. Nobody should do it, doesn’t matter in which position. Sure, over hours may happen depending on the area you are working, but they shouldn't take place on a regular basis.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Be Honest And Trustworthy
&lt;/h3&gt;

&lt;p&gt;Colleagues will trust you, if you are honest to them. They will see you as trustworthy and be honest to you as well. It will help them to also speak open to you if they have a problem with a situation, job or other colleagues.&lt;br&gt;
Be transparent. Sure there might be situations where you are not allowed to talk about something or a colleague talks to you in private and that’s fine. But tell your colleagues why a decision was made. Let them know why the company chose a specific way, a tool or anything else. What can possibly go wrong? Trust your colleagues so they can trust you.&lt;/p&gt;

&lt;h3&gt;
  
  
  6. Respect
&lt;/h3&gt;

&lt;p&gt;Treat yourself and others with respect and they will respect you. That means, watch your language, your voice, your body language. Listen to ideas others have regardless of levels and respect that they may have other opinions than you have.&lt;br&gt;
&lt;strong&gt;Very important&lt;/strong&gt;: don’t claim ideas of others as your own ones.&lt;/p&gt;

&lt;h3&gt;
  
  
  7. Feedback - Appreciation And Criticism
&lt;/h3&gt;

&lt;p&gt;Give feedback on a regular basis. Not only once a year. Think about what &lt;a href="https://www.exudeinc.com/blog/adjusting-your-feedback-methods-to-personality-types/"&gt;feedback type the person you are talking to is&lt;/a&gt;. Not everyone likes the [sandwich method]. Give them positive feedback, things you appreciate them for. But give them also something where they can prove themself and offer them help if needed. Ask your team to give you feedback as well and give them the time to prepare this properly.&lt;/p&gt;

&lt;h3&gt;
  
  
  8. Listen To People, Don't Just Hear What They Say
&lt;/h3&gt;

&lt;p&gt;You want people to listen to you? That they not just hear you, that they truly listen and understand what you are telling them? Then it's a good start to listening to them first. Ask them what you can do to make their job easier, how they feel, about their opinion or ideas for a project or needed solution. Take time to do so, if you don't have enough time make an appointment as soon as possible where you can talk undisturbed.&lt;br&gt;
Don’t forget to not &lt;strong&gt;only&lt;/strong&gt; listen to the people you lead, listen to everyone. Your Managers, your colleagues, people from other disciplines. &lt;strong&gt;Listening should be your favorite song&lt;/strong&gt;.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Lead By Example&lt;/strong&gt;&lt;br&gt;
If we don't start to lead by example our industry won’t change at all because we lead by example to go the wrong way. Let’s change that.&lt;/p&gt;




</description>
      <category>leadership</category>
      <category>career</category>
      <category>motivation</category>
      <category>womenintech</category>
    </item>
    <item>
      <title>Best "get together", conference, meeting software for events?</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Fri, 05 Feb 2021 12:51:36 +0000</pubDate>
      <link>https://dev.to/kotzendekrabbe/best-get-together-conference-meeting-software-for-events-4flb</link>
      <guid>https://dev.to/kotzendekrabbe/best-get-together-conference-meeting-software-for-events-4flb</guid>
      <description>&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; which get together, conference, meeting software do you like most for remote events?&lt;/p&gt;

&lt;p&gt;For example we used &lt;a href="https://www.conferomatic.com/"&gt;confer-o-matic&lt;/a&gt; for an internal conference meeting. It was awesome, I love the gamification background of the software but also that you could stand in a group an chat with each other as soon as you got into a chat zone.&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>question</category>
      <category>meetings</category>
      <category>conferences</category>
    </item>
    <item>
      <title>A Grid In A Grid</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Wed, 28 Oct 2020 13:30:49 +0000</pubDate>
      <link>https://dev.to/studio_m_song/a-grid-in-a-grid-4lad</link>
      <guid>https://dev.to/studio_m_song/a-grid-in-a-grid-4lad</guid>
      <description>&lt;p&gt;You want to nest grid in grid with the same definition of columns &amp;amp; gaps? Something like a sub grid which is inheriting the definitions? But you don't know how? No worries! Here are &lt;strong&gt;some&lt;/strong&gt; possible solutions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Preface
&lt;/h2&gt;

&lt;p&gt;CSS Grid. Is. &lt;strong&gt;Not&lt;/strong&gt;. Easy. &lt;br&gt;
If you haven't understood it completely yet, that's totally fine. Here are some awesome resources which may you help understanding grid better:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://css-tricks.com/snippets/css/complete-guide-grid/"&gt;CSS Tricks Complete Guide to Grid&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gridbyexample.com/"&gt;Tutorial page&lt;/a&gt; by Rachel Andrew&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  How To - Step By Step
&lt;/h2&gt;
&lt;h3&gt;
  
  
  Step 1: Let us define an "example grid"
&lt;/h3&gt;

&lt;p&gt;Lets say we have a grid of 16 columns with a gap of 16px. We will name it &lt;em&gt;my-grid&lt;/em&gt; and the child elements &lt;em&gt;cell&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;We also want to define an area which is a few columns wide. &lt;em&gt;E.g. ten columns -&amp;gt; cell-10&lt;/em&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.my-grid&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;grid&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="py"&gt;grid-template-columns&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;repeat&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;16&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="n"&gt;fr&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="py"&gt;grid-column-gap&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;16px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now we want to nest elements. For example we want to have cell children in our wide area &lt;em&gt;cell-10&lt;/em&gt;. We don't want to loose the &lt;em&gt;my-grid&lt;/em&gt; definitions. But how can we solve that?&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2: Nesting Without Loosing The Parent Definition
&lt;/h3&gt;

&lt;p&gt;There are different solutions for different problems:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;ignoring the element CSSwise&lt;/li&gt;
&lt;li&gt;using subgrid&lt;/li&gt;
&lt;li&gt;grid in a grid&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We will start with having a wrapper which is ignored by CSS.&lt;/p&gt;

&lt;h4&gt;
  
  
  Ignoring An Element CSSwise
&lt;/h4&gt;

&lt;p&gt;We can tell CSS that a HTML Element is not existing for styling by using display.&lt;br&gt;
&lt;strong&gt;display: contents&lt;/strong&gt; elements doesn't create a box themselves. They are replaced by a pseudo box and their child boxes. If you like you could also say &lt;strong&gt;display: contents&lt;/strong&gt; is telling the browser that there is now DOM-Element 😉&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.this-is-not-the-element-your-are-looking-for&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;contents&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You may ask, why the heck should I have a HTML element that I don't need? There could be a several of reasons. One could be that a framework needs this wrapper element and you can't avoid it.&lt;/p&gt;

&lt;h4&gt;
  
  
  Creating A Sub Grid
&lt;/h4&gt;

&lt;p&gt;If we want to create a real sub grid, which is inheriting the grid definition from our parent grid we need to use &lt;strong&gt;subgrid&lt;/strong&gt;_.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.my-inline-grid&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;grid&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="py"&gt;grid-template-columns&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;subgrid&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Sadly &lt;strong&gt;subgrid&lt;/strong&gt; doesn't has a good &lt;a href="https://caniuse.com/css-subgrid"&gt;browser support&lt;/a&gt; yet.&lt;/p&gt;

&lt;p&gt;But what if we want to support at least the current browsers?&lt;/p&gt;

&lt;h4&gt;
  
  
  A Grid In A Grid
&lt;/h4&gt;

&lt;p&gt;To support the current browsers we need to define a grid which fits to the parent column element. We will use the &lt;em&gt;cell-10&lt;/em&gt; column to test it. Therefore we put in a new element and create a new class which we call &lt;em&gt;my-inline-grid-10&lt;/em&gt;. The new grid will get a template column definition with the same amount of columns that the parent column is wide. In our case 10.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nc"&gt;.my-inline-grid-10&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="py"&gt;grid-template-columns&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;repeat&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="m"&gt;10&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="m"&gt;1&lt;/span&gt;&lt;span class="n"&gt;fr&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now we can put in new &lt;em&gt;cell*s which have the same width as the other columns, of our 16 column grid. &lt;br&gt;
Of course we want to have the same grid gap as well. That's why we put *my-grid&lt;/em&gt; to the same HTML element. Also we have to make sure that class is defined AFTER &lt;em&gt;my-grid&lt;/em&gt; in our CSS file to overwrite the template definition.&lt;/p&gt;
&lt;h3&gt;
  
  
  Conclusions
&lt;/h3&gt;

&lt;p&gt;As we already said: &lt;strong&gt;CSS Grid. Is. Not. Easy.&lt;/strong&gt; and if you haven't understood it completely yet, that's totally fine. &lt;br&gt;
I hope that this short how-to may helped you to learn &lt;strong&gt;how to nest a CSS grid in a grid&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;If you like visual examples, here is my CodePen that includes all examples from above:&lt;br&gt;
&lt;iframe height="600" src="https://codepen.io/kotzendekrabbe/embed/jOqjqzE?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;!important&lt;/em&gt; always check the &lt;a href="https://caniuse.com"&gt;browser support&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You have another solution, questions or feedback? Would be awesome if you leave a comment 🖤&lt;/p&gt;

</description>
      <category>css</category>
      <category>html</category>
      <category>tutorial</category>
      <category>webdev</category>
    </item>
    <item>
      <title>UI Developers are still underestimated</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Mon, 28 Sep 2020 19:53:21 +0000</pubDate>
      <link>https://dev.to/studio_m_song/ui-developers-are-still-underestimated-3c0g</link>
      <guid>https://dev.to/studio_m_song/ui-developers-are-still-underestimated-3c0g</guid>
      <description>&lt;p&gt;&lt;em&gt;Why we are not done with the discussion yet and why you may consider to hire and/ or promote &lt;strong&gt;User Interface Developers&lt;/strong&gt;.&lt;/em&gt;&lt;/p&gt;




&lt;p&gt;You can call them HTML &amp;amp; CSS Developers, Web Developers, Web Designers, Front-end Developers, ...&lt;br&gt;
There are a lot of job titles out there for people who have their expertise in HTML &amp;amp; CSS. In this post I will call them &lt;strong&gt;UI Developers&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;UI Developers have different backgrounds as other developers have as well. Some of them learned other programming languages in the first step or have a design background or have learned HTML &amp;amp; CSS from beginning on and deepened that knowledge over time. There is no right or wrong in becoming an UI Developer.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1310835567358291969-341" src="https://platform.twitter.com/embed/Tweet.html?id=1310835567358291969"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1310835567358291969-341');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1310835567358291969&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;h3&gt;
  
  
  The bigger the project the more likely you want to have UI Developers
&lt;/h3&gt;

&lt;p&gt;In a lot of companies and/ or projects the HTML &amp;amp; CSS part is done by everyone, by the designers or the persons who are programming the rest of the website/ application.&lt;br&gt;
&lt;strong&gt;Of course&lt;/strong&gt; there are cases where this totally makes sense, and in this post I &lt;strong&gt;don’t&lt;/strong&gt; want to say that you always need to have UI Developers. But &lt;strong&gt;there are cases&lt;/strong&gt; where you really need them or at least consider having them.&lt;/p&gt;

&lt;p&gt;The bigger the product or more complex the User Interface, the higher the amount of developers on the project or developers who are using the UI (e.g. component library) is, the more you need UI developers.&lt;/p&gt;

&lt;p&gt;Let’s say you have a website as a digital business card for a company. You may not need a software architect here, right? Same goes for the UI Developers.&lt;/p&gt;

&lt;p&gt;But let’s say you have a big project which a lot of developers are working on. Or you have a component library which is shared with different teams or even different companies. An application which is rolled out in different variations/ countries with different requirements. In this case you want to have a Software/ Front-end Architect. Same goes for UI Developer. In this case you want to have developers with expertise in UI development. If you would like, you can even say that there are cases where you need an &lt;strong&gt;UI Development Architect&lt;/strong&gt;.&lt;/p&gt;
&lt;h3&gt;
  
  
  What skills do UI Developers have or need
&lt;/h3&gt;

&lt;p&gt;I won't draw one specific picture of an UI Developer. Most of the time there are too many factors which need to be considered for a job description. UI Developers can be specialized in different fields such as performance, accessibility, user interaction animations, etc. This variety would make it impossible to make one definition. That's why I would like to draw a bigger picture of what professional skills an UI Developer &lt;strong&gt;may&lt;/strong&gt; have:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;semantic HTML&lt;/li&gt;
&lt;li&gt;CSS (+ CSS pre-/post-processors, CSS in JS)&lt;/li&gt;
&lt;li&gt;performance / accessibility / SEO&lt;/li&gt;
&lt;li&gt;(basic) JavaScript&lt;/li&gt;
&lt;li&gt;(User Experience/ Interaction) animations&lt;/li&gt;
&lt;li&gt;component libraries (&lt;/li&gt;
&lt;li&gt;the glue between the design and development team&lt;/li&gt;
&lt;li&gt;... &lt;em&gt;and of course I'll have forgotten some skills, but not on purpose. Feel free to add them in the comments&lt;/em&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;
  
  
  We still have work to do
&lt;/h3&gt;

&lt;p&gt;Back in the days when I started working full time in the industry (my graduation was 2005) HTML and CSS were the task you did just beside everything else (e.g. Java, PHP, CMS, ...).&lt;br&gt;
Over time a lot of things have changed. From optimizing for Netscape, IE6 and Opera in pixel perfect to HTML5 and CSS3 and CSS pre-/post-processor until CSS in JS, animations in CSS and so much more. We even had the discussions that HTML5 and CSS3 is &lt;a href="https://en.wikipedia.org/wiki/Turing_completeness" rel="noopener noreferrer"&gt;turing complete&lt;/a&gt;. From table layout to CSS in JS. The front-end, devices and browser changes are fast.&lt;/p&gt;

&lt;p&gt;You may guess that all the changes over the year have also changed how we see or appreciate UI Developers. But sadly, most of the time this isn’t the case.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1307983519927459844-973" src="https://platform.twitter.com/embed/Tweet.html?id=1307983519927459844"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1307983519927459844-973');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1307983519927459844&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;A lot of UI Developers are still getting told that they need to get better in JavaScript. That they need to learn &lt;em&gt;that&lt;/em&gt; specific JavaScript framework if they want to make their next step career wise. Even if they have a deep knowledge of HTML &amp;amp; CSS which blows your mind. We are not there yet where UI Developers are seen on the same professional level as other developers. &lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1261337503614636035-688" src="https://platform.twitter.com/embed/Tweet.html?id=1261337503614636035"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1261337503614636035-688');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1261337503614636035&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;h2&gt;
  
  
  The problems of not having UI developers
&lt;/h2&gt;

&lt;p&gt;I have seen projects who have big issues with UI bugs, developers who tell their project managers that a specific bug is a browser bug (even if it wasn’t and they didn’t have the knowledge to know it). Teams who needed days to solve UI bugs, where UI developers only needed hours, projects who needed help just a couple of weeks before go live to fix the whole UI part. All of this can create frustration and problems. Problems need solutions that cost money.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;This is no surprise&lt;/strong&gt; if you don’t have people or a whole team who know how to set up the (let’s call it) UI architecture, who know how to debug (cross browser) UI bugs, who see the pitfalls in refinements, who know how much effort you need for a feature implementation or initial setup.&lt;br&gt;
Would you ever let someone do JavaScript or complete project architecture if they don’t have an expertise in this area?&lt;br&gt;
Why treat it differently? You need people who have their expertise in UI programming - especially HTML &amp;amp; CSS.  To minimize your technical debt, to minimize potential bugs which can cost a lot of time (and money) to be solved, &lt;strong&gt;to create the best possible product&lt;/strong&gt;.&lt;/p&gt;



&lt;p&gt;UI Developers do not need to be Designers or JavaScript experts or Front-end Fullstack Developers. They can, if they want to.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1308820580687384578-830" src="https://platform.twitter.com/embed/Tweet.html?id=1308820580687384578"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1308820580687384578-830');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1308820580687384578&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;h4&gt;
  
  
  We &lt;strong&gt;need&lt;/strong&gt; UI Developers and we need to &lt;strong&gt;appreciate&lt;/strong&gt; them, in the same way we appreciate other developers.
&lt;/h4&gt;




</description>
      <category>html</category>
      <category>css</category>
      <category>career</category>
      <category>leadership</category>
    </item>
    <item>
      <title>May 17, International Day Against Homo-, Bi-, Inter- and Transphobia 🏳️‍🌈</title>
      <dc:creator>Feli (she/her)</dc:creator>
      <pubDate>Sun, 17 May 2020 12:48:37 +0000</pubDate>
      <link>https://dev.to/studio_m_song/may-17-international-day-against-homo-bi-inter-and-transphobia-5bl5</link>
      <guid>https://dev.to/studio_m_song/may-17-international-day-against-homo-bi-inter-and-transphobia-5bl5</guid>
      <description>&lt;p&gt;It's &lt;strong&gt;International Day Against Homo-, Bi- Inter and Transphobia&lt;/strong&gt; (IDAHOBIT). Today I want to share what my colleagues and I did to raise awareness of the day, its meaning and why it's important.&lt;/p&gt;

&lt;h2&gt;
  
  
  We asked our colleagues to show their support
&lt;/h2&gt;

&lt;p&gt;At SinnerSchrader we have a Skill Group called &lt;strong&gt;Diversity Matters&lt;/strong&gt;. Among other things we also discuss topics and plan actions around special days, such as the International Day Against Homo-, Bi-, Inter- and Transphobia.&lt;/p&gt;

&lt;p&gt;To do so we sent out the following e-mail to our colleagues:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Sunday, May 17 is the International Day Against Homo-, Bi- Inter and Transphobia and we (the Skill Group Diversity Matters) would love to show our support as a company.&lt;br&gt;
Since all events for this year have to happen online, we came up with the idea to create a social media &amp;amp; blog post. Therefore we want to create a mosaic picture of us (as a company) wearing colors of the LGBT* pride flag to raise awareness and show our support.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How can you support?&lt;/strong&gt; Send a picture of you (until 14th of May) to &lt;a href="mailto:diversity_sg@sinnerschrader.com"&gt;diversity_sg@sinnerschrader.com&lt;/a&gt; wearing any of the following colors:&lt;br&gt;
/ RED - Love&lt;br&gt;
/ ORANGE - Respect&lt;br&gt;
/ YELLOW - Freedom&lt;br&gt;
/ GREEN - Tolerance&lt;br&gt;
/ BLUE - Equality&lt;br&gt;
/ VIOLET - Pride&lt;/p&gt;

&lt;p&gt;The date May 17 has been chosen because the WHO removed homosexuality from the list of diseases on May 17, 1990. More information can be found on may17.org.&lt;br&gt;
Let’s shed more light on LGBT+ rights violations together  &lt;/p&gt;

&lt;p&gt;If you have any questions, please get in contact with &lt;a href="mailto:diversity_sg@sinnerschrader.com"&gt;diversity_sg@sinnerschrader.com&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Pictures can say more than words
&lt;/h2&gt;

&lt;p&gt;Our hope was, that we get an awesome picture from our colleagues which we can share on social media to show our support, but also to raise awareness in the company.&lt;br&gt;
In total we got 150 pictures from our SinnerSchrader colleagues and even our friends from Accenture ♥. A lot of them let us known that they like this initiative. We as the Diversity Matters group were so delighted that this topic seems to be important to them. We are truly thankful for the solidarity our colleagues showed! &lt;br&gt;
That’s why I wanted to share this story: &lt;em&gt;Sharing is Caring&lt;/em&gt;.&lt;/p&gt;

&lt;h4&gt;
  
  
  The result speaks for itself
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tWxu5Zag--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/6vu2vvznjsbwq9768cmx.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tWxu5Zag--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/6vu2vvznjsbwq9768cmx.jpg" alt="Mosaic picture of SinnerSchrader and friends in LGBT+ flag colors "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  More about LGBT+ rights and awareness
&lt;/h2&gt;

&lt;p&gt;We didn’t want to “only” ask our colleagues to show their support. We also wanted to raise awareness of the day itself. That’s why &lt;a href="https://dev.to/annikerh"&gt;Annika&lt;/a&gt; interviewed our colleague  &lt;a href="https://twitter.com/terabaud"&gt;Lea&lt;/a&gt;, who had the idea to highlight that day.&lt;br&gt;
They talked about the importance of the IDAHOBIT, why Lea involves herself in diversity actions at work and what she wishes for the future.&lt;br&gt;
You can read the interview here, &lt;a href="https://dev.to/s2engineers/diversity-matters-about-the-significance-of-raising-awareness-of-lgbt-issues-37hp"&gt;Diversity matters: About the significance of raising awareness of LGBT+ issues&lt;/a&gt; 🏳️‍🌈&lt;/p&gt;

&lt;p&gt;We say &lt;strong&gt;no&lt;/strong&gt; to Homo-, Bi-, Inter- &amp;amp; Transphobia. &lt;strong&gt;No&lt;/strong&gt; to violence against LGBT+ people. &lt;strong&gt;No&lt;/strong&gt; to discrimination in countries all over the world.&lt;br&gt;
We say &lt;strong&gt;yes&lt;/strong&gt; to tolerance and respect. &lt;strong&gt;Yes&lt;/strong&gt; to inclusion and diversity.&lt;/p&gt;

&lt;p&gt;Join us in raising awareness, even with little things. Let’s stand together and create a better and more equal world!&lt;/p&gt;




&lt;p&gt;Even though the International Day Against Homo-, Bi- Inter and Transphobia and other days dedicated to related issues are important and have to be used to accentuate current events, we (the diversity matters group at SinnerSchrader) find that these topics should be discussed every day. We are constantly thinking about initiatives in order to do so. Let us know, if you’re interested in learning more about this!&lt;/p&gt;




</description>
      <category>inclusion</category>
      <category>codeiscolorful</category>
      <category>diversity</category>
      <category>lgbtq</category>
    </item>
  </channel>
</rss>
