teleren/devto huggingface dataset:
How to scale your social media cover graphics to LinkedIn, Facebook, YouTube, and Twitter
Tags: figmaplugin, design, figma, socialmedia
Published: 2021-11-27 16:17:48

---
title: How to scale your social media cover graphics to LinkedIn, Facebook, YouTube, and Twitter
published: true
date: 2021-11-27 16:14:35 UTC
tags: figmaplugin,design,figma,socialmedia
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/0*qucPI13xYBtubF2_.jpg)

Today, we’ll look at how to quickly create multiple cover sizes for LinkedIn, Facebook, YouTube, and Twitter faster.

### What You Will Need

You’ll need the following resources to follow along with this Figma tutorial:

**Install Thumblisher Figma Plugin:**

Before getting started, make sure to install Thumblisher Figma Plugin to your Figma editor to resize your social media graphics easily.

[https://www.figma.com/community/plugin/1037826586645134259/Thumblisher](https://www.figma.com/community/plugin/1037826586645134259/Thumblisher)

**Download Exercise File:**

To access the social media templates we’ll use in this tutorial, duplicate the Social Media Exercice File:

[https://www.figma.com/community/file/1045659071341514535/Social-Media-Exercice-File](https://www.figma.com/community/file/1045659071341514535/Social-Media-Exercice-File)

Find more resources on [https://www.captain-design.com/](https://www.captain-design.com/)

### Watch Video Tutorial

{% youtube FSExC6Zdo1w %}

### Before you go

Feel free to visit our website [**captain-design.com**](https://www.captain-design.com/) where we are sharing generously, ready for commercial use [**Figma and HTML templates**](https://www.captain-design.com/).

You’ll find three things to help you kickstart your next project’s design :

- [**200+ free Figma templates**](https://www.captain-design.com/templates/) **.**
- [**Free Html + Bootstrap 5 templates**](https://www.captain-design.com/templates/tag/html) **.**
- [**Amazing Figma Plugins and UI kits**](https://www.captain-design.com/uikit/)

_Originally published at_ [_https://www.captain-design.com_](https://www.captain-design.com/blog/how-to-scale-your-social-media-cover-graphics-to-linkedin-facebook-youtube-and-twitter-cover-sizes-in-figma/) _on November 27, 2021._
Day 51 of 100 Days of Code & Scrum: Company Website & Professional Blog
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-11-28 07:43:48

Happy Sunday, everyone!

This week I will be focusing on fixing any remaining bugs and deploying my company website, as well as working on my professional blog. I most likely will work on them in that order, because I don't want to get distracted and leave anything unfinished. I think imposing a deadline on myself helped me be more productive last week, so I will most likely do that again.

## Yesterday

Just like I do every weekend, I did my 7th Weekly Sprint Review and Retrospective, in which I went over what I've managed to do well, what my shortcomings were, and what I could do better in the future.

## Today

I set up my weekly Sprint Goals, which will focus on my **company website and professional blog**.

## Weekly Sprint Goals

- fix the bugs in my company website.
- deploy my company website after cleaning everything up.
- after the website, learn Ghost so I can use it to build my professional blog.
- continue to learn Next.js and Typescript by using concepts while I build my website or maybe just from reading documentations.
- continue studying for Professional Scrum Master I (PSM I) certification.
- continue networking, but allocate less time to this (coding is more important).

Have a great week, everyone!

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [Official Next.js tutorial](https://nextjs.org/learn/basics/create-nextjs-app?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website)
- [The Typescript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>
H
Published: 2021-11-29 14:09:06

```javascript
javascript:(function(){document.head.innerHTML+='<style>.dark,.dark canvas,.dark img,.dark picture,.dark video{filter:invert(100%) hue-rotate(180deg)}canvas,html,img,picture,video{transition:filter .3s ease-in-out}</style>';document.documentElement.classList.toggle('dark');})();
```
hey my siser
Published: 2021-11-28 14:52:35

bạn đang tìm kiếm [hóa chất đánh bóng sàn](https://decocrete.eu/vn/giai-phap-danh-bong-be-tong/) hay là [mài sàn bê tông công nghiệp](https://decocrete.eu/vn/mai-san-be-tong/). gọi chúng toi nay
Living in the Shell #5; ls (List Files/Directories)
Tags: productivity, linux, bash, devops
Published: 2021-11-28 17:37:58

## `ls` 🚚

Lists directory content.

## Long list (detailed format) `-l`

```sh
cd ~ && ls -l
```

> ```text
> drwxr-xr-x 5 babak babak       4096 Nov  1 12:49 Desktop
> drwxr-xr-x 9 babak babak       4096 Nov 21 18:49 Documents
> drwxr-xr-x 2 babak babak      20480 Nov 23 17:21 Pictures
> ...
> ```

## Show directories first `--group-directories-first`

```sh
cd ~ && ls --group-directories-first
```


## List directory itself, not its content `-d`

```sh
cd ~ && ls -lhd Documents
```

> ```text
> drwxr-xr-x 9 babak babak 4.0K Nov 21 18:49 Documents
> ```

## List all files (include dot-files) `-a`

```sh
cd ~ && ls -a
```

## Print human-readable sizes `-h`

```sh
cd ~ && ls -lh
```

> ```text
> drwxr-xr-x 5 babak babak 4.0K Nov  1 12:49 Desktop
> drwxr-xr-x 9 babak babak 4.0K Nov 21 18:49 Documents
> drwxr-xr-x 2 babak babak  20K Nov 23 17:21 Pictures
> ...
> ```

## Sort by time `-t`

```sh
cd ~ && ls -lht
```

> ```text
> drwxr-xr-x 2 babak babak  20K Nov 23 17:21 Pictures
> drwxr-xr-x 9 babak babak 4.0K Nov 21 18:49 Documents
> drwxr-xr-x 5 babak babak 4.0K Nov  1 12:49 Desktop
> ```

## Sort by size `-s`

```sh
cd ~ && ls -lhs
```

## Reverse sort order `-r`

```sh
cd ~ && ls -lhsr
```

> ```text
> drwxr-xr-x 2 babak babak  20K Nov 23 17:21 Pictures
> drwxr-xr-x 9 babak babak 4.0K Nov 21 18:49 Documents
> drwxr-xr-x 5 babak babak 4.0K Nov  1 12:49 Desktop
> ```
Array initialisation and key data types in PHP
Tags: php
Published: 2021-11-28 20:07:03

When initialising PHP array elements the order of the keys can result in changes to all the key types, even when you explicitly specify the key value/type.

```php
$foo[0] = 'a';
$foo[1] = 'b';
$foo[2] = 'c';
$foo[3] = 'd';

// $foo has integer keys

$bar[0] = 'a';
$bar[1] = 'b';

// $bar has integer keys

$bar[3] = 'c';

// $bar now has string keys, because we skipped element 2
// this is despite us using an integer key

$bar[2] = 'd';

// $bar still has string keys, despite it having element 2
// and it being declared with an integer key

json_encode($foo) !== json_encode($bar);

// True
```
Simple Python Program To Find IP Address
Tags: python, security, programming, tutorial
Published: 2021-11-29 09:08:34

**What is an Ip Address?**
An Internet Protocol address (Ip Address) is an identifier assigned to each computer and other device e.g., router, mobile, etc connected to a TCP/IP network that is used to locate and identify the node in communication with other nodes on the network. IP addresses are usually written and displayed in human readable format such as 192.168.55.10 in IPv4(32-bit IP address). Addresses in IPv4 are 32-bits long. This allows for a maximum of 4,294,967,296 (232) unique addresses. Addresses in IPv6 are 128-bits, which allows for 3.4 x 1038 (2128) unique addresses. In this article we will focus on how to get the Ip address of your computer in python. First of, you will have to import the python socket library and proceed to use this "IP=socket.gethostbyname(hostname)"  then you  print the value of the ip into the print() function in you code, the output of your IP address would be displayed as shown in the program below:


"""Python program to find Ip Address"""
 **import** socket   
 hostname = socket.gethostname()   
 IPAddr = socket.gethostbyname(hostname)   
 _print_("Your Computer Name is:" + hostname)   
 _print_("Your Computer IP Address is:" + IPAddr)
 
OUTPUT:
_Your Computer Name is: mycomputer
Your Computer IP Address is:192.168.40.109_



**Conclusion**
With python, there are lots of programs you can write and explore, this is just one of many of them. Get hands on with this simple script and see your results. And that's it! If you have any suggestions or questions for improvements please let me know in the replies below 😁
JavaScript Online Interpreter
Tags: javascript, learn
Published: 2021-11-29 10:14:26

---
title: JavaScript Online Interpreter
published: true
description: Learn JavaScript Online with this JS REPL
tags: javascript, learn, 
//cover_image: https://direct_url_to_image.jpg
---

I've created this [JavaScript REPL](https://try.javascript.org.pl/) using [jQuery Terminal](https://terminal.jcubic.pl/) and my few other Open Source projects. It have split view where you can read Book about JavaScript. By default, it points to [Eloquent Javascript](https://eloquentjavascript.net/).

In first version you were not able to use `let` and `const` (you couldn't use those variables in next command) because of limitations of `eval` function. I was able to fix the issue, you can find the solution inside the code that I made with help from someone on Reddit.
Ubuntu System Is Broken After Accidentally Uninstalling Many Packages in Ubuntu?
Tags: ubuntu
Published: 2021-12-14 05:05:41

---
title: Ubuntu System Is Broken After Accidentally Uninstalling Many Packages in Ubuntu?
published: true
date: 2021-11-29 06:13:35 UTC
tags: Ubuntu
canonical_url: https://stackallflow.com/ubuntu/ubuntu-system-is-broken-after-accidentally-uninstalling-many-packages-in-ubuntu/
---

<header>
<p><span style="font-size: 1.2em; color: initial;">apt</span><span style="font-size: 1.2em; color: initial;">reinstall</span></p>
</header>

I accidentally removed all the packages starting with the name `jpeg` with:

```
sudo apt-get remove jpeg*

```

This screwed up a lot of things, removed Unity, Firefox, Flash player etc.

I somehow managed to recover the desktop and unity but then a lot of things are still buggy. For example `.rpm` files and `.tag.gz` just won’t open up at all.

What I want is a way to fix everything that’s amiss. Something that is the equivalent of a ‘repair installation’ with a windows disc.

Any tips, anyone?

#### Accepted Answer

You can install the `ubuntu-desktop` task:

```
sudo apt-get install ubuntu-desktop^

```

This will install all the packages of the standard Ubuntu Desktop you have removed. It won’t restore packages you had installed that are not part of the standard desktop (i.e. it will reinstall Unity and Firefox, but not Flash player).

To install those packages, you can look into `/var/log/apt/history.log` and see exactly what you had removed.

**Note:** installing the `ubuntu-desktop^` _task_ is not the same as installing the `ubuntu-desktop` _package_. The first will give APT some hints to resolve dependencies involving virtual packages, the latter will give APT the freedom to choose packages (and will end up installing useless stuff like `ubiquity`).

**Why has the problem happened?** `apt-get remove jpeg*` will **not** remove all packages starting with `jpeg`. It will instead remove all packages containing `jpe` in their name. This is because apt-get works with regular expression, so that _jpeg\*_ means: everything containing _jpe_ followed by zero or more _g_.

The post [Ubuntu System Is Broken After Accidentally Uninstalling Many Packages in Ubuntu?](https://stackallflow.com/ubuntu/ubuntu-system-is-broken-after-accidentally-uninstalling-many-packages-in-ubuntu/) appeared first on [Stack All Flow](https://stackallflow.com).
Working With Web Feeds: It’s More Than RSS
Tags: webfeeds
Published: 2021-12-17 17:52:22

---
title: Working With Web Feeds: It’s More Than RSS
published: true
date: 2021-12-17 17:50:43 UTC
tags: [webfeeds]
canonical_url: https://codelab.farai.xyz/elsewhere/making-great-feeds/
---

_[Working With Web Feeds: It’s More Than RSS](https://codelab.farai.xyz/elsewhere/making-great-feeds/) was first published on [Farai's Codelab](https://codelab.farai.xyz/)._
* * *

> Between Google Chrome experimenting with “following” sites, along with a growing frustration of how social media platforms limit a creator’s reach to their fans through algorithmic feeds, there’s been renewed interest in RSS feeds and they’re primed for a comeback as we get into 2022.
> 
> You may have heard whispers that “RSS in dead” around the web, but the truth is that they are still widely used as virtually every podcast uses one. Maybe you used to be an RSS fan and need to get re-acquainted with it. Or maybe you’re like Chris here at CSS-Tricks and still love RSS. Whatever the case, RSS is a web technology like any other, and there are best practices for how to create and curate a feed.
> 
> That’s exactly what I’m going to walk you through in this article. Let’s talk about the different kinds of feeds, how to implement them, and what strategies you can use to get the most out of your feed content.

This post took far longer than I expected to write, but it’s finally finished. It only took 3 months instead of 6 this time. Thanks again to the CSS Tricks team for helping me with this!

I plan on adding commentary, but that’ll be an exclusive post.

_See [Working With Web Feeds: It’s More Than RSS on css-tricks.com](https://css-tricks.com/working-with-web-feeds-its-more-than-rss/)_

* * *

Thanks for reading! If you liked this post, consider [supporting my work](https://codelab.farai.xyz/support/) by:

- sharing my work,
- reffering me for a job (or hire me for freelance work),
- sponsoring me on [Patreon](https://patreon.com/faraixyz),
- [buying Me A Coffee](https://www.buymeacoffee.com/faraixyz),
- [buying Me A Ko-Fi](https://ko-fi.com/faraixyz),
- [sending me a tip on Paypal](https://paypal.me/fgandiya),
- [buy something on Amazon with my affiliate link](https://amazon.com/?tag=faraixyz00-20) (I’ll earn a commision on this as an Amazon affiliate),
- or [buy a domain on Namecheap with my affiliate link](https://shareasale.com/r.cfm?b=467188&u=2110247&m=46483&urllink=www%2Enamecheap%2Ecom%2F&afftrack=).

You can also [subscribe to my newsletter](https://buttondown.email/faraiscodelab).

Have feedback? Send an email to [gandiyafarai+feedback at gmail dot com](mailto:gandiyafarai+feedback@gmail.com?body%3dHey%2bI%2bread%2bthat%2bpost%2band%2bI%2bthought%2bit%2bwas%2bamazing%2521%2bAnd%2byet%252C%2bI%2breally%2bthink%2bthat%25E2%2580%2594I%2btotally%2bdidn%2527t%2buse%2bthe%2bprepopulated%2bemail.%26subject%3dFeedback%2bon%2bWorking%2bWith%2bWeb%2bFeeds%253A%2bIt%25E2%2580%2599s%2bMore%2bThan%2bRSS)
Anyone else keen to try Jetbrains Fleet? 
Tags: vscode, webdev, jetbrains, ide
Published: 2021-11-30 04:43:50

---
title: Anyone else keen to try Jetbrains Fleet? 
published: true
description: Jetbrains about to release a VSCode competitor and it is looking really nice
tags: vscode, webdev, jetbrains, ide
---

Jetbrains announced today they are developing a completely new IDE from scratch called Jetbrains Fleet.

I've always liked their IDEs but hated how slow and resource heavy they were, especially on laptops, and thus stuck with VSCode. 

The new one is looking really nice and fast, though.

Announcement: https://news.ycombinator.com/item?id=29377412
Homepage: https://www.jetbrains.com/fleet/
Quick overview: https://www.youtube.com/watch?v=ow5kdhDa_pk

P.S.: Not affiliated with them, just excited to try it.
Digital Marketing Courses in Panchkula 
Published: 2021-11-30 05:47:51

PPC fame Is the best Institute providing Digital Marketing courses in Panchkula. SEO Training/PPC Training/ Google AdWords Course/ Social Media Marketing/Ethical.
Being leaders in the Digital Marketing training space, we grab our management as trainers & career makers very seriously. PPC fame Institute Digital Marketing Training in Panchkula set benchmarks in training. Classification With management, capability, Integrity & big worth

https://ppcfame.com/digital-marketing-course-panchkula/
Car booking ( React-Redux)
Tags: webdev, react, career, design
Published: 2021-12-14 19:31:44


  Last week I found an old repository from a university project on GitHub, and I decided to give this 'little boy ' a new aspect. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b84c04aou490yq2xtds1.png)

## I started by adding:
  Home page:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lvj3i76bs3ykf454xiyn.png)
 
   Contact page:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2s158awf7k1czi7eoht2.png)

  About page:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6icppwwdl71llbyt8u73.png)
 manage state with Redux:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bil9ydhvnci71iswwg4q.png)

For more  check :
old project: https://github.com/aom19/ProjectBD
new one: https://github.com/aom19/rentCar

Next step: Remove Redux and manage state with Apollo Client 🤛 🤓
Connecting High School Students to Internships - Interniac
Tags: django, webdev, python, opensource
Published: 2021-12-14 22:20:43

Given how competitive University admissions are and how often the average University student changes majors due to career confusion, getting a high school internship is more valuable than ever before. However, pre-university work experience is difficult to come by and oftentimes opportunities are given to students who have strong networks (either through a parent or their school). Today, there is no platform through which high school students all over the country can find an internship on their own. We aim to build a platform that supports high schoolers attending public schools and empowers businesses in hiring bright students. Interniac fills the gap in our education system by simplifying the process for employers to start internship programs and source candidates who are eager to gain valuable out-of-the-classroom work experience. 

Our mission is to bring you opportunities, whether that be an internship or a chance to speak to professionals in the field you are interested in. We strive to help you build your future. Join our platform to learn more about what opportunities Interniac can offer you!

Please check out this OPENSOURCE project here and don’t forget to leave a star!
https://www.github.com/interniac/Interniac-website
Read Lock vs Write Lock
Tags: lock, multithreading, concurrency
Published: 2021-12-14 22:42:17

A lock is a synchronization primitive which limits access to a shared resource among multiple threads. We don’t need locks when only one thread is running or there is no shared resource because lock is always acquired on a shared resource. Let’s look at what locks can be acquired.

## Read Lock
Multiple threads can acquire read lock at the same time. However, while holding the lock, they can only read the data. Also, no other thread can update the data while the read lock is acquired.

In other words, during the period of holding the read lock on data, it’s guaranteed that the data haven’t been changed by any thread.

## Write Lock
Write lock can be acquired by only one thread at a time. During the lock holding period, the thread can read or write data. If a write lock has been acquired, no other threads can read the data or acquire a read lock on the data.

In short, during the period of holding the write lock on data, it’s guaranteed that the data haven’t been read or changed by any thread.

Write lock is more strict than the read lock and ensures better synchronization. In a multithreaded application, we usually go for the read lock if we’re only reading data and taking decisions based on the read data. That’s why we need to ensure that whatever we have read for taking the decisions must be true until the processing has been done and a response has been sent to the client.
Self-Taught Developer Journal, Day 18: TOP Landing Page Cont.: Beginning the Third Section
Tags: webdev, beginners, codenewbie, devjournal
Published: 2021-12-15 04:17:10

Today...

## Thinking Through The Odin Project Landing Page cont.
![The Odin Project Project Landing Page Full Design Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qcwlb2cle80pmz7kpksx.png) 

I noticed some of the elements of second section were overlapping the elements of the third section. Immediately, I knew it was because I was using my laptop instead of my usual monitors.

To fix this, I removed height:30vh and changed it to adding a margin-bottom at 10%. Now, the space between the second and third section should always be separated by the margin. 

I thought this bug was a good way to learn (and reminder to myself) to not only pay attention to the appearance, but also how the elements of the HTML documents are relative to each other.

![Second Section Overlap](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/av8heq41qg616i3jcf7l.png)

Next, I selected the quote-section and set the background color to gray. I replaced the lorem ipsum text with the quote from the Odin Project example and set the quote text style.

![Third Section Quote](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wa5jefqajtf7ht9nyghl.png)

I'm going to end it here today to try and catch up on some sleep. To be continued.
 

## Resources
[The Odin Project Landing Page Project](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/landing-page)

Day 17: https://dev.to/jennifer_tieu/self-taught-developer-journal-day-17-top-landing-page-cont-completing-the-second-section-5h0p
Please refer to [Starting My Self-Taught Developer Journey]( https://dev.to/jennifer_tieu/starting-my-self-taught-developer-journey-2dga) for context.
Password Generator - PHP

Tags: php, laravel, programming, beginners
Published: 2021-12-15 08:25:48

Let's start. We want to create a strong password and control its size. Let's see the next code. I hope it helps you and use it in your projects
```php
$lowercase = range('a','z');
$uppercase = range('A','Z');
$digits = range(0,9);
$special = ['!','@','#','$','%','^','&','*'];
$ch = array_merge($lowercase, $uppercase, $digits, $special);
$length = 8;

$password = array();
for($i = 0; $i <= $length; $i++){
  $int = rand(0, count($ch) - 1);
  array_push($password, $ch[$int]);
}
echo implode("",$password); 
```
I hope you enjoyed the code
Source :- https://www.youtube.com/watch?v=Cv3MmZpxQvM
🔥Awesome Personal Portfolio Page
Tags: javascript, css, html, webdev
Published: 2021-12-15 10:51:15

# Manilla

Manilla for modern trend, Personal Portfolio Landing Page. It is 100% responsive.

<p align="center">
  <kbd>
    <img src="https://i.ibb.co/2hfGQfs/manilla-bg.png"></img>
  </kbd>
</p>

### To view a portolio, **[click here](https://github.com/saidMounaim/manilla)**.