teleren/devto huggingface dataset:
The sexyest fade effect ! 
Tags: ui, css, fade
Published: 2021-01-21 13:00:11

Hey **fellow creators**.

Let's face it, this effect rocks, let's code it right away.

If you prefer to watch the video **version** it's right here : 

{%youtube QMxAhp7MWwk%}


##1. The HTML structure.

We need one block after another, so let's just code a flex container.

```html
    <div class="home">
        <div class="bloc-fade">
            <h1>DEEP BREATH</h1>
            <p>Lorem ipsum100</p>
            <br>
            <p>Lorem ipsum30</p>
        </div>
        <div class="bloc-background"></div>
    </div>
```

##2. CSS time.

Now let's just style this quickly.

```css
*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    height: 100vh;
    color: #2a3d4e;
}
.home {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}
.bloc-fade{
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 800px;
    height: 100%;
    background: #fff;
}
.bloc-background {
    background-image: url("https://cdn.dribbble.com/users/1803663/screenshots/10002691/media/67450df1b3b91525836dc741b74a6aa1.png");
    background-repeat: no-repeat;
    flex-grow: 1;
    height: 100%;
}

h1 {
    text-align: center;
    font-size: 70px;
    padding: 100px 0 50px 0;
}

.bloc-fade p {
    width: 70%;
    font-size: 18px;
    text-align: justify;
}

```
Ok so now we do have that kind of interface : 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qlyd8wdela9bnby1erh0.png)

Which is already good looking isn't it ? 

But we need to add the last touch for the fade effect.

##3. The last touch

Add this to ".bloc-fade".
```css
.bloc-fade {
   box-shadow: 100px 0 100px 100px  #fff;
}
```
The trick here is to put 100px to the 4th values, the spread value.
It will create a nice harmonized shadow, and, indeed, our desired fade effect.


Bravo bravo ! 🥖🧀🍷

The source code : https://codepen.io/Ziratsu/pen/mdrgBYQ?editors=0100

Come and take a look at my brand new **Youtube channel** :
https://www.youtube.com/channel/UCiukrDWz1wqlHAvIdqgqmQg
Be part the first pioneers that follow me uh ? ⛰️

My Yt : https://www.youtube.com/c/TheWebSchool

*Take care of you and see you next time.*

Enzo.
6 steps to get problem solving skills
Tags: webdev, programming, productivity, codenewbie
Published: 2021-01-21 12:59:09

(Short Post😉) Problem-solving is one of the characteristics of the highest values you can have as a  developer. Following 6 steps will help you become a master problem-solver. 

---

### 1. Focus

Focus on the solution, not the problem because you're effectively feeding 'negativity', which in turn activates negative emotions in the brain. 

### 2. Define the problem

By repeatedly asking the question "why" on a problem. and that's how you can find the best solution. 

### 3. Simplify things

Try simplifying your problem by generalizing it. Remove all the details and go back to the basics. Try looking for a really easy, obvious solution first. 

### 4. Use active listening

The best problem solvers are great listeners. Problem-solving requires you to take in a variety of inputs and opinions and carefully analyze them. 

### 5. Think laterally

Try to change your approach and look at things in a new way. 'You cannot dig a hole in a different place by digging it deeper'. **Read it Again**. 

### 6. Take action

Implement your chosen solution in a planned and deliberate way, and then observe how it is working and decide if further action needs to be taken. 

---

Are you a problem solver? Want to add something to the? Comment Below!

⚡Thanks For Reading | Happy Coding 😎

Get weekly newsletter of amazing articles i posted this week and some offers or announcement. Subscribe from <a href="https://mailchi.mp/9f73b65b9c38/rahulism" target="_blank">Here</a>

<a href="https://www.buymeacoffee.com/rahxuls" target="_blank"> <img src="https://res.cloudinary.com/rahulism1/image/upload/v1608182430/bmc_nbxakd.png"></a>
Cron Job
Tags: linux
Published: 2021-01-21 12:54:16

# What is cron?
The origin of the name cron is from the Greek word for time.

Hear is an quick example for backing up my system at (01 01) every day.
> 01 01 * * * /usr/local/bin/rsbu -vbd1 ; /usr/local/bin/rsbu -vbd2  

well i presume u dont get most of it. don`t worry i got it covered for you. i will explain each and every step. 

First there are 5 places we need to understand those are
* sec 0 - 59
* min 0 - 59
* Hr  0 - 23 in 24 Hr fashion
* day 0 - 30/31
* month 1 - 12
* week 0 - 6 (0 being sunday )

```
 | ............... sec (0 -59)
 | | ............. minute (0 - 59)  
 | | | ........... hour (0 - 23)  
 | | | | ......... day of month (1 - 31)  
 | | | | | ....... month (1 - 12)  
 | | | | | | ..... day of week (0 - 6)  
 | | | | | |  
`* * * * * *`  
```
Examples  
* every year 1st of jan `* * * 1 1 *`
* every hour `0 59 * * * *`
* every day at 12 `0 * 12 * * *`
How to Make a WordPress Website In Easy Steps?

Tags: wordpress
Published: 2021-01-21 12:48:11

Many internet marketers who aspire high running across WordPress and wondering how to make a WordPress website. WordPress so far is one of the best online content management systems around and allows for easy adjustments and features due to flexibility. CMS does not require website software such as FrontPage or Dreamweaver. Instead, you will manage your web content in the Administration area using your web browser.

You can access your website wherever you have an internet connection. Knowledge of web programming languages ​​such as HTML or CSS is very helpful but it is not needed to build a website on WordPress. Fortunately, this is a good starting point for users who can immediately start building their own websites in a few minutes. Wordpress is very easy and easy to start if you are willing to try it. Visit <a href="https://www.howtobuysaas.com/">howtobuysaas</a>.

Here's how to create a WordPress website in 3 easy steps:

1. <strong>Get your own WordPress website:</strong> Don't let the website turn you on. Uniting it is very simple and much easier than you think because most host providers provide free access to many site builders that you can use to create your website. You can buy domain names and hosting for under fifty dollars to get your website and run. This is the first step for those who are interested in how to create a WordPress website. Once in place, this website will allow you to get a rating in popular search engines so you can generate substantial traffic to your website.

2. <strong>Install WordPress:</strong> After you buy a domain and have web hosting, you want to install WordPress in your web hosting. This is one of many questions that comes to mind when someone wants to know about how to create a WordPress website. You will be able to choose a username and administrative password after installing WordPress under the new domain name you get.

3. <strong>Select the theme & Content Add:</strong> This is one of the most important steps after creating your website. The theme will determine the look and feel of your website and play an important role in how your visitors will interact with your website. Some people think this is how to create a complete WordPress website, but this is just the beginning. The next step after you select the theme for your WordPress website is adding content.
¡Que tengamos suerte!
Tags: xaviermitjavila
Published: 2021-01-21 12:47:54

---
title: ¡Que tengamos suerte!
published: true
description: Las primeras semanas de este 2021 no han cambiado nada todavía. Continuamos con el mismo dibujo que teníamos en Diciembre. Las mismas angustias y las mismas esperanzas. Todo igual. Pero ya no es igual. Hace días que hablamos de Pfizer, de Moderna y de AstraZeneca. Y psicológicamente no tiene nada que ver. En nuestros cerebros, ya es muy evidente que cada día que pasa es un día que nos acerca a la normalidad de antes.
tags: xaviermitjavila
//cover_image: https://dev-to-uploads.s3.amazonaws.com/i/rhnqlzentoqizhfg0jfd.jpg
---
Las primeras semanas de este 2021 no han cambiado nada todavía. Continuamos con el mismo dibujo que teníamos en Diciembre. Las mismas angustias y las mismas esperanzas. Todo igual. Pero ya no es igual. Hace días que hablamos de Pfizer, de Moderna y de AstraZeneca. Y psicológicamente no tiene nada que ver. En nuestros cerebros, ya es muy evidente que cada día que pasa es un día que nos acerca a la normalidad de antes.

2021 será un buen año porque todos intuimos, todos sabemos, como acabará. A partir de un cierto momento, la demanda se irá normalizando y podremos volver. Este momento podría ser a principios, mediados o finales de verano … pero llegará. ¡Y esta es la primera certeza que tenemos desde hace muchos meses!

El primer trimestre será el que será. Un periodo puro de nadar y guardar la ropa. De no hacer demasiada publicidad. De no hacer demasiadas promociones. De no invertir. A partir de Semana Santa, quizás tímidamente, podremos empezar a apretar. Y después, la última parte del año será para invertir como lo hacíamos antes. Actividad normal para continuar desarrollando nuestras empresas.

En este contexto, cada vez más positivo, parece que todo el mundo quiere contribuir. Después de las largas colas de camiones en Dover justo antes de Navidad, ya tenemos un acuerdo y el largo y penoso jeroglífico del Brexit está solucionado. La llegada de Biden a la Presidencia de los Estados Unidos (¡que largo se ha hecho este periodo de transición!) también ayudará a reconducir las guerras comerciales a las que nos ha acostumbrado su predecesor y aportará un poco de sentido común para la economía.

Y como decía Lluis Llach, sólo nos faltará algo. Que tengamos suerte. Que encontremos todo lo que nos faltó. Ayer.
Locating a specific file in terminal
Tags: linux, terminal, search
Published: 2021-01-21 12:32:24

If you are a CLI enthusiast like myself and always looking for a file but don't know where it is exactly then I got a solution for you

First install mlocate in your system

update: I failed to mention that you need to first update your database before searching anything

put this in your terminal
```
sudo updatedb
```

Type ```locate keyword```

and you will see your results like this. However, if you search for something that is very common you will get hundreds of results and that won't be ideal.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zwu0oaes5gokhlpwov9n.png)

**However, if you search for something that is very common you will get hundreds of results and that won't be ideal.**

My typical command is the following

```locate keyword | grep keyword```

**grep** *searches one or more files for lines that matches a regular expression pattern.*

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/t7gkxgs5ad9wbp8ot3jd.png)

Hope this helps whenever you are trying to edit a file that you haven't touched in months.
Compartir un sitio local al Internet
Tags: tip, desarrollo, networking
Published: 2021-01-21 12:25:27

---
title: Compartir un sitio local al Internet
description: Alguna vez les ha pasado que un cliente desea ver avances del desarrollo pero no tienen desplegado aún el ambiente de pruebas?
published: true
tags: ['tip', 'desarrollo', 'networking']
canonical_url: https://marceloandrader.github.io/blog/2021/01/21/compartir-un-sitio-local-al-internet/
---

Alguna vez les ha pasado que un cliente desea ver avances del desarrollo pero no tienen desplegado aún el ambiente de pruebas?

Una posible solución puede ser hacer una video conferencia para mostrar lo que se tiene compartiendo la pantalla, pero el cliente solo va a ver el avance sin interactuar.

Una mejor opción que suelo usar es [ngrok](https://ngrok.com/) para que el cliente pueda revisar e interactuar con los avances del sitio o aplicación, ejecutando la aplicación desde mi máquina local.

Para esto se debe tener ejecutando un servidor web, como por ejemplo usando el [servidor web interno de php](https://marceloandrader.github.io/blog/2021/01/20/php-web-server/) y se ejecuta el siguiente comando:

```
ngrok http http://localhost:8000
```

En la consola se mostrará que está ejecutandose y mostrará dos urls una con http y otra con https se comparte esa URL con el cliente (en el siguiente ejemplo es https://4315885d6a96.ngrok.io) y podrá revisar lo que tengas desarrollado desde cualquier lugar en el Internet.

```
ngrok by @inconshreveable (Ctrl+C to quit)

Session Status online
Account Marcelo Andrade (Plan: Free)
Version 2.3.35
Region United States (us)
Web Interface http://127.0.0.1:4040
Forwarding http://4315885d6a96.ngrok.io -> http://127.0.0.1:8000
Forwarding https://4315885d6a96.ngrok.io -> http://127.0.0.1:8000

Connections ttl opn rt1 rt5 p50 p90
0 0 0.00 0.00 0.00 0.00
```

Hay ciertas limitaciones para evitar abusos en el plan gratuito, como 1 solo proceso ngrok y solo 40 conexiones por minuto. Pero para que una persona pruebe es más que suficiente. Hay una versión de pago que quita estás restricciones en diferentes planes.
LGTM Devlog 23: Sprint 2 Retrospective
Tags: devjournal, github, python, agile
Published: 2021-01-21 12:20:17

Sprint 2 is over, I let Sprint 2 run on for a bit longer than a week because I spent a weekend in the middle working on a different (music) project, and also the tasks took a bit longer to do.

The board looks like this:

![Sprint board](https://dev-to-uploads.s3.amazonaws.com/i/h7g19u0zhx98gnsom7wr.png)

# Retrospective

I shouldn't really allow the sprint to go on that, that's not good form, and is a slippery slope to complacency about tasks and defeats the purpose of running sprints. I'm going to try not do that next time, however it's somewhat challenging as my free time varies from week to week. Perhaps I should do time-tracking and consider a "sprint" to be a fixed number of work hours I can dedicate to the project rather than days. I'll think about that if this happens again.

On the plus side, a significant amount of the backend architecture has been made clear by this sprint - we now know how quests will be defined, we have classes for handling Users, Games, and Quests, that we can extend, and the structure of the repository has been significantly simplified! This puts us in a good position to go into Sprint 3
What is your 1 tip for new writers on dev ?
Tags: discuss, watercooler, help, writing
Published: 2021-01-21 12:10:07

Dev.to is a big community, with more people joining everyday. What tip would you like to give, that could help new users make the most of this platform ? 
Your tips could be around type of content to write, how to optimize content for visibility, how to interact with people, how to engage the dev audience or anything that you have found useful in you time on dev. 
THANKS!
GraphQL Asia - Announcing Second Round of Speakers
Tags: graphql, graphqlasia, conference
Published: 2021-02-02 12:49:07

---
title: GraphQL Asia - Announcing Second Round of Speakers
published: true
date: 2021-01-21 12:00:24 UTC
tags: GraphQL,GraphQLAsia,Conference
canonical_url: https://hasura.io/blog/graphql-asia-announcing-second-round-of-speakers/
---

 ![GraphQL Asia - Announcing Second Round of Speakers](https://hasura.io/blog/content/images/2021/01/gqla_announcing_2nd_round_of_speakers-1.png)

Asia’s largest gathering of GraphQL enthusiasts is going online for its third edition on 24th & 25th Feb 2021. Tickets are free! You can register [here](https://graphql.asia/).

The first round of speakers was announced last week, you can read more about them here. Today, we added 2 more in-depth workshops and 11 more fantastic speakers to our line up.

## Workshops

[GraphQL in the Jamstack](https://graphql.asia/workshops/graphql-in-the-jamstack/)  
_Tamas Piros, Cloudinary_

[Type-safe GraphQL apps with TypeScript](https://graphql.asia/workshops/type-safe-graphql-apps-with-typescript/)  
_Aaron Powell, Microsoft_

## Talks

[Monorepo development using Hasura role and GraphQL Code Generator](https://graphql.asia/talks/monorepo-development-using-hasura-role-and-graphql-code-generator/)  
_Yudai Shinnoki, WASD Inc._

[Intelligent Caching with GraphQL Gateway using CDC](https://graphql.asia/talks/intelligent-caching-with-graphql-gateway-using-cdc/)  
_Roshan Alexander, Pratilipi_

[Connect your enterprise to Cloud with Hasura and Apache Kafka](https://graphql.asia/talks/connect-your-enterprise-to-cloud-with-hasura-and-apache-kafka/)  
_Wojciech Trocki, IBM_

[GraphQL: Wrong Answers Only!](https://graphql.asia/talks/graphql-wrong-answers-only/)  
_Peter Piekarczyk, Draftbit_

[Reintroducing Schema Stitching in 2021](https://graphql.asia/talks/reintroducing-schema-stitching-in-2021/)  
_Greg MacWilliam, Vox Media_

[Data Science with Weaviate and GraphQL](https://graphql.asia/talks/data-science-with-weaviate-and-graphql/)  
_Laura Ham, SeMI Technologies_

[Client-side migration strategy: from REST to GraphQL](https://graphql.asia/talks/client-side-migration-strategy-from-rest-to-graphql/)  
_Zhifan Li, Coinbase_

[GraphQL & Microservices - the different approaches & challenges](https://graphql.asia/talks/graphql-and-microservices-the-different-approaches-and-challenges/)  
_Toan Nguyen, Hasura_

[Adopting GraphQL in a legacy NodeJS API](https://graphql.asia/talks/adopting-graphql-in-a-legacy-nodejs-api/)  
_Pranay Kalro, Tesco_

[A Tale of Inherited Projects and why we kept Hasura](https://graphql.asia/talks/a-tale-of-inherited-projects-and-why-we-kept-hasura/)  
_Brooke Swanson, Outpace_

You can read more about the talks -- and the incredible speakers giving them -- over at the GraphQL Asia [homepage](https://graphql.asia/).
Sitecore and Augmented Reality: Connecting the Offline and Online Customer Experience with a Virtual Try-on

Tags: sitecore, ar, virtual
Published: 2021-01-21 11:59:12

Brimit Announces Alexei Vershalovich, Artsem Prashkovich and Andrei Paliakou Have Been Named Sitecore Most Valuable Professionals. 
Discover here: https://www.brimit.com/blog/sitecore-augmented-reality-virtual-try-on
From a Game Dev, To Web Dev
Tags: gamedev, webdev, angular
Published: 2021-01-21 11:53:57

Hi!, I'm hamza loukili, I'm new here, and I'd love to learn more about web development, I have a little knowledge about web dev (basic html5, css3, sass, JS)
and I currently trying to learn angular, with project and examples to follow, my journey begins here :D
if anyone can suggest me good books to learn from, it will be very helpful

Thank you in advance
I turned What's Going On (Whagon) into a Rails app!
Tags: rails, react, webdev, showdev
Published: 2021-01-21 11:50:50

A few days ago, I presented a very simple React app that shows what's going on in any GitHub repository. You can read about it here:

{% link https://dev.to/albertopdrf/get-to-know-what-s-going-on-in-any-github-repository-5709 %}

After thinking a bit more about it, I decided to go ahead and turn the app into a Rails app with a React frontend powered by the `react-rails` gem, [you can check it out here](https://whagon.herokuapp.com)!

I decided to go the Rails way for a few reasons:
1. A backend was needed to be able to implement a GitHub login (already done! 😎), which will allow for many other features to come, stay tunned for them!
2. I wanted to build something with Rails again for too long 😜
3. Do you really need more? 😁

I'll keep you posted on the progress, thanks for reading!
FireEye announces technical details of SolarWinds hacker and provides free detection tools
Tags: azuread, m365, security
Published: 2021-01-21 11:46:25

---
title: FireEye announces technical details of SolarWinds hacker and provides free detection tools
published: true
description: 
tags: AzureAD, M365, Security
//cover_image: https://direct_url_to_image.jpg
---

In the latest white paper released on Wednesday, FireEye warned that in SolarWinds supply chain attacks, hackers (identified by the US Intelligence Service and Computer Security Agency as the Russian national hacker organization) specifically targeted two types of people: people and systems that have access to advanced information administrator.

The report introduces four "main techniques" used by hackers:

- Steal the Active Directory Federation Service (AD FS) token signing certificate and use it to forge tokens for any user, thereby bypassing various authentication requirements.

- Modify or add trusted domains in Azure AD to add a new federated identity provider (IdP) controlled by the attacker to create a backdoor on the network.

- Hacking into highly privileged local user accounts synchronized with Microsoft 365 (for example, global administrators or application administrators).

- Perform backdoor operations on existing Microsoft 365 applications by adding new applications or service principal accounts to use the legal permissions assigned to the application, such as being able to read emails, send emails as any user, and access User calendar, etc.

As for mitigation measures, FireEye extensively recommends reviewing all system administrator accounts, especially to see if there are any "accounts that have been configured or added to a specific service principal" and delete them, then search for suspicious application credentials and delete them. The company has also released a free detection tool called "Azure AD Investigator" on GitHub ( https://github.com/fireeye/Mandiant-Azure-AD-Investigator ), which can detect whether the corporate network is affected by SolarWinds Orion's backdoor software invaded.

**Reference**
Remediation and Hardening Strategies for Microsoft 365 to Defend Against UNC2452:
https://www.fireeye.com/content/dam/collateral/en/wp-m-unc2452.pdf
Vim tip: alias command
Tags: vim, productivity, beginners
Published: 2021-01-21 11:27:47

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3ciyb0aipxcmj2b5p6er.jpeg)

To integrate vim with Git, I don't use vim-fugitive, but Gina:
https://github.com/lambdalisue/gina.vim

Everything is fine with it except that it takes a long time to type `:Gina`. So I made myself a one-letter alias:
```vim
command -nargs=+ G :Gina <args>
```

And now I can do this:
```vim
:G status
:G add lib
:G commit -v
:G push
```
Hiring For Node JS Developer
Tags: hiring
Published: 2021-01-21 11:23:28

## About Us
InKnowTech is an 18 years old company with rich experience in designing, deploying and managing complex IT Infrastructure. We have built a sustainable relationship with over 50+ global customers in different industries. Headquartered in Bangalore, the IT capital of India, the company has over 1000+ skilled engineers trained in diverse technologies to run and manage end-to-end IT operations.

## Skill & Qualifications: 
Experience: 10+ Years

Location: PAN India, work from home

SkillSet: Node, Javascript/Typescript, AWS (lambda, DynamoDB, SQS/SNS, API Gateway), Terraform, React

Notice Period: Immediate


## How To Apply: 
Share your resume at sundeep.g@inknowtech.com or 
Apply here: https://inknowtech.com/carriers/hiring-for-node-js-developer-us-client/



_Please feel free to leave questions in the comments section._