teleren/devto huggingface dataset:
How Teams Work with Uclusion
Tags: productivity, agile
Published: 2020-07-07 21:28:23

We’ve all seen that email is too silo’ed; important discussions get trapped and never see the light of day. However group chat has gone too far in the other direction:
> Put the message in a #channel
> Even if a Slack message is directed to one person, it should be posted in the appropriate channel and not via DM. Most of our channels correspond to a project, so you never know when another team member might need that information in the future. Following this rule has transformed Slack into a valuable archive that’s simple to search.

I’m not going explain why that’s madness — by now everyone has experienced that kind of garden hose of notifications and information and already knows all too well.

[Uclusion](https://www.uclusion.com/?utm_source=devto&utm_medium=blog&utm_campaign=devteam) recommends a different approach to sharing information with those that are not directly involved in your project:

1. Put read only links to Uclusion stories into your code

1. Put read only links to Uclusion Workspaces into a *Team Workspace*

To create a team Workspace

![](https://cdn-images-1.medium.com/max/2000/1*BTmqjuDXnXoLsbUNKlhgkg.png)

choose the first option above and name the Workspace with your team designation. Now invite everyone on your team to the Workspace.

![](https://cdn-images-1.medium.com/max/2436/1*gHZRbLhupzHxU3Sa4aIS6Q.png)

Members of your team probably already have different projects they are working on in [Uclusion](https://production.uclusion.com/?utm_source=medium&utm_medium=blog&utm_campaign=team#signUp) Workspaces. For instance “V3 API”:

![](https://cdn-images-1.medium.com/max/2438/1*fuhl6UZRNrOtCg2DSUZ3rg.png)

You’ll want to choose “Share a read only link” as you see above and then paste that link into the description of your team Workspace (the link will automatically have the name “V3 API” applied to it).

After everyone on your team has pasted in the Workspaces they are involved in you can share a read only link to this team Workspace for all to know what your team is doing. And since everyone on your team is a collaborator in the team Workspace they will be notified of all changes.

But that’s not all, in the past when you wanted to change your team process perhaps you had a retrospective meeting or a long email chain. If that is working for you then continue on, otherwise choose “Add Dialog”

![](https://cdn-images-1.medium.com/max/2000/1*q-xO1VwoFVv_wYjkgoBtgg.png)

and state the problem and possible solutions there:

![](https://cdn-images-1.medium.com/max/2458/1*xW5VEfmQJputMv1FsUn1LQ.png)

Finally team level discussion can use the team Workspace’s structured communication options

![](https://cdn-images-1.medium.com/max/2496/1*2PgiezDMN-qvhrJetocRBA.png)
Introduction To Cloud Optimization
Tags: cloud, cloudcomputing, cloudoptimization
Published: 2020-07-08 13:30:33

With the ever-increasing amount of data being shared, used, and processed, web app performance is more important than ever. 

At the same time, users expect applications to run seamlessly, and a bad experience can potentially damage business productivity.  

Slow and unreliable web applications also mean higher resource consumption, which can lead to higher costs, diminished profits, and even serious damage to the company’s image.

However, all these shortcomings can easily be avoided through cloud optimization. Specifically, through the continuous optimization of web applications at each critical level. 

This article is part of a Cloud Optimization Series where we discuss how you can configure your cloud environment to achieve the best results. 

 

##What is cloud optimization?

Every web app is unique, and so are its infrastructure requirements. Plus, these requirements change over time. 

Cloud optimization refers to the process of balancing these requirements and allocating the right resources so that an application can run efficiently. 

Some of these optimizations can also be automated through AI/ML, with little to no developer intervention. This means fewer resources to manage and a more streamlined infrastructure.

 

## Why should you care about cloud optimization?

There are 3 main reasons why you should care about cloud optimization:

###1. Site performance & speed

Web app optimization isn’t just nice to do, but a necessity. 47% of internet users expect websites to load in 2 seconds or less, and 40% will abandon a page that takes 3 or more seconds to load.

An Aberdeen study also found that a 1-second delay in page load time equals 11% fewer page views, a 16% decrease in customer satisfaction, and 7% loss in conversions.  

### 2. Site ranking & SEO

Your website’s SEO ranking is closely related to its loading speed. There are many factors that contribute to how high or low Google ranks a page (like how much time users spend on it and whether they find what they’re looking for), but among them, page speed is one of the most important.

### 3. Cost optimization

On one hand, Financial Departments want to keep cloud spend in check. On the other hand, developers want to make sure their apps are always working at 100%, so simply reducing the allocated resources is not an option.

The more complex your web app is, the more resources it will need, and they don’t come cheap. The efficient use of the tools and resources you have at your disposal can translate into savings and overall better management of your IT budget.


## The five levels of cloud optimization

Cloud optimization techniques can be applied at each level of the cloud environment. We can, therefore, talk about 5 levels of cloud optimization, one at every level. If you want to dive into each of them, read the full article [here](https://www.bunnyshell.com/blog/introduction-to-cloud-optimization/).
writing code: Native language or English only?
Tags: discuss
Published: 2020-07-08 13:27:58

This question is obviously not for native English speakers - they don't have this problem.  
It's addressed to all of us other developers which English is not our native language.  
When you write code - do you use your native language for stuff like variable names, or strictly using English?

Personally, I use only English in code, but I've seen plenty of code examples where the variable are named in a language I don't recognize.  
What do you prefer, and why?
Docker Explained: What is docker? | Why Docker? | Docker File | Docker Image | Docker Container
Tags: devops, docker, webdev, codenewbie
Published: 2020-07-08 13:15:44

The tutorial below will help you to understand what is docker and why we need it in software development.

[Help me reach 5k subscribers on my YouTube Channel] (https://www.youtube.com/channel/UCe8uN9zoKksCb1hfw61myRw?sub_confirmation=10) 

Always stay awesome 💙

{% youtube P13mrjGE8LQ %}
Best Cloud Document Management Systems
Tags: showdev, webdev, management, productivity
Published: 2020-07-08 13:05:36

A cloud document management system is an online tool or service that facilitates the storage and managing of all your documents and information from a single point of contact. In other words, it’s a system that operates in the cloud where you can store all your files and company documents and retrieve them whenever you want from anywhere around the world.

Whereas, Paper documents lead to more chances of error and misplacement as well as additional costs of storing and maintaining file cabinets. Moreover, they are hard to locate and access becomes impossible if your co-workers are working remotely.

Having a [cloud document management system](https://blog.bit.ai/best-cloud-document-management-system/) installed for your business is a no-brainer. If you are looking for some of the best document management tools out there, don’t worry, we have done the heavy lifting for you!

##[Alfresco](http://alfresco.com/)
Next up on our cloud document management systems list is Alfresco, an Enterprise Document Management Tool aimed to [streamline your knowledge flow](https://blog.elink.io/knowledge-management-tools/).

Alfresco wants to remove content silos created when we store our documents in different locations (emails, USBs, file sharing sites, etc.) by providing employees a single source of truth for all their knowledge.

##[OnlyOffice](http://onlyoffice.com/)
With the promise of moving your entire office to the cloud, OnlyOffice allows users to upload documents, spreadsheets, or presentations directly to their web app and manage it from the cloud.

Named the best document management system of 2018 by PCmag, OnlyOffice allows you to track changes made to the docs, collaborate in real-time, leave remarks, and access version history.

##[DocuWare](http://docuware.com/)
According to DocuWare, employees spend 50% of their time searching for documents. Docuware provides [document management and workflow automation services](https://blog.bit.ai/document-management-workflow/) to reduce this time wastage significantly and help employees be more productive.

With advanced document indexing and storage abilities, Docuware makes it easy to access documents, no matter where you are in the world. Being in this space for over 25 years, Docuware knows what they are doing.

##[Dokmee](http://dokmee.com/)
Dokmee is another cloud document management system that wants to help you get rid of your document chaos. Simply upload your electronic files and documents to the Dockmee cloud and access it from anywhere from the world and on any device using their mobile apps.

Dokmee has a range of collaboration features like version control, multi-user access, document audit, restrictions, and more.
Redhat's Podman repository has been renamed
Tags: news, devops, linux, docker
Published: 2020-07-08 12:47:32

I am member of mailing group of podman. 

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

Today, got a email from Mr Daniel Walsh and it reads as :

By Matt Heon GitHub
The Podman repository on Github is moving from github.com/containers/libpod to github.com/containers/podman! Read on to find out why, and how it will affect you.

Three years ago, we created a new Git repository to hold our new container-management tool and the library it was based on. At the time, Podman was not named Podman, but kpod - a name no one on the team liked, and one we’d hoped to replace quickly. Given this, we decided to name the repository after the library we’d written to manage containers - libpod. Four months after that, we made the first public release of the tool, and with it came a new name - Podman (POD MANager). The rest is, as they say, history. The Podman team is incredibly grateful for the success we’ve seen since then, and the way that the community has grown.

...

https://podman.io/blogs/2020/07/07/repo-rename.html

Hope this helps.
{% link https://dev.to/manishfoodtechs/why-hackers-first-love-a-docker-container-hacking-docker-l97 %}

Image credit: https://developers.redhat.com/blog/2019/01/15/podman-managing-containers-pods/
Help? Debugging CSS Dark Mode @media prefers-color-scheme
Tags: webdev, debug, dark, darkmode
Published: 2020-07-08 12:45:06

---
title: Help? Debugging CSS Dark Mode @media prefers-color-scheme
published: true
description: Ways to debug CSS Themes.
tags: webdev, debug, dark, darkmode
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/1k3de413z5c56u46d91e.jpg
---

Hi everyone,

I recently started developing my blog with the `@media (prefers-color-scheme: $THEME)` in mind. Like this:

```css
@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background: #121212;
  }
```

The great thing is, due to this option the theme is corresponding with system color theme and automatically switches.

**But** I can't find a great way to debug these query and would like to ask the dev community if they know something. In the past I manually switch in my system preferences.

![MacOS System Preferences Screenshot](https://dev-to-uploads.s3.amazonaws.com/i/1nq41j3to71m73flnfcl.png)

But this is somewhat laborious and changes the whole color theme of my computer...

Are there maybe any browser addons for Firefox/Safari/Chrome which might help me with those querys and just changes what my browser things color theme is on? 

Thank you very much for your help!
Haskell Learning Resources
Tags: haskell
Published: 2020-07-08 12:41:02

---
title: Haskell Learning Resources
published: true
description: Haskell Learning Resources in one place
tags: haskell
//cover_image: https://direct_url_to_image.jpg
---

I'm in the process of learning Haskell.  I thought I'd share some of the resources I've found and/or used here in one place:

## Books
- [Haskell Programming](https://haskellbook.com)
  - I've gone through most of this book.  Not a lot "clicked", I think due to the writing style as well as being first.  I plan to go through this again.
- [Get Programming with Haskell](https://www.manning.com/books/get-programming-with-haskell)
  - I found this very straight-forward and approachable, but think there is more to learn if I go through it again.
- [Learn You a Haskell](http://learnyouahaskell.com)
  - This comes up often when I search for help, so I think it is about time I went through this classic.
- [A Type of Programming](https://atypeofprogramming.com)
  - I've interacted with the author a little bit and am excited to go through this.
- [Real World Haskell](http://book.realworldhaskell.org)

## Websites
- [Haskell Documentation](https://www.haskell.org/documentation/)
  - There are a lot of resources listed.  Some overlap with what I've listed here, though.
- [Learn Haskell](https://www.fpcomplete.com/haskell/learn)
- [School of Haskell](https://www.schoolofhaskell.com/user/school/starting-with-haskell)
- [Monday Morning Haskell's Liftoff](https://mmhaskell.com/liftoff)

## Exercises
- [Exercism's Haskell track](https://exercism.io/tracks/haskell)
- [Project Euler](https://projecteuler.net/)

If you have other resources you've really liked, I'd love to hear about them.
Top 13 Web Development Company Trends to Follow in 2020
Tags: webassembly, webdev, javascript, python
Published: 2020-07-08 12:33:13

With the current pandemic raging throughout the world today, sales revenues of many corporate houses are sliding downhill as well as the economies of many developed countries. It is in this context, social distance maintenance is becoming and will become the order of the day. Business and corporate sectors have to grow as one cannot afford to flatten the economic curve instead of flattening the pandemic curve. Keeping this in mind it will not be an exaggeration if it is rightfully said that web development will throw up an overabundance of possibilities this year.

2020 will see new trends, new possibilities, new technologies in the fields of both web app development services, and mobile app development services. Competent, proficient, and extraordinary web developers both as a team as well as in individual capacities will found astounding success and enrichment of their businesses be it web app development services and mobile app development services.



Top 13 Web Development Company Trends to Follow in 2020:
1.      Online Support and Chat bots

2.       Progressive Web Apps (PWAs)

3.       Web Assembly

4.       Responsive web design

5.       Pop up message with websites

6.       Single Page Applications

7.       Static Sites

8.       Motion UI

9.       Accelerated mobile page (AMP)

10.     Voice Search Option

11.     Design Elements

12.     Usages of JavaScript & Python

13.     Elimination of Flash Player



Let’s Some of the web development trends that are expected to come up in 2020 are mentioned and discussed here:https://rlogicaltechsoft.blogspot.com/2020/07/Top-13-Web-Development-Company-Trends-to-Follow-in-2020.html
Reflecting on my first 2 years bootstrapping
Tags: startup, discuss
Published: 2020-07-08 12:32:48

Hi there,

In July 2018 I quit my job and tried to build a profitable SAAS with a lifelong friend of mine.

The first time we failed, hard: $600 MRR after 1 year.

We tried again and had a bit more luck: $75k ARR within 12m.

In this thread, I laid down everything I wish I knew when I began.

{% twitter 1280526150243098627 %}
What's unique pointer in C++
Tags: cpp
Published: 2020-07-08 12:28:33

## Introduction
You need to manage the memory usage in the C++ world. If you allocate one object, you need to destroy it. For example:  
```c++
auto pt = new point<float>(1.2f, 2.3f, 3.4f, 4.5f);
std::cout << *pt << std::endl;
delete pt;
```

You can enable the flag `-fsanitize=address` to detect the memory leaks. For example, if you forget to delete the object like this, 
```c++
auto pt = new point<float>(1.2f, 2.3f, 3.4f, 4.5f);
std::cout << *pt << std::endl;
```

you will see the similar error message as following.
```shell
==2104860==ERROR: LeakSanitizer: detected memory leaks

Direct leak of 16 byte(s) in 1 object(s) allocated from
```

## std::unique_ptr
To avoid the situation, it's easy in the modern C++, just use the `std::unique_ptr`.
```c++
auto pt = std::unique_ptr<point<float>>(new point<float>(1.2f, 2.3f, 3.4f, 4.5f));
```

## Implement your own unique pointer
The theory of unique pointer isn't difficult, here is one of Implementation. 
```c++
template <class T>
class unique_ptr {
  T* m_ptr = nullptr;

public:
  explicit unique_ptr(T* ptr) : m_ptr(ptr) {
  }

  ~unique_ptr() {
    if (m_ptr) {
      delete m_ptr;
    }   
    m_ptr = nullptr;
  }

  auto operator*() const -> T { 
    return *m_ptr;
  }
};
```

Thank you for reading, see you next time.

## References
- [std::unique_ptr](https://en.cppreference.com/w/cpp/memory/unique_ptr)
- [AddressSanitizer](https://clang.llvm.org/docs/AddressSanitizer.html)
Get early app feedback on 🔥Roast my App
Tags: showdev, laravel, alpinejs
Published: 2020-07-08 12:27:23

We spend weeks and months building projects we're excited about but start developing tunnel vision. That's when it's great to get an outside perspective. We think:

- Of course this feature make sense
- This is plenty clear; You click *here* then *this* happens

## Why build this?

I started building **[Roast my App](https://roastmy.app)** this past weekend when I accidentally stumbled on the domain ([roastmy.app](roastmy.app)) while looking for something else, but I couldn't let it sit 😅. I dropped everything and started working on this.

I'm working on another SaaS product and I know how hard it is to find beta testers and feedback. You also don't want to spam places like dev.to, indiehackers.com, etc every time you make adjustments.

### Isn't this just a crappy Product Hunt?

A Product Hunt launch can be stressful and important, so this is a great place to get early feedback before you **launch**.


## Technical Stuff

> Read on if you care about the tech stack. Otherwise, skip it and submit your app to be roasted!

This app was a ton of fun to build. The main stack is (TALL):

- Laravel
- Laravel Livewire
- Alpine.JS
- TailwindCSS

If you have any questions about the stack or how certain things we built I'd love to answer any questions

---

So. Only thing left to do it 🔥 [Roast my App](https://roastmy.app) (let me have it)

Follow me on Twitter [@michaelmesserli](https://twitter.com/michaelmesserli)
Sass Introduction
Tags: css, html, webdev, sass
Published: 2020-07-08 12:09:20

**What is Sass?**

Sass stands for **S**yntactically **A**wesome **S**tyle **s**heet

It's an extension to CSS, a CSS pre-processor, and compatible with all versions of CSS.

Before starting you should have HTML and CSS basics knowledge. 

A browser doesn't understand Sass code. So, we need to convert it into standard CSS. 

**Why use Sass?**

To reduce the repetition of CSS  and save time. If you using large stylesheets it'll be hard to maintain.

You can imagine having a large stylesheet with background-color: #4CAF50; and you want to change this value. you'll need to change everywhere manually. But if you use Sass you can change it one time.


```css
.navbar{
    background-color: #4CAF50;
    color: #ffffff;
    border-color: #4CAF50;
}
.info-block {
    background-color: #d4edda;
    border-left: none;
    padding: 32px;
    margin: 24px;
    margin-left: -32px;
    margin-right: -32px;
}
.bottom{
    background-color: #4CAF50;
    color: #ffffff;
}
```


**Tips:** 

Install sass using NPM: `npm install -g sass` 

Check Sass version: `sass --version`

Use the command line to convert scss file to css: `sass main.scss main.css`

Watch changes: `sass --watch main.scss:main.css`

[**For more installation info**](https://sass-lang.com/install) 

Let's start learning Sass together step by step:

**Sass Features:**

- Nested Rules

- Variables

- Inheritance

- Conditions & Loops

- Helper Functions

- Mixins

- Partials

**For first feature "Sass Nested Rules"**

SCSS Syntax:

```css
nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  li {
    display: inline-block;
  }
  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}
```

CSS Output Syntax:

```css
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block; 
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none; 
}
```



**Sass Variables**

Variables allow us to define the rest of the variables to reuse them on code. We can store value in variables type: 

`ex: $variableName: value;` 

- string

- number

- color

- booleans

- lists

- null

  

**Sass variables scope**

Sass variables are only available at the level of nesting where they are defined.

``` css
h1{
	font-size: $myFontsize;
}

```

CSS Output

```css
h1{
	font-size: 18px;
}
```



**Sass !global**

we can override the scope variable by using !global 

``` css
$myFontSize: 18px;

h1{
	$myFontSize: 20px !global;
	font-size: $myFontSize;
}
p{
	font-size: $myFontSize;
}
```

CSS Output

```css
h1{
	font-size: 20px;
}

p{

font-size: 20px;

}
```

[For more information about Sass] (https://sass-lang.com/guide). or feel free to ask me.

Protifolio: [here](esraa.io)
Twitter account: [here](https://twitter.com/Esraa_nasr92)
Github account: [here](https://github.com/EsraaNasr92)