teleren/devto huggingface dataset:
CSS - What does the tilde(~) mean?
Tags: css, sass, scss
Published: 2020-01-13 20:55:08

---
title: CSS - What does the tilde(~) mean?
published: true
description: Learn what tilde means in CSS
tags: css, sass, scss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ci72bm7jhqya3yxtve3d.png
---

I was recently asked what does the tilde symbol mean in CSS, I am a little embarrassed to say as a UI developer that I had no idea.  Yikes!

Turns out it is actually quite simple and hopefully this post will clear up any confusion you may have in the next couple of minutes.

Take the following HTML and CSS.
```html
<div class="b"></div>
<div class="a"></div>
<div class="b"></div>
<div class="b"></div>
<div class="c"></div>
```
```CSS
div
  height: 100px
  width: 100px
  border: 1px solid red
  margin: 10px
```

This will give you the following visually:
[![Image of HTML](https://i.gyazo.com/7c817249d6795b353a150c1e18db0e62.png)](https://gyazo.com/7c817249d6795b353a150c1e18db0e62)


Now let's get to using our tilde symbol which is also known as a Subsequent-sibling Combinator.  This basically means that it will select all siblings after a selector.

In our case, we want to set the background color of the `3rd` and `4th` element with the class of `b` to red.  Yes, we could do this with `nth-child` but it is not as clean as using the tilde symbol.

We'll add the following CSS:
```css
.a ~ .b
  background: red
```
This will select the two `b` classes after the `a` class which will give us the following.
[![Two squares with red background](https://i.gyazo.com/1825e50fc4c2dd4016bce7247a8d66fa.png)](https://gyazo.com/1825e50fc4c2dd4016bce7247a8d66fa)

Believe or not that is all there really is to the tilde symbol.

[Here is the link to the pen.](https://codepen.io/PaulRyan17/pen/YzPvvbN)

Hope you learned something :)


---
I hope you enjoyed this post and it made things clearer for you.  I often post what I am working on and content I am producing on my Instagram so be sure to give me a follow.  I am trying to post more tech content on Instagram, anyone else fed up with pictures of the gym and food?
Module 2 Discussion
Published: 2020-01-13 20:42:35

Note! Any periods in the code are just for me to display the code, so in order for example, Header codes to work (<.h2.><./h2.>) there should be no period, like this: <h2></h2>

1.	<.h2.><.i.>Gourmet Thai Cooking<./i.><./h2.>

2.	A div element is a grouping tag, for a division or section of html. We see it so much because it is used in tandem with CSS, because it makes separating blocks of html easier, so it makes CSS more precise.

3.	The <.hr.> element is what I would use to indicate a change in topic within a section.

4.	<.em.>Daily Special</.em.>

5.      The code for subscripts is “<.sub.>”, so: H<.sub.>2</.sub.>SO<.sub.>4</.sub.>

6.	<.link rel=”stylesheet” href=”mystyles.css”>

7.	. &#8212.

8.	<p.><.img src="awlogo.png" alt="Art World"><./p>
Hello World! (or help me get past coding block)
Tags: career
Published: 2020-01-13 20:42:09

It's been more than 4 years since I've written any code. I shifted to a program manager position. A lot has happened in 4 years. I can't seem to get off dead center. I've spent (too) many hours "learning" technology around Azure/AWS/DevOps/Docker/Serverless, yet I've produced nothing.

This article was maybe just the push I needed: https://dev.to/josegonz321/lower-your-expectations-when-blogging. I can apply the same sentiment to coding. Just do something (anything), and iterate (fail fast, fail often). I know the mantra, but I'm not living by it.

Here I go...

Hello World!
Discussion: Challenges that we face as dev test engineers!?
Tags: discuss, automation, testing
Published: 2020-01-13 20:29:55

I have worked on projects where the customer literally requests: **We need to automate the testing for this project!**

Basically, this makes me ask:

## What do you exactly need me to do? 
* What are the goals?
* What are the priorities?
* How do you need me to integrate with the SLC!?

What other challenges do you face as test engineers?
ITSC Module 2 Discussion
Published: 2020-01-13 20:26:39

<!DOCTYPE html>
<html>
  <h2>Gourmet Thai Cooking</h2>
		<title></title>
	</h2>
	<body>
	</body>
</html>

2. What is the div element and why will you often encounter it in pre-HTML5 code?
The div element defines a division or section in an HTML document.  It divides an HTML document into sections therefore you’ll encounter it often in pre-HTML5 code.
3.  What element would you use to indicate a change of topic within a section?
<li></li>

4. and 5.
 <!DOCTYPE html>
<html>
  <h2><i>Gourmet Thai Cooking</i></h2>
  <h3><em>Daily Special</em><h3>
    <a>H<sub>2</sub>SO<sub>4</sub>
		<title></title>
	</h2>
	<body>
	</body>
</html>

6. <a href="http://mystyles.css">

7. and 8.
<!DOCTYPE html>
<html>
  <h2><i>Gourmet Thai Cooking</i></h2>
  <h3><em>Daily Special</em><h3>
    <a>H<sub>2</sub>SO<sub>4</sub><p>
      <a><em>&#8212</em></a><p>
      <img src="awlogo.png"> alt="Art World"></a>


		<title></title>
	</h2>
	<body>
	</body>
</html>
This is a test post
Tags: testpost
Published: 2020-01-13 20:18:27

---
title: This is a test post
published: true
description: Test post
tags: Test post
cover_image: https://thepracticaldev.s3.amazonaws.com/i/1pltvm97aamm0ywkqyai.jpg
---

I'm going to be frank. This is a test post. I just want to know if I can redirect my domain, www.frontendgineer.com, here. 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1pltvm97aamm0ywkqyai.jpg)
Hello! I've Missed You All!
Tags: hello, greetings
Published: 2020-01-13 20:04:14

---
title: Hello! I've Missed You All!
published: true
description: A brief re-introduction of myself
tags: hello, greetings
---

I feel like it's been awhile since I last wrote a post or article - nearly four months to be exact! I felt like writing a brief "re-introduction" since I've been inactive for a stretch of time; I've still been reading everyone's awesome work and keeping up with that, but haven't been creating any new content of my own.

Anyways, to avoid rambling, I'm back! I took some time off of writing because it was becoming a source of anxiety for me to meet my "write an article every week" goal. At work I've been going through a period where I have been doing more maintenance and Salesforce admin-type tweaks for converting to Lightning than producing new work or resolving crazy bugs, so I was finding myself at a loss for what to write about. Instead of stressing, I put the articles aside for awhile and accepted that it's okay to not meet a yearly goal if it's become a hindrance.

I don't know whether I'll be writing an article every single week, every other week seems more reasonable for the time being. I already have some great article ideas for those who are following me for my Salesforce content - I'll be digging into an awesome project soon as we finish Lightning conversion at my company, and I plan to bring you all along for the ride! Salesforce will probably be my main focus going forward, but you can expect to see some occasional C# .NET content as well. Perhaps even a sprinkling of life lessons. :)

So... yea, it's great to be back! I'm happy to see everyone still writing, and if you actually made it this far just know that you're awesome and I hope you have a fantastic new year!

Keep on writing and learning!
Rachel


---

If you'd like to catch up with me on social media, come find me over on [Twitter](https://twitter.com/RachSoderberg) or [LinkedIn](https://www.linkedin.com/in/rachelsoderberg/) and say hello!
My Journey into the World of Software Engineering
Tags: beginners, flatiron, story
Published: 2020-01-13 19:56:11

The time had finally come to pack up my belongings and move across the country and somehow I had convinced my partner and best friend to join me. We crammed everything we could into my friend’s car, dubbed “The Granny”, and made our way from my hometown in Asheville, North Carolina to Seattle. 

I came to Seattle without a job or an apartment. After graduating with a degree in International Studies, I quickly realized I had no clue what I wanted to do career-wise. After crashing on some friends’ couch for a few weeks, I finally found an apartment but I still needed a job and so I ended up taking the role of a security officer at University Village, a path I never imagined for myself. 

After a few months, I transitioned into a role that the Security department made specifically to play to my strengths. I had started digitizing many of the Security team’s outdated documentation, initiated a new digital parking enforcement system, and became a shift lead. Since I knew I didn’t want to stay in Security, I used my free time to explore other interests like art, math, and teaching. Unfortunately, none of these fields felt right to me but there was still a subject I had been putting off exploring: programming. 

My partner, who is a software engineer, had been telling me to give coding a shot for years, saying my problem solving skills and highly logical mind would be perfect for software development but for whatever reason I had put it off. As someone who is generally very high-achieving and driven, I was fed up with my job and very frustrated that I hadn’t really started a career. I ended up taking an online Python Fundamentals course from the University of Toronto and lo and behold, I loved it. From there, I made my way through freeCodeCamp’s 300 hour Web Design course as well as a few Java classes at Seattle Central. At this point I felt confident that software engineering was a great fit for me and that I was ready to take the next step in kick starting my career. Cue going to Flatiron School.

Since I started going to Flatiron, I have looked forward to every day of class. It feels amazing to be learning so much and to be surrounded by such a diverse group of people with a common passion for coding. Every time I get stuck on a certain problem or concept, it feels so rewarding when I finally have that ah-ha moment and discover something new about programming or problem solving. 

I look forward to whatever my career in software engineering has in store for me. My dream is to ultimately get a job that will allow me to always be learning and to make the world a better place, whether that be directly through my work, through [earning to give](https://www.givingwhatwecan.org/pledge/), or preferably both. The beauty of software engineering is that it is such a broad and relevant field that it can be applied to many areas and have far reaching impact. I believe my passion for efficiency, creative problem solving, and working as a team, will propel me into success as a software engineer.
[Update] Creating Your First Laravel App and Adding Authentication
Tags: authentication, jwt, laravel
Published: 2020-01-13 19:54:18

---
title: [Update] Creating Your First Laravel App and Adding Authentication
published: true
description: Learn how to build a Laravel CRUD application that includes authentication.
tags: #authentication #jwt #laravel
canonical_url: https://auth0.com/blog/creating-your-first-laravel-app-and-adding-authentication
---

TL;DR: Laravel is a great PHP framework. Currently, it is the most starred PHP project on Github and a lot of companies and people all over the world use it to build amazing applications. In this tutorial, I'll show you how easy it is to build a web application with Laravel and add authentication to it without breaking a sweat. 

[Keep reading 🚀] (https://auth0.com/blog/creating-your-first-laravel-app-and-adding-authentication/?utm_source=dev&utm_medium=sc&utm_campaign=laravel_authentication)
Why Am I Here?
Published: 2020-01-13 19:43:00

Why am I here? Why drop everything I studied in college? Why become a software developer? These are all important questions, and the answers require looking back in time. I began my post-high school academic life as a kinesiology major, as is common for athletes who aren’t good enough to keep playing the games they love in college. That didn’t last long. I transferred to a new college, only to find that their kinesiology program had a two year backlog. I needed a new major, so I just picked one at random. My only requirements were that it was STEM, and that I could graduate sooner than was possible in kinesiology. I landed on geophysics, a subject about which I knew nothing, and started on the prerequisites. This was my first exposure to programming, as I was required to take Intro to Programming in C++ my first quarter. The instructor was below average, and the classmates antisocial, but I was hooked. It easily beat out calculus, physics, and geology as my favorite class that quarter. I looked into majoring in computer science, but found that it also had a multi-year backlog. The quarter ended, and it was time to leave coding behind, but the mindset I learned that first quarter stuck with me. Throughout the rest of my university education I gravitated towards the technological aspects of earth science, focusing on  arcGIS, MATLAB, and lidar while my classmates hammered rocks and looked at the fragments under a microscope. Then school was over, and it was time to get a job. The oil industry, the primary employer for recent earth science grads, was down, so  I found work doing seismic refraction surveys in the mountain west. This was basically seasonal work, with little to do in the winter, and was less than fulfilling. After a year and a half my contract wasn’t renewed, and it was time to look for something new. That was when, like something out of a bad movie, I heard an ad for Flatiron School on the radio while I was home visiting my dad. I did a little research and sent in an application. 

<figure>
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ps3fu51x1s9o36cq7py0.JPG)
<figcaption> Me during Summer 2018, looking like the opposite of a future software developer. </figcaption>
</figure>

Now I’m here, and for the first time in my life I know why. I’m here because I like to make things, and I like to do it my own way. I have the spirit of a crackpot garage inventor. Unfortunately, the age of lone inventors is long gone, the low-hanging invention fruit of the physical world  having been thoroughly picked over. Programming is different. That’s what I was drawn to during my initial exposure. Everything is still in its infancy, with little set in stone. There is still room for individual innovation and contribution. I was born too late for the industrial revolution, but just in time for the digital revolution, and I fully intend to participate.
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2020-01-13 19:41:27

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Gotta read 'em all!

Want to multitask by listening instead of reading? Mustafa shows us how to turn any PDF file into an audiobook using Google's Text To Speech library.

{% link https://dev.to/mustafaanaskh99/convert-any-pdf-file-into-an-audio-book-with-python-1gk4 %}

#2. Crucial Competencies

Sophia shares their learnings from collaborating, communicating, and building projects with a team. A helpful read for anyone who's transitioning from solo projects to team projects!

{% link https://dev.to/sophia_wyl/5-things-i-learned-from-coding-with-other-people-my-first-web-development-team-project-48fk %}

#3. DEV PC

David shares the packages, software, and random programs they use for their ubuntu 19.0 coding setup.

{% link https://dev.to/dmendoza99/how-i-set-my-linux-computer-for-coding-3goc %}

#4. Handy Shortcuts

Andreas created a bunch of gifs to show off the handy VS Code shortcuts that they use. Perhaps you'll incorporate some of these into your development workflow as well!

{% link https://dev.to/devmount/23-lesser-known-vs-code-shortcuts-as-gif-80 %}

#5. Worst Case vs Best Case

Emilie dives into seven algorithms and shares their best and worst case scenarios. Code snippets included!

{% link https://dev.to/hexangel616/notes-on-algorithms-36pi %}

#6. Controlling Computer Memory 

Deepu is kicking off a deep-dive series on memory management. In this post, they introduce us to what memory management is, and why it's important. 

{% link https://dev.to/deepu105/demystifying-memory-management-in-modern-programming-languages-ddd %}

#7. No More Limits!

Jonathan shares a free alternative to some of the paid features of Postman. In this post, they show us how to use REST Client.

{% link https://dev.to/monisnap/bye-bye-postman-let-s-share-your-rest-api-calls-in-team-easily-h6l %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
What stands in the way of learning the things you really want to learn?
Tags: discuss
Published: 2020-01-13 19:31:53

---
title: What stands in the way of learning the things you really want to learn?
published: true
tags: discuss
---

Being a software developer means being a life long learner, and the wish list of things to study and practice never gets shorter.

What are the specific things that stand in your way of learning the things you'd most like to learn?
O programador pragmático: consertando vidros quebrados.
Tags: books, pragmatic, dev
Published: 2020-01-13 19:16:06

Estou lendo este livro sensacional chamado "The Pragmatic Programmer" (aka O programador pragmático). So far, so good. Esta é uma tentativa de sumarizar alguns aprendizados do livro conforme eu vou lendo e aplicando no meu contexto real.

# Sobre vidros quebrados

Sabe aquele prédio que até um mês atrás havia apenas um vidro quebrado e conforme o tempo passou, ele veio se deteriorando dia após dia? Acredite ou não, poderia ser o seu código.

O que quero dizer é que um erro *besta* de arquitetura, design pattern e decisões de negócio podem afetar o seu código no futuro se você não tratar o quanto antes. É como um virus que se estabelece e há de ser tratado o quanto antes.

# Meu contexto

Recentemente refatorei __toda__ uma aplicação front-end na empresa em que trabalho pois a codebase anterior estava atrofiada a tal ponto que era complicado adicionar novas features. Como se tratava de um MVP, tento entender a pressa e as decisões escolhidas no momento. E, também por ser um MVP, refatorar não foi muito custoso. O resultado vem sendo um produto bom pro desenvolvedor e bom pro usuário.

Mas recentemente me peguei tomando decisões ruins na organização de pastas e arquivos, e na arquitetura no geral. Fui capaz de perceber que aquilo não *escala*, mas fui empurrando com a barriga até o momento atual.

# Conclusão

Esta parte do primeiro capitulo de *O programador pragmático* serviu para deixar claro algo que eu já sabia, e foi o empurrão necessário para eu voltar e melhorar o meu código e não cometer o mesmo erro que cometeram no passado.

Com o objetivo de me tornar um melhor desenvolvedor, este capitulo deixou bem claro pra mim o primeiro passo que devo tomar. Deixar sua codebase atrofiar sabendo que poderia melhorar te faz irresponsável, e não é o que queremos, correto?
Customized Vulnerability Alerts delivered to your Slack Channel using GitHub Actions
Tags: security, devops, github, opensource
Published: 2020-01-13 19:07:00

With the increasing complexity of technology stack, managing endless threats and maintaining the security of your Infrastructure can be a significant challenge — and a time-consuming one. As a Developer and Security Engineer, I have to keep an eye on recent vulnerabilities related to technology stack so that vulnerabilities can be patched asap. 

NVD provides us Multiple Feeds containing vulnerabilities according to CVE specification but those feeds aren't human-readable and it requires manual efforts to check whether the products we're using are affected. There are multiple solutions available in the market but those are mainly commercial or require configuring one or another infrastructure. So, I built a simple GitHub action that can be used easily and doesn't require any maintenance.

## Why GitHub Actions?
GitHub Actions enables you to create custom software development life cycle (SDLC) workflows directly in your GitHub repository. GitHub Actions are complete **free** for open-source repositories and allow 3000 minutes per month free usage for Private Repositories. Also, GitHub WorkFlows can be triggered based on scheduled events. 

###What you'll need?
- [A Slack Incoming Webhook](https://slack.com/intl/en-in/help/articles/115005265063-Incoming-WebHooks-for-Slack)
- [CPE ID of products that you want to monitor](https://nvd.nist.gov/products/cpe/search)
- Public/Private GitHub Repository

{% github y-mehta/vulnalerts %}


### Sample Alert:

![image](https://user-images.githubusercontent.com/24428063/72280765-19bf9380-365f-11ea-84d3-395a78343f3e.png)

### How to Use?

Step 1:
- Goto Repository Settings -> Secrets -> Add a New Secret
- Enter ```SLACK_WEBHOOK``` in the Secret Name and your slack webhook in the value.

Step 2:
- Add CPEs of the products that you want to monitor for vulnerabilities in the **cpe.txt** file. [Each CPE on new line]

Step 3:
- Create new workflow in .github/workflows/alerts.yml
```
name: VulnAlerts

on: 
  schedule:
    - cron:  '15 * */1 * *'

jobs:
  alert:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@master
    - uses: y-mehta/vulnalerts@master
      env:
        SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
    - name: done
      run: echo 'done'
```

- That's it. You'll receive daily alerts on the selected slack channel.

I would love feedback from other people working on similar things.
Finally published my personal portfolio/blog
Tags: showdev, react
Published: 2020-01-13 19:05:57

After a few iterations and trying to strive for the 'perfect' blog and personal portfolio, I finally caved and have published my site for the world to see.

You can find it [here](https://shivan.dev)

And as a bonus, I quickly added in a dark mode toggle using the [use-dark-mode](https://github.com/donavon/use-dark-mode) hook.

![GIF should dark mode toggle](https://thepracticaldev.s3.amazonaws.com/i/ap37rcvra9sspmo6tf23.gif)

Things I want to improve on:

- a11y : I haven't given any thought to accessibility yet, and it's the first on my list of things to tackle
- responsiveness and device consistency : I have only tested on my mobile device and laptop. So i'm not exactly sure how good this looks on other resolutions and devices
- posts : currently I load posts into a Firebase real-time database via a manual JSON payload upload. I want to automate this process.
- colors: color is subjective, so even though I like then color scheme, everyone else may not feel the same!

Any feedback is appreciated, I plan to post canonically on my personal site then cross-post to DEV!