teleren/devto huggingface dataset:
Telescope - Open source Graph documentation
Tags: showdev, graph, javascript, contributorswanted
Published: 2021-09-20 08:43:32

[Telescope](https://github.com/Greaby/telescope/) is a collaborative documentation tool and a static site generator.

Unlike a wiki where the pages have a hierarchy. In Telescope, we add cards in which we add the content and its keywords. The project then generates a graph that allows you to explore the content.

I was inspired by the principle of Zettelkasten. I wanted to make it  collaborative by proposing a simple way to add content in Markdown.

I developed Telescope to make Galaxie GD. It's an index that lists all the  content related to game design (in French) that can be found on the  internet. (Videos, articles, books, podcasts, etc.) You can see the project in action [here](https://greaby.github.io/galaxie-gd/)

For the moment, Telescope is in beta. I'll make it evolve, and I still have a lot of work to do before I can propose a 1.0 version (responsive, search, document the project).

Do not hesitate to go and see the project. 
I'm looking for people who could help me in the development. Also looking for people interested in completing the content of Galaxie GD.

{% github Greaby/telescope %}
7 Principles of Software Testing
Tags: softwaretesting, sdlc, sqa, softwarequality
Published: 2021-09-20 08:42:18

According to International Software Testing Qualification Board there are seven principles that should be considered when developing the testing strategy for a software product.

### 1) Testing shows presence of defects
By testing you can show presence of defects in a product but you can never prove that the product under test is defect free. 

### 2) Exhaustive testing is impossible
Testing all possible scenarios (all combinations of preconditions and inputs) is not feasible. Techniques like risk analysis should be used to prioritize and focus the testing efforts.

### 3) Early testing
The testing activities should be started as early as possible during the software or system development life cycle. The cost to fix a bug increases exponentially if the bug is found in a later phase of the development life cycle.

### 4) Defect clustering
In a project, a small number of the module can contain most of the defects. Pareto Principle to software testing state that 80% of software defect comes from 20% of modules.

### 5) Pesticide paradox
The test cases should be reviewed and updated on regular basis. New tests should be developed to exercise new parts of the software or system. If this is not done and the same tests are repeated again and again eventually no new bugs will be found, but this does not mean that the system is defect free. Testing should focus on continuous improvement during the complete development life cycle.

### 6) Testing is context dependent
The testing approach depends on the context of the software developed. Different types of software need to perform different types of testing. For example, The testing of the e-commerce site is different from the testing of the Android application.

### 7) Absence of errors fallacy
If a systems does not fulfill the user needs and expectations then having a bug free system does not help. Functional testing and a deep understanding of the customer expectations is a must during the development life cycle.
How to fix your macbook trackpad not responding
Tags: mac
Published: 2021-09-20 08:37:39

Reset the System Management Controller (SMC)
https://www.maketecheasier.com/fix-trackpad-not-working-macbook/

If your Mac has a removable battery, remove it, as well as the power source. Next, press and hold the Power button for five seconds, then reinstall the battery and power up the Mac.

For a Mac with a non-removable battery, hold down Ctrl + Option + Shift on the keyboard, then press and hold down the Power button for ten seconds. When you’re ready, release them and power the MacBook up again. This should reset the SMC and get your trackpad working again.
Top 5 Technology Stacks in 2021: A Guide to Tech Stacks
Tags: fullstackdevelopment, whatisfullstackdevelopment, technology
Published: 2021-09-20 08:22:15

2021 is about to end, and new businesses are emerging every day. While every company wants to win the race, they are constantly working to build an application that can provide the best user experience. However, it is essential to know that every efficient software sits on a tech stack.

There are a few technology stacks that dominate the world of web development. But are you up to date with them? If not, then we will help you out.

You might now wonder: what is full stack development? So, let’s get into it.

What is Full Stack Development?

Full stack development is not how it was once thought to be back in the early days of the web. Full stack developers in 2021 are experienced devs with enough knowledge to work for both the front and back end of the software.

#1 LAMP

Being one of the oldest tech stacks, LAMP is often criticized by younger developers. However, it is a classic, time-tested stack of technologies. LAMP is short for:

Linux (operating system)
Apache (HTTP server)
MySQL (relational database management)
PHP (programming language, can be Perl or Python)
Each of LAMP’s layers is open source and free. You can modify this stack according to your needs.

#2 MEAN / MERN / MEVN

MEAN is one of the well-known tech stacks which brings countless benefits to web developers. For instance, the developers use a single language (JavaScript). The components of the MEAN stack include:

MongoDB (NoSQL database)
Express.js (back-end web framework)
Angular.js (front-end web framework)
Node.js (back-end JavaScript runtime)
The front-end JavaScript can be exchanged in MEAN. For instance, create the front-end UI using React or Vue in place of Angular, and there you are with MERN or MEVN stack.

#3 Serverless Stack (SST)

2021 is the time to go serverless. Serverless stack or cloud infrastructure makes the management relatively easier to scale up to numerous users overnight. SST is an extension of AWS CDK, which involves a Live Lambda Development environment.

#4 Ruby on Rails (RoR)

Ruby on Rails is an integrated development environment involving Ruby, a powerful programming language. We hear less about RoR compared to LAMP and MEAN, but it has its merits. It can simplify the entire development experience and reduce the overall time required to build the product.

#5 Flutter for Web

Talk about the revolutionary tech stacks in the cross-platform development world, and it is called the Flutter for Web. You don’t have to reserve your time for deploying the software. Whether you want to fix the glitches or add some new features to the software, or perhaps you want to build the UI, rest assured that the speed won’t be compromised while using Flutter for Web.

Over to You

These are not all of the tech stacks available in the world, but these are undoubtedly some of the top-notch tech stacks to make your work and, eventually, your life easier.

Refer this page - https://infoskies.com/top-5-technology-stacks-in-2021-a-guide-to-tech-stacks/
A Simple Bluetooth Keyboard Can Boost Your Productivity by 40%
Tags: productivity, ios, ipad
Published: 2021-09-20 08:20:37

Did you ever notice how much you type on your iPhone or iPad beside your MacBook at your workplace?

At times, I communicate with my team and clients on multiple channels, due to which, I need to use your laptop and iPhone both simultaneously! That said, it isn't easy to switch between the devices and maintain productivity at its best! 

While many Bluetooth keyboards claim to be the finest for iPhone and iPad, [I got this one](https://www.amazon.com/OMOTON-Ultra-Slim-Bluetooth-Keyboard-Enabled/dp/B00GD1BGYO/) for myself. 

After working for a few days, it was worth noting that I just spent 30 minutes in a whole day working on my iPhone and iPad, apart from my MacBook. Before that, it was like an hour or two when I used the built-in keyboard of the iPhone and iPad. 

I sometimes wonder, many ideas come to my mind, but I don't get a path to implement them. I'm sure this happens to most of you. It's just about how we see things differently rather than ignoring them or not utilizing them to their potential.

Well, if you too work on multiple devices (any smartphone or tablet) at your workplace, do give this a try and thank me later. 

Note: The Bluetooth keyboard isn't compatible with [any of the iPhone cases ](https://geniusgeeks.com/best-iphone-13-pro-max-cases/) or [iPad cases ](https://www.pcmag.com/picks/the-best-ipad-cases). So make sure you remove them before you start using them.
Dangerous Js functions you should avoid

Tags: webdev, javascript
Published: 2021-09-20 08:06:19

There is a number of function in JavaScript you should avoid in case of input data.

1. eval()
2. execScript()
3. newFunction()
4. setTimeout()
5. setIntrival()

__Noted all functions are not here.__
Avoid using these functions with user input. If you need to use these functions with untrusted data then make sure to encode the data for the correct context before adding it to the displayed website.

Some functions such as _eval()_ are extremely difficult to protect because they process all input as javascript.
So better to avoid those functions for the security conscious.
As a general rule do not include user input as part of JavaScript code. It is too risky regardless of any encoding or validation you apply. The only acceptable place to include input in javaScript is when assigning it to variables or as a literal quoted string.

🙏Thanks For Reading !
console.table display Tip
Tags: javascript, console
Published: 2021-09-20 07:29:49

```js
const arr = [1,2,3,4,5,6];
```

```js
console.table(arr);
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/40qqx0dbzaq6g7rte6rw.png)


```js
console.table({number: arr})
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tjvbdu0h36lgc1qya392.png)
Have you received offers for your products?
Tags: watercooler, career, business, indie
Published: 2021-09-20 07:25:45

---
title: Have you received offers for your products?
published: true
description: 
tags: watercooler, career, business, indie
cover_image: https://cdn.abcotvs.com/dip/images/5757240_121519-cc-shutterstock-purchase-img.jpg?w=800&r=16%3A9
---
Launching new products is exciting. It's awesome to see that your product can help somebody and you get the awesome feeling of fulfillment for your business ideas coming to life. 

After half a year you receive an email from a potential buyer, that has thrown a solid offer for your project.

You are now presented with a dilemma: 

* whether you believe in your product enough and have a solid plan to develop in the future and earn way more in the long term. 
* or you see this as an opportunity and decide to sell it since you have other ideas with much more potential, have not time to run the product anymore, etc.

So the questions for this discussion are:

* Did you accept the offer or did you turn it down?
* Did it pay-off? 

Its best if you can mention the amount offered and the MRR/approx. worth of the particular product now.
Multiple services in a docker container? Let's discuss!
Tags: docker, container, discuss
Published: 2021-09-20 07:22:22

What is your opinion on ___multiple applications/services in a single docker container___?

For me, __1 container = 1 app/service__, no exceptions allowed.

What do you think?

1. One container = one service, no exception allowed
2. Multiple services are ok
3. Usually one service per container, but exceptions may make sense

If you are on the 2nd or 3rd option, I'd love to know why you have multiple services/applications per container... or what exceptions you see fit. Let me know in the comments!

Let's discuss 🤩

__Like, share and follow me__ 🚀 for more content:

📽 [YouTube](https://www.youtube.com/CoderDave)
☕ [Buy me a coffee](https://buymeacoffee.com/CoderDave)
💖 [Patreon](https://patreon.com/CoderDave)
📧 [Newsletter](https://coderdave.io/newsletter)
🌐 [CoderDave.io Website](https://coderdave.io)
👕 [Merch](https://geni.us/cdmerch)
👦🏻 [Facebook page](https://www.facebook.com/CoderDaveYT)
🐱‍💻 [GitHub](https://github.com/n3wt0n)
👲🏻 [Twitter](https://www.twitter.com/davide.benvegnu)
👴🏻 [LinkedIn](https://www.linkedin.com/in/davidebenvegnu/)
🔉 [Podcast](https://geni.us/cdpodcast)
I made a simple blogging platform
Tags: showdev, webdev
Published: 2021-09-20 07:12:30

I got tired of using the bloated blogging platforms out there. They were to rigid, slow (some of them) and didn't have a simple UI.

Therefore I made my blogging platform, QuickPublisher. Its a basic blogging platform, super fast with a minimalist design. You are now able to write those blog posts without distracting your readers with heavy designs and ads.

Currently my platform has 335 daily active users. Want to give it a spin? https://quickpublisher.online

Got any feedback? please do let me know.
Know this CSS You will not have any pain later on
Tags: css, beginners, webdev, tutorial
Published: 2021-09-20 07:07:58

---
canonical_url: "https://www.thangphan.xyz/posts/know-this-css-you-will-not-have-any-pain-later-on/"
---

Something it's very basic, but if we don't know about it, it can give you a lot of pain later on. This post will give you a basic view of inheritance of CSS.

### Inheritance CSS

There are four properties we need to know, I'm going to explain each of those for ease of understanding.

1. Inherit

It's simple. The child element will inherit CSS from the parent.

To illustrate:

```html
<div style="color: red">
  <p style="color: inherit">Child Element</p>
</div>
```

`p` element will inherit color of `div` element. It will be red in this case.

2. Initial

This property might look a little bit confusing. But you need to remember that it's **not** `default CSS` of browser.

What I mean default CSS of browser?

The default CSS of browser is something like:

- `font-weight: bold` of `h1`->`h6` elements.
- `font-style: italic` of `em` element.
- `color: blue` of `a` element.
- etc...

To illustrate:

```html
<h1 style="font-weight: initial">Font Weight Initial Element</h1>
```

What font-weight do you expect `h1` will be? Is it `bold`?

No, `bold` is `default CSS` of browser, It's not `initial` value. The `initial` value of `font-weight` is `normal`. In this case, `h1` element will be an element that has a normal weight.

The initial value of CSS is something like:

- `color: initial` -> `color: black`
- `font-weight: initial` -> `font-weight: normal`
- `background: initial` -> `background: white`
- etc...

3. Unset

This property makes the element's CSS either inheritance or initial value(if it's not inheritance)

To illustrate:

```html
<div style="color: red">
  <p style="color: unset">Unset Element</p>
</div>
```

`Unset Element` will be `red` as the example above, but as black in the example below. Because it's not inherited, then it will take the initial value. In this case, the initial value of color is black.

```html
<div>
  <p style="color: unset">Unset Element</p>
</div>
```

4. Revert

This value will revert the CSS of element back to `default CSS` of the browser.

To illustrate:

```html
<h2 style="font-weight: unset">Unset Element</h2>
<h2 style="font-weight: revert">Revert Element</h2>
```

`h2` with `unset` CSS will take the initial value of `font-weight`(`normal`) to behavior.

`h2` with `revert` CSS will take the default CSS of the browser `font-weight`(`bold`) to behavior.

And this is the result:

- Unset Element
- **Revert Element**

### Conclusion

Phew! We learned about inheritance in CSS in 2 minutes. It’s basic but I think it’s so important to make sure we understand it. My friend! Let me know if you think they are important either.
Eslint Error on enum.
Published: 2021-09-20 06:37:45

Annoyingly, Typescript tells me an enum is unused.

He's right, but no one cares.

Solution was to:
https://github.com/typescript-eslint/typescript-eslint/issues/2621

```
rules: {
  "no-unused-vars": "off",
  "@typescript-eslint/no-unused-vars": "error"
}
```
The Best Emulators for Playing Retro Games on PC & Mac
Tags: emulation, productivity, guide
Published: 2021-09-20 06:37:37

In this article, I will try to cover the most important information about the most popular emulators which are mainly used for Retro Gaming.

##What is an Emulator?##

[Emulator](https://en.wikipedia.org/wiki/Emulator) is hardware or software that is mainly used to change the default behavior of one computer to another. For example, with this great piece of software, you will be able to make your Windows OS acts like Android and therefore, you will be able to install Android Games or programs without the need of any Android Device. Sounds great right? Well, that's the definition of it. In the next following sections, I will explain which are the most used retro gaming emulators nowadays.

###Why use Emulator?###

Since this post is mainly focused on retro gaming you need to know that in order to play any old games you must emulate your device to act like another one. 

Furthermore, below is the list of the top 3 emulators which are used for retro gaming.

###1.Dolphin###

**Dolphin** is the best free GameCube and Wii Emulator and there is no doubt about that. It was developed by the Dolphin Emulator Project company almost 17 years ago. This emulator can be installed on the most popular platforms such as Windows, macOS, Linux and Android. You can use this software to emulate almost every single game or program.

###2.DeSmuME###

**DeSmuME** is one of those popular emulators mainly for DS Games. It is available for Windows, Linux and Android. Like most of the other widely used emulators, this one is also classified as open-source. Further, you can get some legal homebrew games to play which are non-copyrighted from the [ROM packs](https://www.rompacks.com/) website. However, do not expect any high-quality graphic details since these games are old and mostly developed by amateurs. Also, you must avoid the usage of any illegal ROM download websites since you might get into legal trouble or you can fill your device with unwanted software.

###3.Kega Fusion###

**Kega Fusion** is the best Sega Genesis Emulator which is compatible with Windows, macOS and Linux. A great alternative for this one is Genesis Plus. The latest stable release of this emulator was 11 years ago and this amazing emulator was developed by Steve Snake.

This is my own list of the top 3 must-use emulators. I hope some retro gamers will find this article useful.
How To Increase Session Lifetime In Laravel
Tags: laravel, php, session, lifetime
Published: 2021-09-20 03:32:20

In this tutorial we will see you how to increase session timeout in Laravel. In this example we can see how to set / increase session lifetime in Laravel 6/7/8.

We can not set lifetime session for permanently but we can set in minutes for session expiration time. so here we will set 1 year time for session expire.

```
60 * 24 * 365 = 525600 // 1 year
```

If you want to increase your session life time then we need to change in .env file and it is very easy to change it from configuration file in laravel. laravel provides you session.php file there is we can see 'lifetime' key option for setting time in minutes.

In session configuration file there is a also several option for set expire_on_close, encrypt, timeout and  driver etc.

Here I will give you solution for increase session timeout in laravel.

> Example 1 : Using .env File

We need to define value in minutes in your .env file as below:

.env

```
SESSION_LIFETIME=525600
```

config/session.php

```
<?php
  
use Illuminate\Support\Str;
  
return [

    'lifetime' => env('SESSION_LIFETIME', 120),
  
]
```
 
> Example 2 : Using Config File

config/session.php

```
<?php
  
use Illuminate\Support\Str;
  
return [
    
    'lifetime' => 1 * (60 * 24 * 365),
  
]
```

In some conditions also happen cache issue, So, we need to clear it.

---

You might also like :

- **_[Read Also : How To Create Dynamic Pie Chart In Laravel](https://www.techsolutionstuff.com/post/how-to-create-dynamic-pie-chart-in-laravel)_**

- **_[Read Also : Laravel Clear Cache Using Artisan Command](https://www.techsolutionstuff.com/post/laravel-clear-cache-using-artisan-command)_**

- **_[Read Also :  Bootstrap Session Timeout Example In Laravel](https://www.techsolutionstuff.com/post/bootstrap-session-timeout-example-in-laravel)_**
Wish to feature story behind Newsletters
Published: 2021-09-20 06:35:14

Hi Dev friends, Writing here after quite a long time. I made a simple blog where I am trying to collect stories behind newsletter makers. I remembered there should be lots of people in Dev community who are building their blog, newsletters and also products.

If time permits, kindly answer a few questions in the below url and email me to feature your newsletter.

https://www.newslettergrowth.in/feature/

Note that, once you email me, I will also include 2-3 questions that's specific to your newsletter topic and your experience.

You could also a word about this to your company's marketing team who takes care of newsletters. I will be happy to feature their newsletter. 

Not sure if any of you have time to do this. In anycase, good luck to all of you.

P.S - I am making these little blogs as a part of https://www.chandrasaas.com/

As the creator economy is booming, I hope someday, my newsletter blog will be of some use to promote a SaaS product in email marketing or newsletter space.

Venkat
The ephemeral miniconf - Planning full... and frozen!
Tags: perl, raku
Published: 2021-09-20 06:32:11

## Updated schedule
This is an updated version of the schedule:
![The ephemeral miniconf planning](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0waoeoxmy7zyfw8oa2dm.png)

Hours can vary a bit (if a speaker needs to adjust or if I need) but overall planning will look like this (3~4 hours of presentations).

The planning is given in **UTC+1** and you can [check your local time on this page](https://everytimezone.com/s/ec3d1b5c) 

## No more lightning talks
Please note that **lightning talks** are no longer a thing so... You can now safely ignore my [Call for lightning talks](https://dev.to/thibaultduponchelle/the-ephemeral-miniconf-call-for-lightning-talks-36h9) from last week :grinning:

## How to attend
Please note that **the ephemeral miniconf** will be in *less than 2 months from now*!

Remember the event will be **free** and **online**.

More information on [this announcement page](https://dev.to/thibaultduponchelle/the-ephemeral-miniconf-292j)